@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Sora:wght@300;400;500;600&display=swap";
@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b886574ba42c3409-s.0n0by9e-ig5xq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.0xxb547n1hn74.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b886574ba42c3409-s.0n0by9e-ig5xq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.0xxb547n1hn74.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b886574ba42c3409-s.0n0by9e-ig5xq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.0xxb547n1hn74.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b886574ba42c3409-s.0n0by9e-ig5xq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c41ca59f1c34ba31-s.p.0xxb547n1hn74.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}.sora_92a201e-module__tXuOEG__className{font-family:Sora,Sora Fallback;font-style:normal}.sora_92a201e-module__tXuOEG__variable{--font-sans:"Sora", "Sora Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.0unhoe1q6hp6-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.0-pny06~-x26a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.0cnogfwvi2_o-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.0x-0vqtj_fzf1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_eefad112-module__8_79wq__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_eefad112-module__8_79wq__variable{--font-mono:"DM Mono", "DM Mono Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--surface:#13161d;--surface2:#1a1e28;--surface3:#212535;--border:#2a2f3f;--border2:#353b50;--text:#e8eaf0;--text2:#8b91a8;--text3:#555d78;--accent:#5b8af5;--accent2:#3d6de0;--green:#3ecf8e;--yellow:#f5c842;--red:#f56565;--orange:#f5a742;--purple:#a78bfa;--mono:"DM Mono", monospace;--sans:"Sora", sans-serif}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:13px}.shell{grid-template-rows:48px 1fr;grid-template-columns:220px 1fr;height:100vh;min-height:600px;display:grid;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:12px;padding:0 20px;display:flex}.topbar-logo{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;font-size:13px;font-weight:500}.topbar-logo span{color:var(--text3)}.topbar-spacer{flex:1}.topbar-badge{background:var(--surface3);border:1px solid var(--border);color:var(--text2);font-size:11px;font-family:var(--mono);border-radius:99px;padding:3px 10px}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 0;display:flex;overflow-y:auto}.nav-section{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--mono);padding:8px 16px 4px}.nav-item{cursor:pointer;color:var(--text2);text-align:left;width:100%;font-size:12px;font-family:var(--sans);background:0 0;border:none;border-left:2px solid #0000;border-radius:0;align-items:center;gap:9px;padding:7px 16px;transition:all .12s;display:flex}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#5b8af512}.nav-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-count{background:var(--surface3);font-size:10px;font-family:var(--mono);color:var(--text3);border-radius:99px;margin-left:auto;padding:1px 7px}.nav-item.active .nav-count{color:var(--accent);background:#5b8af526}.main{grid-template-columns:1fr 360px;display:grid;overflow:hidden}.queue{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.queue-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.queue-title{font-size:14px;font-weight:600}.queue-sub{color:var(--text3);font-family:var(--mono);margin-left:auto;font-size:11px}.filter-row{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 20px;display:flex}.filter-chip{border:1px solid var(--border2);color:var(--text2);cursor:pointer;font-size:11px;font-family:var(--mono);background:0 0;border-radius:99px;padding:4px 10px;transition:all .12s}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:#5b8af51f}.ticket-list{flex:1;overflow-y:auto}.ticket-item{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr auto;gap:6px;padding:14px 20px;transition:background .1s;display:grid}.ticket-item:hover{background:var(--surface2)}.ticket-item.selected{border-left:2px solid var(--accent);background:#5b8af512;padding-left:18px}.ticket-id{font-family:var(--mono);color:var(--text3);font-size:10px}.ticket-subject{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:13px;font-weight:500;overflow:hidden}.ticket-meta{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ticket-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.ticket-time{font-family:var(--mono);color:var(--text3);white-space:nowrap;font-size:10px}.badge{font-size:10px;font-weight:600;font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:2px 7px}.badge-critical{color:var(--red);background:#f5656526;border:1px solid #f5656540}.badge-high{color:var(--orange);background:#f5a74226;border:1px solid #f5a74240}.badge-medium{color:var(--yellow);background:#f5c8421f;border:1px solid #f5c84233}.badge-low{color:var(--green);background:#3ecf8e1a;border:1px solid #3ecf8e33}.badge-billing{color:var(--purple);background:#a78bfa1f;border:1px solid #a78bfa33}.badge-technical{color:var(--accent);background:#5b8af51f;border:1px solid #5b8af533}.badge-account{color:var(--green);background:#3ecf8e1a;border:1px solid #3ecf8e33}.badge-feature{color:var(--yellow);background:#f5c8421a;border:1px solid #f5c84233}.detail{background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.detail-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px 12px}.detail-id{font-family:var(--mono);color:var(--text3);margin-bottom:4px;font-size:10px}.detail-subject{margin-bottom:10px;font-size:15px;font-weight:600;line-height:1.4}.detail-chips{flex-wrap:wrap;gap:6px;display:flex}.detail-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.msg-block{flex-direction:column;gap:6px;display:flex}.msg-from{color:var(--text3);font-size:11px;font-family:var(--mono)}.msg-from span{color:var(--text2)}.msg-bubble{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.7}.ai-block{background:#5b8af50f;border:1px solid #5b8af533;border-radius:10px;padding:14px}.ai-label{font-size:10px;font-family:var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-weight:500;display:flex}.ai-label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.ai-section-label{font-size:10px;font-family:var(--mono);color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:10px;margin-bottom:4px}.ai-text{color:var(--text2);font-size:12px;line-height:1.7}.ai-tags{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.ai-tag{font-family:var(--mono);background:var(--surface3);color:var(--text2);border:1px solid var(--border2);border-radius:4px;padding:2px 7px;font-size:10px}.ai-response-box{background:var(--surface);border:1px solid var(--border2);color:var(--text2);border-radius:6px;margin-top:6px;padding:10px 12px;font-size:12px;line-height:1.7}.detail-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 20px;display:flex}.reply-box{background:var(--surface2);border:1px solid var(--border2);color:var(--text2);resize:none;min-height:60px;font-size:12px;font-family:var(--sans);border-radius:8px;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}.reply-box:focus{border-color:var(--accent)}.footer-actions{gap:8px;display:flex}.btn{cursor:pointer;font-size:12px;font-weight:500;font-family:var(--sans);border:none;border-radius:6px;padding:7px 14px;transition:all .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-ghost{color:var(--text2);border:1px solid var(--border2);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--border);color:var(--text)}.btn-ai{color:var(--accent);background:#5b8af51f;border:1px solid #5b8af540}.btn-ai:hover:not(:disabled){background:#5b8af533}.btn-ai.loading{opacity:.6;pointer-events:none}.btn-sm{padding:4px 10px;font-size:11px}.stats-bar{border-bottom:1px solid var(--border);flex-shrink:0;gap:20px;padding:10px 20px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-val{font-family:var(--mono);color:var(--text);font-size:16px;font-weight:500}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.sla-bar{background:var(--border);border-radius:99px;height:3px;overflow:hidden}.sla-fill{border-radius:99px;height:100%;transition:width .5s}.empty-state{color:var(--text3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 0;display:flex}.empty-icon{opacity:.3;font-size:28px}.typing-dots span{animation:1.2s infinite blink;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}