:root{--bg:#0b0d12;--panel:#12151d;--line:#242936;--text:#f4f6fb;--muted:#9299aa;--brand:#5865f2;--green:#35c889;--red:#ef5362}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#23285b55,transparent 35%),var(--bg);color:var(--text);font:15px Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));background:#0b0d12dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{font-size:19px;font-weight:900;letter-spacing:-.5px;color:#fff;text-decoration:none}.brand span{color:#7d87ff}.topbar nav{display:flex;align-items:center;gap:18px}.topbar nav>a,.link-button{color:#bac0cc;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.topbar form{margin:0}.profile{display:flex;align-items:center;gap:8px;color:#fff}.profile img{width:30px;height:30px;border-radius:50%}.container{max-width:1120px;margin:0 auto;padding:60px 24px;min-height:calc(100vh - 140px)}footer{text-align:center;color:#666e7e;padding:25px}.hero{min-height:65vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.hero h1,.page-head h1{font-size:clamp(38px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin:14px 0 22px}.hero h1 span{color:#7681ff}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px;margin-bottom:32px}.eyebrow{color:#8a93ff;font-size:12px;letter-spacing:2px;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--brand);color:#fff;padding:12px 18px;text-decoration:none;font-weight:750;cursor:pointer;font:inherit}.button.small{padding:9px 13px}.button.success{background:#177d5c}.button.danger{background:#9f3140}.hero-card{background:#131720;border:1px solid #2a3041;padding:24px;border-radius:18px;box-shadow:0 30px 80px #0008;transform:rotate(2deg)}.fake-head{display:flex;gap:6px;margin-bottom:30px}.fake-head i{width:8px;height:8px;border-radius:50%;background:#343a49}.fake-msg{border-left:3px solid var(--brand);padding:15px;margin:12px 0;background:#0e1118;border-radius:4px 9px 9px 4px;display:flex;flex-direction:column;gap:7px}.fake-msg span{color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.page-head h1{font-size:44px;margin:8px 0 0}.count,.claimed,.hint{color:var(--muted)}.ticket-list{display:flex;flex-direction:column;gap:9px}.ticket-row{display:grid;grid-template-columns:85px 1fr auto 24px;gap:16px;align-items:center;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none;transition:.2s}.ticket-row:hover{border-color:#5865f288;transform:translateY(-1px)}.ticket-row div{display:flex;flex-direction:column;gap:5px}.ticket-row small{color:var(--muted)}.ticket-row code,.ticket-title code{color:#9ea5b4}.arrow{font-size:20px;color:#697083}.status{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:850;padding:6px 9px;border-radius:20px;text-align:center}.status.open{color:#52dfa6;background:#143c31}.status.closed{color:#ff8792;background:#46252b}.empty{padding:60px;text-align:center;background:var(--panel);border:1px dashed #303647;border-radius:14px;color:var(--muted)}.empty h1,.empty h2{color:var(--text)}.empty.error{max-width:600px;margin:60px auto}.ticket-title{align-items:center}.ticket-title h1{font-size:40px}.ticket-title p{color:var(--muted)}.back{color:#818aff;text-decoration:none;font-weight:700}.actions{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.conversation{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.message{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:17px 20px;border-top:1px solid #1d212c}.message:first-child{border-top:0}.message>img{width:42px;height:42px;border-radius:50%;background:#282d3a}.message-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px}.message-meta time{font-size:11px;color:#727989}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;color:#dce0e8}.attachment{display:block;color:#7f9fff;margin-top:8px}.discord-embed{border-left:4px solid var(--brand);background:#0c0f15;padding:12px;margin-top:9px;max-width:650px;border-radius:4px}.discord-embed p{white-space:pre-wrap;color:#c7ccd7}.discord-embed small{display:block;margin-top:6px;color:#aeb4c0}.reply{position:sticky;bottom:15px;background:#171b25;border:1px solid #303747;padding:16px;border-radius:14px;margin-top:15px;box-shadow:0 12px 45px #0008}.reply label{display:block;font-weight:750;margin-bottom:9px}.reply textarea{display:block;width:100%;height:90px;resize:vertical;background:#0c0f15;border:1px solid #303747;border-radius:9px;padding:12px;color:#fff;font:inherit;margin-bottom:10px}.reply textarea:focus{outline:2px solid #5865f2}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-card{display:none}.topbar nav>a:not(.button){display:none}.profile{font-size:0}.container{padding:38px 16px}.page-head{align-items:start}.ticket-row{grid-template-columns:76px 1fr 20px}.ticket-row code{display:none}.actions{flex-wrap:wrap}.hero h1{letter-spacing:-2px}}

/* Dashboard */
.stats-grid.three{grid-template-columns:repeat(3,1fr)}
.dashboard-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:34px 36px;margin-bottom:18px;overflow:hidden;border:1px solid #2a3042;border-radius:20px;background:linear-gradient(120deg,#161a26 0%,#171a2c 60%,#20265a 140%);box-shadow:0 24px 80px #0004}.dashboard-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-150px;background:#6570ff24;filter:blur(3px)}.dashboard-hero h1{font-size:42px;letter-spacing:-2px;margin:8px 0 9px}.dashboard-hero p{color:#a2a9ba;margin:0;max-width:620px;line-height:1.55}.dashboard-user{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:max-content;padding:10px 13px;border:1px solid #ffffff18;border-radius:13px;background:#080a1055}.dashboard-user img{width:40px;height:40px;border-radius:11px}.dashboard-user div{display:flex;flex-direction:column;gap:3px}.dashboard-user small{color:#9299aa}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#151923,#10131a)}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:19px;background:#262c3c;color:#fff}.stat-card div{display:flex;flex-direction:column}.stat-card strong{font-size:26px;line-height:1}.stat-card small{margin-top:5px;color:#858d9e}.stat-card.accent .stat-icon{background:#5865f22c;color:#8992ff}.stat-card.green .stat-icon{background:#35c88925;color:#51dfa8}.stat-card.violet .stat-icon{background:#aa6fff22;color:#b98aff}.stat-card.red .stat-icon{background:#ef536222;color:#ff7c88}.tickets-panel{padding:8px 0}.tickets-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 5px 15px}.tickets-panel-head h2{font-size:20px;margin:0 0 5px}.tickets-panel-head p{margin:0;color:#7f8798}.count-pill{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:1px solid #30374a;border-radius:10px;background:#151923;color:#aab1c0;font-weight:800}.ticket-list.modern{gap:8px}.ticket-card{display:grid;grid-template-columns:48px minmax(170px,1fr) auto auto auto 20px;gap:15px;align-items:center;padding:15px 18px;border:1px solid #242a38;border-radius:13px;background:linear-gradient(110deg,#121620,#10131a);color:#fff;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}.ticket-card:hover{transform:translateY(-2px);border-color:#5662d988;background:#151a25}.reason-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#202533;font-size:21px}.ticket-card-main{min-width:0}.ticket-card-title{display:flex;gap:8px;align-items:baseline}.ticket-card-title strong{font-size:15px}.ticket-card-title span{color:#676f82;font-size:12px}.ticket-card-main small{display:block;margin-top:6px;color:#828a9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-owner{display:flex;flex-direction:column;gap:4px;min-width:145px}.ticket-owner small{color:#71798b;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.ticket-owner code{color:#aab1c0}.claim-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#173e32;color:#52dfa6;font-weight:900}.ticket-chevron{font-size:25px;color:#626b7e}.conversation-head{display:flex;align-items:end;justify-content:space-between;padding:9px 3px 12px}.conversation-head>div{display:flex;align-items:center;gap:12px}.conversation-head h2{font-size:18px;margin:0}.conversation-head>small{color:#767e90}.live-state{display:flex;align-items:center;gap:6px;color:#8a92a3;font-size:11px}.live-state i{width:7px;height:7px;border-radius:50%;background:#858c9b}.live-state.online{color:#59dba8}.live-state.online i{background:#3bd897;box-shadow:0 0 0 4px #3bd89719;animation:livePulse 2s infinite}.live-state.offline{color:#e59a60}.live-state.offline i{background:#e59a60}.message.incoming{animation:messageIn .28s ease-out}.new-message-notice{position:fixed;left:50%;bottom:105px;z-index:8;transform:translateX(-50%);padding:10px 16px;border:1px solid #7781ff;border-radius:22px;background:#5865f2;color:#fff;font-weight:800;box-shadow:0 10px 35px #0008;cursor:pointer}.new-message-notice[hidden]{display:none}@keyframes messageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes livePulse{50%{box-shadow:0 0 0 8px #3bd89708}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.ticket-card{grid-template-columns:48px 1fr auto 20px}.ticket-owner,.claim-dot{display:none}.stats-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.dashboard-hero{padding:25px;align-items:flex-start}.dashboard-user{display:none}.dashboard-hero h1{font-size:34px}.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr}.stat-card{padding:15px;gap:10px}.ticket-card{grid-template-columns:42px 1fr auto}.ticket-chevron{display:none}.ticket-card .status{grid-column:3}.reason-badge{width:40px;height:40px}.conversation-head>small{display:none}}