:root{--bg:#f6f5fa;--panel:#fff;--text:#191624;--muted:#777184;--border:#e9e5ef;--primary:#7042bd;--soft:#f1eafd;--success:#11865a;--warning:#bd7900;--shadow:0 14px 40px rgba(42,30,67,.07)}
[data-theme="dark"]{--bg:#121119;--panel:#1d1b27;--text:#f5f2fb;--muted:#aaa4b5;--border:#35303f;--primary:#a77aeb;--soft:#2e2442;--shadow:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Cairo",sans-serif}main{max-width:1240px;margin:auto;padding:125px 24px 60px}.support-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px;border-radius:22px;background:linear-gradient(135deg,#2d2142,#7349b9);color:#fff}.support-hero p{margin:0;color:#d9c6fb;font-size:12px;font-weight:800}.support-hero h1{font-size:32px;margin:5px 0}.support-hero span{color:#e9e0f7;font-size:13px}.primary-button,.secondary-button{border:0;border-radius:11px;padding:11px 18px;background:var(--primary);color:#fff;font:700 12px "Cairo";cursor:pointer}.support-hero .primary-button{background:#fff;color:#492a79}.secondary-button{background:var(--panel);color:var(--text);border:1px solid var(--border)}.support-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.support-stats article{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:18px;box-shadow:var(--shadow)}.support-stats span{display:block;color:var(--muted);font-size:11px}.support-stats strong{font-size:26px}.support-layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:17px;min-height:520px}.tickets-panel,.ticket-detail{background:var(--panel);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--border)}.panel-heading small{color:var(--primary);font-weight:700}.panel-heading h2{margin:2px 0;font-size:18px}.panel-heading select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:9px;padding:8px;font:600 10px "Cairo"}.tickets-list{display:grid}.ticket-item{border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:16px;text-align:right;font-family:inherit;cursor:pointer}.ticket-item:hover,.ticket-item.active{background:var(--soft)}.ticket-item header{display:flex;justify-content:space-between;gap:10px}.ticket-item strong{font-size:12px}.ticket-item p{margin:5px 0;color:var(--muted);font-size:10px}.ticket-item small{font-size:9px;color:var(--muted)}.status{padding:3px 8px;border-radius:10px;background:var(--soft);color:var(--primary);font-size:8px;font-weight:800}.empty-detail,.empty-list{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:35px;color:var(--muted)}.empty-detail>span,.empty-list>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--primary);font-size:22px}.empty-detail h2{color:var(--text);font-size:17px;margin-bottom:2px}.empty-detail p{font-size:11px}.detail-head{padding:20px;border-bottom:1px solid var(--border)}.detail-head small{color:var(--primary);font-weight:800}.detail-head h2{margin:4px 0;font-size:20px}.detail-meta{display:flex;gap:8px;color:var(--muted);font-size:10px}.conversation{height:330px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:11px}.message{max-width:78%;padding:12px 14px;border-radius:13px;background:var(--bg);align-self:flex-start}.message.mine{background:var(--soft);align-self:flex-end}.message.admin{border:1px solid var(--primary)}.message strong{display:block;font-size:10px}.message p{margin:4px 0;white-space:pre-wrap;font-size:11px}.message time{color:var(--muted);font-size:8px}.reply-form{display:flex;gap:10px;padding:16px;border-top:1px solid var(--border)}.reply-form textarea{flex:1;resize:none;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:10px;font:500 11px "Cairo"}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.help-grid article{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:19px}.help-grid article>span{color:var(--primary);font-size:22px}.help-grid h3{font-size:14px;margin:7px 0}.help-grid p{color:var(--muted);font-size:11px;margin:0}.modal-overlay{position:fixed;inset:0;background:#120b20aa;z-index:80;display:none;place-items:center;padding:20px}.modal-overlay.open{display:grid}.ticket-form{width:min(590px,100%);background:var(--panel);border-radius:17px;padding:22px;display:grid;gap:13px}.ticket-form header{display:flex;justify-content:space-between}.ticket-form header small{color:var(--primary)}.ticket-form h2{margin:2px 0}.ticket-form header button{border:0;background:transparent;color:var(--muted);font-size:23px;cursor:pointer}.ticket-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.ticket-form input,.ticket-form select,.ticket-form textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:11px;font:500 11px "Cairo"}.ticket-form footer{display:flex;justify-content:flex-end;gap:9px}.support-toast{position:fixed;bottom:22px;left:22px;background:#251a35;color:#fff;padding:12px 17px;border-radius:10px;opacity:0;transform:translateY(12px);transition:.2s}.support-toast.show{opacity:1;transform:none}
@media(max-width:850px){.support-layout{grid-template-columns:1fr}.ticket-detail{min-height:500px}.support-stats,.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){main{padding:105px 14px 40px}.support-hero{align-items:flex-start;flex-direction:column;padding:25px}.support-hero h1{font-size:25px}.support-stats,.help-grid{grid-template-columns:1fr}.conversation{height:290px}}