:root{
  --bg:#070b14;--bg2:#0b1020;--panel:#0e1526;--panel2:#111a2e;--panel3:#151f35;
  --line:#1e2a43;--line2:#273653;--text:#edf3ff;--muted:#91a0bb;--faint:#61708d;
  --accent:#73a7ff;--accent2:#9a7cff;--good:#42d392;--warn:#f2b84b;--bad:#ff6875;--cyan:#57d6e8;
  --shadow:0 20px 60px rgba(0,0,0,.28);--radius:14px;--radius2:10px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nowrap{white-space:nowrap}.grow{flex:1}.right{text-align:right}.center{text-align:center}.danger-text{color:var(--bad)}.good-text{color:var(--good)}
.boot{min-height:100vh;display:grid;place-items:center;text-align:center;gap:16px}.boot img{width:94px;height:94px;border-radius:28px;box-shadow:0 0 0 1px var(--line),0 20px 60px rgba(67,127,255,.25)}.boot div{display:grid;gap:4px}.boot strong{font-size:24px}.boot span{color:var(--muted)}
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(88,132,255,.16),transparent 38%),var(--bg)}.login-card{width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--shadow);text-align:center}.login-card img{width:112px;height:112px;border-radius:32px;margin-bottom:16px}.login-card h1{font-size:32px;margin:0 0 8px}.login-card p{color:var(--muted);line-height:1.6;margin:0 0 24px}
.shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:14px;border-right:1px solid var(--line);background:#080d18;display:flex;flex-direction:column;gap:12px;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:7px 8px 14px}.brand img{width:42px;height:42px;border-radius:13px}.brand strong{display:block;font-size:17px}.brand span{color:var(--muted);font-size:12px}.server-select{display:flex;align-items:center;gap:9px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px;color:var(--text)}.server-select img,.avatar-placeholder{width:30px;height:30px;border-radius:9px;object-fit:cover;background:var(--panel3);display:grid;place-items:center}.server-select .server-meta{min-width:0;flex:1;text-align:left}.server-select b,.server-select small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-select small{color:var(--muted);margin-top:2px}.nav-scroll{overflow:auto;padding-right:2px;flex:1}.nav-group{margin:14px 0}.nav-title{padding:0 10px 6px;color:#61708d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.nav-item{border:0;background:transparent;color:var(--muted);width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-align:left;margin:1px 0}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,rgba(115,167,255,.16),rgba(115,167,255,.05));color:#dfeaff;box-shadow:inset 2px 0 var(--accent)}.nav-icon{width:18px;text-align:center;font-size:15px}.nav-badge{margin-left:auto;background:var(--bad);color:white;border-radius:999px;padding:1px 6px;font-size:10px}.user-card{display:flex;align-items:center;gap:9px;padding:9px;border-top:1px solid var(--line)}.user-card img{width:34px;height:34px;border-radius:50%}.user-card div{min-width:0;flex:1}.user-card b,.user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card small{color:var(--muted)}
.main{min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:15;background:rgba(7,11,20,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar h1{font-size:18px;margin:0}.top-actions{display:flex;gap:8px;align-items:center}.content{padding:22px 24px 54px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-head h2{font-size:25px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);line-height:1.5}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{border:1px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:9px;padding:8px 12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px}.btn:hover{filter:brightness(1.1);border-color:#395176}.btn.primary{background:linear-gradient(135deg,#4e80ef,#7669e8);border-color:#7698f4;color:white}.btn.good{border-color:rgba(66,211,146,.35);background:rgba(66,211,146,.12);color:#8ceabb}.btn.warn{border-color:rgba(242,184,75,.35);background:rgba(242,184,75,.12);color:#ffd382}.btn.danger{border-color:rgba(255,104,117,.34);background:rgba(255,104,117,.1);color:#ff9ba4}.btn.ghost{background:transparent}.btn.sm{min-height:29px;padding:5px 9px;font-size:12px}.btn.icon{width:36px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:8px}.link{color:var(--accent);cursor:pointer}.link:hover{text-decoration:underline}
.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(17,26,46,.96),rgba(13,20,35,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.08)}.card-pad{padding:16px}.card-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{font-size:14px;margin:0}.stat{padding:16px}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-size:28px;font-weight:800;margin:6px 0 2px;letter-spacing:-.03em}.stat .sub{font-size:11px;color:var(--faint)}.accent-line{height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;text-align:left;font-weight:800;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 12px;border-bottom:1px solid rgba(30,42,67,.72);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:rgba(115,167,255,.035)}.table .actions{display:flex;gap:5px;justify-content:flex-end}.empty{padding:34px;text-align:center;color:var(--muted)}
.badge,.pill{display:inline-flex;align-items:center;gap:5px;line-height:1;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;background:#18233a;color:#bdc9dd;border:1px solid #263653}.badge.open{color:#98ccff;background:rgba(83,158,255,.1);border-color:rgba(83,158,255,.23)}.badge.awaiting_staff{color:#ffd27e;background:rgba(242,184,75,.1);border-color:rgba(242,184,75,.25)}.badge.awaiting_user{color:#9ee4cf;background:rgba(66,211,146,.09);border-color:rgba(66,211,146,.22)}.badge.paused{color:#c9b6ff;background:rgba(154,124,255,.1);border-color:rgba(154,124,255,.24)}.badge.closed{color:#8b99af;background:#111827;border-color:#1d2a42}.priority.urgent{color:#ff919c}.priority.high{color:#ffc66c}.priority.low{color:#82d8e7}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.field{display:grid;gap:6px}.field label{color:#a8b5ca;font-size:12px;font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--line2);background:#0b1220;color:var(--text);border-radius:9px;padding:9px 10px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#587fc8;box-shadow:0 0 0 3px rgba(90,137,232,.1)}.textarea{min-height:92px;resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span-2{grid-column:span 2}.check{display:flex;gap:9px;align-items:flex-start;color:#c4cfe0}.check input{margin-top:2px}.helper{color:var(--faint);font-size:11px;line-height:1.4}.section{margin:20px 0}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7f8faa;font-weight:800;margin:0 0 10px}.divider{height:1px;background:var(--line);margin:15px 0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#111b2e;border-radius:999px;padding:5px 8px;color:#becbe0;font-size:11px}.chip button{border:0;background:transparent;color:#8697b5;padding:0}.color-dot{width:9px;height:9px;border-radius:50%;background:var(--chip,#7c8aa5)}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar .searchbox{min-width:220px;flex:1}.searchbox{position:relative}.searchbox input{padding-left:32px}.searchbox:before{content:'⌕';position:absolute;left:11px;top:7px;color:var(--faint);font-size:17px}.segmented{display:flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line2);background:#0c1322;color:var(--muted);padding:8px 10px}.segmented button:last-child{border-right:0}.segmented button.active{background:#1a2740;color:white}
.ticket-layout{display:grid;grid-template-columns:330px minmax(420px,1fr) 300px;height:calc(100vh - 111px);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.ticket-list{border-right:1px solid var(--line);overflow:auto}.ticket-list-head{position:sticky;top:0;background:#0d1422;padding:10px;border-bottom:1px solid var(--line);z-index:3}.ticket-item{padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.ticket-item:hover{background:#111b2d}.ticket-item.active{background:linear-gradient(90deg,rgba(115,167,255,.15),rgba(115,167,255,.035));box-shadow:inset 3px 0 var(--accent)}.ticket-item .row1{display:flex;align-items:center;gap:7px}.ticket-item .subject{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ticket-item .preview{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0}.ticket-item .meta{display:flex;justify-content:space-between;gap:8px;color:var(--faint);font-size:10px}.conversation{min-width:0;display:flex;flex-direction:column}.conversation-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0d1422}.conversation-head h3{margin:0;font-size:14px}.messages{flex:1;overflow:auto;padding:16px}.msg{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:0 0 15px}.msg img,.msg .msg-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#18243b;display:grid;place-items:center;font-weight:800;color:#9cb5df}.msg-head{display:flex;align-items:baseline;gap:7px;margin-bottom:3px}.msg-head b{font-size:13px}.msg-head time{color:var(--faint);font-size:10px}.msg-body{line-height:1.48;color:#d9e3f2;white-space:pre-wrap;overflow-wrap:anywhere}.msg.staff .msg-head b{color:#9cc4ff}.attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.attachment{border:1px solid var(--line2);background:#111a2e;padding:7px 9px;border-radius:8px;color:#a9c4ed;font-size:11px}.composer{padding:11px;border-top:1px solid var(--line);background:#0c1321}.composer textarea{min-height:64px}.composer-row{display:flex;align-items:center;gap:8px;margin-top:8px}.composer-row input[type=file]{max-width:230px;color:var(--muted);font-size:11px}.details{border-left:1px solid var(--line);overflow:auto;background:#0b111e}.detail-sec{padding:13px;border-bottom:1px solid var(--line)}.detail-sec h4{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#71809a;margin:0 0 10px}.kv{display:grid;grid-template-columns:94px minmax(0,1fr);gap:7px;font-size:12px;margin:7px 0}.kv span:first-child{color:var(--faint)}.note{border:1px solid #293857;border-radius:9px;padding:9px;background:#111a2d;margin:7px 0}.note small{color:var(--faint)}
.builder{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.resource-list{max-height:calc(100vh - 180px);overflow:auto}.resource-item{padding:10px;border-bottom:1px solid var(--line);cursor:pointer}.resource-item:hover,.resource-item.active{background:#142039}.resource-item b{display:block}.resource-item small{color:var(--muted)}.editor{padding:16px}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 16px}.subtabs button{border:0;background:transparent;color:var(--muted);padding:11px 10px;border-bottom:2px solid transparent}.subtabs button.active{color:var(--text);border-color:var(--accent)}.field-builder{border:1px solid var(--line);border-radius:10px;padding:11px;margin:8px 0;background:#0c1423}.field-builder .fb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.handle{color:var(--faint);cursor:grab}
.chart{height:220px;display:flex;align-items:flex-end;gap:5px;padding:12px 6px 24px;position:relative}.bar{min-width:7px;flex:1;background:linear-gradient(180deg,#73a7ff,#665ce7);border-radius:4px 4px 1px 1px;opacity:.8;position:relative}.bar:hover{opacity:1}.bar-label{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--faint);white-space:nowrap}.meter{height:8px;background:#111a2d;border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.heatmap{display:grid;grid-template-columns:34px repeat(24,1fr);gap:2px}.heat{aspect-ratio:1;border-radius:2px;background:rgba(115,167,255,var(--alpha,.04));min-width:8px}.heat-label{font-size:8px;color:var(--faint);display:grid;place-items:center}.rating-stars{color:#ffc85a;letter-spacing:1px}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,5,11,.73);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(850px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line2);border-radius:16px;background:#0d1422;box-shadow:var(--shadow)}.modal.wide{width:min(1120px,100%)}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0d1422;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-body{padding:16px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#0d1422}.close-x{border:0;background:transparent;color:var(--muted);font-size:20px}
.toast-root{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:150}.toast{min-width:270px;max-width:420px;background:#101a2b;border:1px solid var(--line2);border-radius:11px;padding:11px 13px;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast.error{border-color:rgba(255,104,117,.5)}.toast.success{border-color:rgba(66,211,146,.45)}@keyframes toast-in{from{transform:translateY(8px);opacity:0}}
.jsonbox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;min-height:130px}.codeblock{background:#070c16;border:1px solid var(--line);border-radius:9px;padding:11px;white-space:pre-wrap;overflow:auto;color:#bbcae2;font:12px ui-monospace,monospace}.notice{border:1px solid rgba(115,167,255,.25);background:rgba(115,167,255,.08);border-radius:10px;padding:11px;color:#bcd4ff}.notice.warn{border-color:rgba(242,184,75,.26);background:rgba(242,184,75,.07);color:#ffe0a0}.notice.bad{border-color:rgba(255,104,117,.26);background:rgba(255,104,117,.07);color:#ffc0c5}
.mobile-menu{display:none}.mobile-back{display:none}
@media(max-width:1180px){.ticket-layout{grid-template-columns:300px minmax(0,1fr)}.details{display:none}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:252px;transition:.2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 14px}.content{padding:15px}.ticket-layout{display:block;height:auto;min-height:calc(100vh - 105px)}.ticket-list{border-right:0;max-height:calc(100vh - 160px)}.conversation{display:none;min-height:calc(100vh - 105px)}.ticket-layout.ticket-open .ticket-list{display:none}.ticket-layout.ticket-open .conversation{display:flex}.mobile-back{display:inline-flex}.builder{grid-template-columns:1fr}.resource-list{max-height:240px}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{flex-direction:column}.modal-backdrop{padding:8px}.modal{max-height:96vh}}