:root{--bg:#0f0f0f;--card:#171719;--card2:#1d1d20;--line:rgba(255,255,255,.08);--text:#f5f5f5;--muted:#8e8e98;--gold:#f59e0b;--gold2:#fbbf24;--green:#22c55e;--red:#ef4444;--blue:#60a5fa}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Cairo,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% -15%,rgba(245,158,11,.15),transparent 34%),radial-gradient(circle at 5% 42%,rgba(124,58,237,.07),transparent 24%),#0f0f0f}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 72%)}
.community-side-nav .community-nav-link[href="/support"]{display:flex!important}.community-side-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.support-page{width:min(1160px,calc(100% - 36px));margin:0 auto;padding:116px 0 84px}
.support-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:30px 32px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(28,28,30,.94),rgba(17,17,18,.96));box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03)}
.support-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--gold2);font-size:.7rem;font-weight:900}.support-hero h1{margin:5px 0 4px;font-size:clamp(2rem,5vw,3.45rem);line-height:1.1;letter-spacing:-.025em}.support-hero p{margin:0;max-width:680px;color:var(--muted);font-size:.78rem;line-height:1.9}.support-live{min-width:190px;padding:13px 16px;border:1px solid rgba(34,197,94,.18);border-radius:16px;background:rgba(34,197,94,.055);display:flex;align-items:center;gap:10px}.support-live i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(34,197,94,.7)}.support-live b{display:block;font-size:.68rem}.support-live small{display:block;color:#7b8c81;font-size:.52rem;margin-top:2px}
.support-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;margin-top:16px}.support-card{border:1px solid var(--line);border-radius:22px;background:rgba(20,20,22,.92);box-shadow:inset 0 1px rgba(255,255,255,.025)}.support-compose{padding:22px}.support-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.support-card-head h2{margin:0;font-size:1rem}.support-card-head p{margin:4px 0 0;color:var(--muted);font-size:.6rem}.support-badge{padding:6px 9px;border-radius:999px;background:rgba(245,158,11,.08);color:var(--gold2);font-size:.52rem;font-weight:900;border:1px solid rgba(245,158,11,.14)}
.support-form{display:grid;gap:12px}.support-row{display:grid;grid-template-columns:190px 1fr;gap:10px}.support-field{display:grid;gap:6px}.support-field>span{font-size:.59rem;font-weight:900;color:#d7d7da}.support-field input,.support-field select,.support-field textarea,.support-reply textarea{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#111113;color:#fff;padding:12px 13px;outline:none;font:700 .65rem Cairo;transition:.18s}.support-field textarea{min-height:142px;resize:vertical;line-height:1.9}.support-field input:focus,.support-field select:focus,.support-field textarea:focus,.support-reply textarea:focus{border-color:rgba(245,158,11,.45);box-shadow:0 0 0 3px rgba(245,158,11,.07)}.support-submit,.support-action{border:0;border-radius:12px;background:var(--gold);color:#17110a;padding:11px 17px;font:1000 .64rem Cairo;cursor:pointer}.support-submit{justify-self:end;min-width:150px}.support-submit:disabled,.support-action:disabled{opacity:.5;cursor:not-allowed}
.support-side{display:grid;gap:12px}.support-tip{padding:17px}.support-tip span{font-size:1.3rem}.support-tip h3{margin:8px 0 3px;font-size:.75rem}.support-tip p{margin:0;color:var(--muted);font-size:.57rem;line-height:1.75}
.support-history{margin-top:16px;padding:20px}.support-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.support-history-toolbar h2{margin:0;font-size:.95rem}.support-refresh{border:1px solid var(--line);background:#171719;color:#ccc;border-radius:10px;padding:8px 11px;font:800 .55rem Cairo;cursor:pointer}.support-tickets{display:grid;gap:10px}.support-empty{padding:40px 20px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:16px;color:#777;font-size:.64rem}
.support-ticket{border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#121214;overflow:hidden}.support-ticket>button{width:100%;border:0;background:transparent;color:#fff;padding:14px 15px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:right;cursor:pointer}.support-ticket-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(245,158,11,.08);font-size:1rem}.support-ticket-title b{display:block;font-size:.65rem}.support-ticket-title small{display:block;color:#777;font-size:.5rem;margin-top:3px}.support-status{padding:5px 8px;border-radius:999px;font-size:.48rem;font-weight:900;background:#252529;color:#aaa}.support-status.new{background:rgba(239,68,68,.1);color:#fca5a5}.support-status.in_progress{background:rgba(96,165,250,.1);color:#93c5fd}.support-status.resolved{background:rgba(34,197,94,.1);color:#86efac}
.support-ticket-body{display:none;padding:0 15px 15px}.support-ticket.open .support-ticket-body{display:block}.support-thread{display:grid;gap:8px;padding-top:4px}.support-message{max-width:88%;padding:10px 12px;border-radius:13px;background:#1a1a1e;border:1px solid rgba(255,255,255,.06)}.support-message.user{justify-self:start}.support-message.admin{justify-self:end;background:rgba(245,158,11,.065);border-color:rgba(245,158,11,.16)}.support-message b{display:block;font-size:.52rem;color:#aaa;margin-bottom:3px}.support-message p{margin:0;white-space:pre-wrap;font-size:.59rem;line-height:1.8}.support-message small{display:block;margin-top:5px;color:#666;font-size:.45rem}.support-reply{display:flex;gap:8px;margin-top:11px}.support-reply textarea{min-height:54px;max-height:120px;resize:vertical}.support-reply .support-action{align-self:stretch;min-width:88px}
.support-auth{padding:28px;text-align:center}.support-auth h2{font-size:1rem;margin:6px 0}.support-auth p{color:#777;font-size:.62rem}.support-auth a{display:inline-flex;margin-top:10px;text-decoration:none}
.support-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;z-index:500;padding:10px 14px;border-radius:12px;background:#252528;border:1px solid var(--line);color:#fff;font:800 .6rem Cairo;transition:.22s}.support-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){.support-page{width:min(100% - 18px,1160px);padding-top:90px}.support-hero{grid-template-columns:1fr;padding:22px;border-radius:22px}.support-live{min-width:0;width:100%}.support-grid{grid-template-columns:1fr}.support-side{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.support-page{padding-bottom:110px}.support-hero h1{font-size:2.15rem}.support-row{grid-template-columns:1fr}.support-side{grid-template-columns:1fr}.support-ticket>button{grid-template-columns:auto 1fr}.support-ticket>button .support-status{grid-column:2}.support-message{max-width:96%}.support-reply{display:grid}.support-submit{width:100%}.community-side-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}}