:root{color-scheme:dark;--bg: #1e1f22;--sidebar: #2b2d31;--surface: #313338;--surface-2: #383a40;--surface-3: #404249;--text: #f2f3f5;--muted: #b5bac1;--subtle: #949ba4;--line: rgba(255,255,255,.08);--accent: #ffa200;--blue: #5865f2;--green: #23a559;--yellow: #f0b232;--red: #f23f42}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}h1,h2,h3,p{margin:0}p,.muted{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{width:min(420px,100%);display:grid;gap:14px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.primary-link,.actions a,.filters button{border:0;border-radius:6px;background:var(--accent);color:#17130a;font-weight:800;padding:10px 14px;text-decoration:none;text-align:center;cursor:pointer}.error{border:1px solid rgba(242,63,66,.35);border-radius:6px;padding:10px;color:#ffd1ce;background:#f23f4214}.app{min-height:100vh;display:grid;grid-template-columns:440px 1fr}.sidebar{min-height:100vh;background:var(--sidebar);border-right:1px solid var(--line);display:grid;grid-template-rows:auto auto auto auto 1fr;gap:14px;padding:18px}.brand{display:grid;gap:6px}.brand h1{font-size:24px;line-height:1.1}.brand p{color:var(--subtle)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{display:grid;gap:4px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:10px;min-width:0}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:20px;line-height:1}.filters{display:grid;gap:9px;border:1px solid var(--line);border-radius:8px;background:#313338a6;padding:12px}.filters input,.filters select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:10px 11px;outline:none}.filters input:focus,.filters select:focus{border-color:#ffa2008c}.filter-grid,.date-row,.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.ticket-list{overflow:auto;display:grid;align-content:start;gap:8px;padding-right:2px}.empty-list{padding:12px}.ticket-row{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);padding:10px;cursor:pointer}.ticket-row:hover,.ticket-row.selected{background:var(--surface);border-color:var(--line)}.ticket-row.selected{box-shadow:inset 3px 0 0 var(--accent)}.ticket-row-main{min-width:0;display:grid;gap:3px}.ticket-row-main strong,.ticket-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-row-main small,.ticket-row-meta small{color:var(--muted)}.ticket-row-meta{display:grid;justify-items:end;gap:5px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--subtle)}.status-dot.open,.badge.open{background:var(--blue)}.status-dot.claimed,.badge.claimed{background:var(--green)}.status-dot.waiting,.badge.waiting{background:var(--yellow);color:#211706}.status-dot.pending,.badge.pending{background:#e67e22}.status-dot.closed,.badge.closed{background:var(--surface-3);color:var(--muted)}.badge{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:4px 8px}.detail{min-width:0;padding:24px;overflow:auto;display:grid;align-content:start;gap:16px}.detail.empty{place-items:center;color:var(--muted)}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--line)}.detail-head h2{font-size:30px;margin:4px 0;line-height:1.1}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.actions a{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.actions a:hover{background:var(--surface-3)}.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.info-grid div,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.info-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.info-grid strong{overflow-wrap:anywhere}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:800;padding:10px 12px;cursor:pointer}.tabs button:hover,.tabs button.active{color:var(--text)}.tabs button.active{border-color:var(--accent)}.tabs span{min-width:20px;border-radius:999px;background:var(--surface-2);color:var(--muted);padding:2px 6px;font-size:11px}.panel{display:grid;gap:12px}.panel h3{font-size:16px}.answer{border-top:1px solid var(--line);padding-top:10px}.answer:first-of-type{border-top:0;padding-top:0}.answer p{white-space:pre-wrap;margin-top:4px}.messages{display:grid;gap:10px}.message{border:1px solid var(--line);border-radius:6px;background:#ffffff06;padding:11px}.message.notes-message{border-color:#ffa20059;background:#ffa2000f}.message-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:6px}.message-head>div{display:flex;gap:7px;align-items:center;min-width:0}.message-head span{color:var(--muted);font-size:12px;white-space:nowrap}.bot-badge{border-radius:3px;background:var(--blue);color:#fff!important;font-size:10px!important;font-weight:800;padding:1px 4px}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.mention{display:inline-block;border-radius:3px;background:#5865f247;color:#c9cdfb;font-weight:700;padding:0 3px}.mention.role{color:#d8c7ff}.mention.channel{color:#b8c0ff}.mention.timestamp{color:var(--muted);background:#ffffff14}.attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.attachments a{color:var(--accent);text-decoration:none;border:1px solid rgba(255,162,0,.35);border-radius:6px;padding:5px 8px}.ticket-embeds{display:grid;gap:8px;margin-top:8px}.ticket-embed{max-width:540px;border-left:4px solid var(--accent);border-radius:4px;background:#2b2d31;overflow:hidden}.ticket-embed-body{display:flex;align-items:flex-start;gap:14px;padding:12px}.ticket-embed-content{min-width:0;flex:1;display:grid;gap:8px}.ticket-embed-author,.ticket-embed-footer{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.ticket-embed-author{color:var(--text);font-weight:800}.ticket-embed-author img,.ticket-embed-footer img{width:20px;height:20px;border-radius:50%}.ticket-embed-title{color:var(--text);font-weight:800;text-decoration:none}.ticket-embed-description{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.ticket-embed-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ticket-embed-field{display:grid;gap:3px;grid-column:1 / -1;min-width:0}.ticket-embed-field.inline{grid-column:auto}.ticket-embed-field strong{color:var(--text);font-size:13px}.ticket-embed-field span{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.ticket-embed-thumb{width:80px;max-height:80px;object-fit:cover;border-radius:4px}.ticket-embed-image{max-width:100%;border-radius:4px}.ticket-components{display:grid;gap:8px;margin-top:8px}.ticket-component-row{display:flex;flex-wrap:wrap;gap:8px}.ticket-component{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;max-width:240px;border-radius:4px;padding:2px 14px;color:#fff;font-weight:700;text-decoration:none;overflow:hidden}.ticket-component span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-component.style-1,.ticket-component.style-primary{background:var(--blue)}.ticket-component.style-2,.ticket-component.style-secondary{background:#4e5058}.ticket-component.style-3,.ticket-component.style-success{background:var(--green)}.ticket-component.style-4,.ticket-component.style-danger{background:var(--red)}.ticket-component.style-5,.ticket-component.style-link{background:#4e5058}.ticket-component.disabled,.ticket-component:not(a){opacity:.8}.button-emoji{width:18px;height:18px;object-fit:contain}.timeline{display:grid;gap:10px}.timeline article{display:grid;grid-template-columns:150px minmax(160px,240px) minmax(0,1fr);gap:12px;align-items:start;border-left:3px solid var(--accent);padding:9px 10px;background:#ffffff06;border-radius:0 6px 6px 0}.timeline span{color:var(--muted);font-size:12px;padding-top:2px}.timeline p{color:var(--muted);overflow-wrap:anywhere}.feedback-box{display:grid;gap:8px;border:1px solid rgba(255,162,0,.25);border-radius:6px;background:#ffa2000f;padding:12px}.feedback-box strong{color:var(--accent)}@media(max-width:1100px){.app{grid-template-columns:380px 1fr}.stats{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.detail{padding:18px}.detail-head{display:grid}.actions{justify-content:start}.info-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:4px}.ticket-embed-fields{grid-template-columns:1fr}}