:root{--brand: #0b6b5c;--brand-deep: #085446;--brand-bright: #2fa98f;--brand-soft: #dcebe3;--brand-wash: #ecf2ec;--ink: #0f201b;--ink-2: #16302a;--bg: #f0eee6;--surface: #fbfaf5;--surface-2: #f4f2e9;--border: #ddd9c9;--border-strong: #c6c1ac;--line: #e9e6d9;--text: #1f2721;--text-secondary: #49544b;--text-muted: #79816f;--amber: #9c6307;--amber-bg: #f6ecd6;--amber-border: #e2cd9e;--danger: #b23a28;--danger-bg: #f6e7e1;--danger-border: #e0b7aa;--radius: 6px;--radius-sm: 4px;--font-body: "Onest", system-ui, -apple-system, sans-serif;--font-display: "Onest", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0}html{scrollbar-color:var(--border-strong) transparent}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:13px;line-height:1.5;font-feature-settings:"cv01","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.metric,table,.nav-num,.bar-row,.badge,.mono,input,.thread-header,.conv-item{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.layout{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--ink);color:#a9b6aa;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid rgba(244,242,232,.08);margin-bottom:8px}.sidebar .logo{font-family:var(--font-display);font-size:18px;font-weight:700;color:#f2f0e4;letter-spacing:-.012em;line-height:1.15}.sidebar .tagline{font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#6a7a6d;margin-top:3px}.nav-label{font-size:9.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#5b6c61;padding:13px 16px 5px}.sidebar a{padding:7px 14px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;color:#a9b6aa;border-left:2px solid transparent;transition:background .12s,color .12s}.sidebar a svg{color:#647467;flex-shrink:0;transition:color .12s}.sidebar a:hover{background:#f4f2e80d;color:#e8ede2}.sidebar a:hover svg{color:#a9b6aa}.sidebar a.active{background:#2fa98f21;color:#f2f0e4;border-left-color:var(--brand-bright)}.sidebar a.active svg{color:var(--brand-bright)}.nav-num{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:#44544a;letter-spacing:.02em}.sidebar a.active .nav-num{color:var(--brand-bright)}.sidebar .spacer{flex:1}.sidebar .foot{border-top:1px solid rgba(244,242,232,.08);padding:6px 0;margin-top:8px}.content{flex:1;padding:22px 30px 32px;max-width:1280px;min-width:0}.page-head{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:18px}.kicker{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin-bottom:5px}h1{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.022em;line-height:1.15;color:var(--text)}h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.012em;margin-bottom:11px;color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.row{display:flex;gap:12px;flex-wrap:wrap}.row .card{flex:1;min-width:185px}.metric{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.028em;color:var(--text);line-height:1.15;font-variant-numeric:tabular-nums}.metric-label{font-size:11.5px;color:var(--text-muted);margin-top:5px;line-height:1.45}input,textarea,select{width:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:13px;margin-bottom:11px;background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:#a4ab97}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0b6b5c21}textarea{min-height:120px;resize:vertical}input[type=range]{accent-color:var(--brand);box-shadow:none;border:none;padding:0}input[type=checkbox]{accent-color:var(--brand)}label{font-size:11.5px;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:4px;letter-spacing:.01em}.btn{background:var(--brand);color:#f6f5ec;border:1px solid var(--brand-deep);padding:6px 13px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;letter-spacing:.01em;transition:background .12s,border-color .12s}.btn:hover{background:var(--brand-deep)}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--surface-2);border-color:#b1ac95}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger-border)}.btn.danger:hover{background:var(--danger-bg)}.btn:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--text-muted);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border-strong);padding-bottom:6px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:1px 8px 1px 7px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.ai{background:var(--brand-soft);color:var(--brand-deep);border-color:#b9d3c4}.badge.human{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.badge.closed{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.badge.ready,.badge.paid{background:var(--brand-soft);color:var(--brand-deep);border-color:#b9d3c4}.badge.pending{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.badge.error{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge.sent{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-strong)}.inbox{display:flex;gap:12px;height:calc(100vh - 168px);min-height:360px}.conv-list{width:330px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0}.conv-item{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;border-left:2px solid transparent;transition:background .1s}.conv-item:hover{background:var(--surface-2)}.conv-item.selected{background:var(--brand-wash);border-left-color:var(--brand)}.conv-item .name{font-weight:600;font-size:13px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.conv-item .preview{font-size:11.5px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.thread-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;font-weight:600;background:var(--surface);flex-wrap:wrap}.thread-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:9px;background:var(--surface-2)}.msg{max-width:66%;padding:8px 12px;border-radius:8px;font-size:13px;white-space:pre-wrap}.msg.user{background:var(--surface);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:2px}.msg.assistant{background:var(--brand-soft);color:#123c32;align-self:flex-end;border-bottom-right-radius:2px}.msg.operator{background:var(--ink-2);color:#eef0e6;align-self:flex-end;border-bottom-right-radius:2px}.msg.system{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber);align-self:center;font-size:11.5px;border-radius:var(--radius-sm)}.msg.tool{background:var(--surface);border:1px dashed var(--border-strong);color:var(--text-secondary);align-self:flex-end;font-size:11.5px;font-family:var(--font-mono);border-radius:var(--radius-sm)}.msg .meta{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;opacity:.6;margin-top:4px}.reply-box{padding:10px 14px;border-top:1px solid var(--border);display:flex;gap:9px}.reply-box input{margin:0}.tabs{display:inline-flex;margin-bottom:14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;width:fit-content}.tabs button{background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);padding:5px 13px;font-size:12.5px;font-weight:500;border-radius:0;transition:background .12s,color .12s}.tabs button:last-child{border-right:none}.tabs button:hover{color:var(--text);background:var(--surface-2)}.tabs button.active{background:var(--ink);color:#f2f0e4;font-weight:500}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:26px 20px;text-align:center;color:var(--text-muted);font-size:12.5px;margin:10px}.empty .t{font-weight:600;font-size:13px;color:var(--text-secondary);margin-bottom:3px}.empty:before{content:"";display:block;width:18px;height:18px;margin:0 auto 10px;background:var(--brand-soft);border:1px solid #b9d3c4;clip-path:polygon(0 0,100% 0,100% 72%,30% 72%,0 100%)}.card>.empty,.thread>.empty{margin:4px 0 0}.login-page{display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;min-height:100vh;background:var(--ink);background-image:linear-gradient(rgba(244,242,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,242,232,.045) 1px,transparent 1px);background-size:26px 26px}.login-card{background:var(--surface);padding:30px 32px 26px;width:384px;border:1px solid var(--border-strong);border-top:3px solid var(--brand);border-radius:var(--radius);box-shadow:0 24px 60px #040c0980}.login-card h1{display:flex;align-items:center;gap:10px;margin-bottom:4px;font-size:22px}.login-foot{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#62736a;text-align:center}.error-text{color:var(--danger);font-size:12.5px;margin-bottom:10px}.muted{color:var(--text-muted);font-size:12.5px}code.snippet{display:block;background:var(--ink);color:#a7d8c5;padding:11px 13px;border-radius:var(--radius-sm);font-size:11px;overflow-x:auto;margin:8px 0;font-family:var(--font-mono);line-height:1.65}code{font-family:var(--font-mono);font-size:.92em}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:4px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.bar{height:13px;background:var(--brand);border-radius:2px;min-width:3px}.bar-row:nth-child(2n) .bar{background:var(--brand-bright)}.notice-ok{color:var(--brand-deep)}.sandbox{display:flex;gap:16px;align-items:flex-start}.sandbox-col{flex:1;min-width:0}.sandbox-chat{min-height:340px;max-height:calc(100vh - 400px);overflow-y:auto;display:flex;flex-direction:column;gap:9px}.sandbox-col .reply-box{margin:0;padding:11px 14px}.sandbox-col .reply-box input{margin:0}.sandbox-debug{width:380px;flex-shrink:0}.sandbox-debug .card{position:sticky;top:20px;max-height:calc(100vh - 60px);overflow-y:auto}.debug-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--surface-2);font-size:13px}.debug-row:last-of-type{border-bottom:none}.debug-action{background:var(--surface-2);border-radius:var(--radius-sm);padding:9px 11px;margin-bottom:8px}.debug-result{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);margin-top:6px;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow-y:auto}.debug-rag{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--surface-2);font-size:12px}.debug-rag:last-child{border-bottom:none}.debug-rag-text{color:var(--text-secondary);line-height:1.45}.mono{font-family:var(--font-mono);font-size:.92em}