:root{--bg: #060e1e;--side: #081329;--panel: #0b1730;--panel-hi: #0f1f3d;--border: #1b2c4b;--border-hi: #2a3d61;--row: #13223f;--text: #e8edf5;--text-2: #c9d3e3;--muted: #9aa8c0;--dim: #5a6b88;--gold: #d4a843;--cyan: #00b8d4;--gain: #3ddc97;--loss: #f07a55;--sans: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--serif: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}a{color:var(--cyan);text-decoration:none}a:hover{color:#5ed8ec}button{font-family:var(--sans)}.shell{display:flex;flex-wrap:wrap;min-height:100vh}.side{flex:1 1 232px;max-width:260px;min-width:220px;background:var(--side);border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;gap:28px}.brand{padding:0 10px;display:flex;flex-direction:column;gap:4px}.brand b{font-family:var(--serif);font-size:24px;color:var(--gold)}.brand span{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--muted)}.nav a i{width:8px;height:8px;border-radius:2px;background:var(--border-hi)}.nav a.on{background:var(--panel-hi);color:var(--text);font-weight:600}.nav a.on i{background:var(--gold)}.side .note{margin-top:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);line-height:1.5}.main{flex:999 1 560px;min-width:0;padding:28px 36px 48px;display:flex;flex-direction:column;gap:22px}.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.3px}h2{margin:0;font-size:16px;font-weight:600}.sub{font-size:13px;color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:16px}.grow2{flex:2 1 540px;min-width:0}.grow1{flex:1 1 320px;min-width:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.card-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}.label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.big{font-family:var(--mono);font-size:26px;font-weight:600}.mono{font-family:var(--mono)}.gain{color:var(--gain)}.loss{color:var(--loss)}.muted{color:var(--muted)}.gold{color:var(--gold)}.cyan{color:var(--cyan)}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--panel)}.pill.ok{background:#3ddc971a;border-color:#3ddc9759;color:var(--gain)}.pill.bad{background:#f07a551a;border-color:#f07a5566;color:var(--loss)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor;flex:none}.btn{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--border-hi);background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:var(--gold)}.btn.gold{background:var(--gold);color:#1a1406;border:0}.btn.go{background:var(--gain);color:#06210f;border:0;min-height:56px;font-size:16px;font-weight:700}.btn.stop{border-color:var(--loss);color:var(--loss);font-weight:700;letter-spacing:.4px}.btn.stop.fill{background:var(--loss);color:#1a0a05}.btn:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border)}.tabs button{min-height:44px;padding:0 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}.tabs button.on{color:var(--text);border-bottom-color:var(--gold)}.seg{display:flex;gap:4px;background:var(--side);border:1px solid var(--border);border-radius:10px;padding:4px}.seg button{min-height:32px;min-width:44px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-family:var(--mono);font-size:12px;cursor:pointer}.seg button.on{background:var(--panel-hi);color:var(--text)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;padding:8px 10px 8px 0;white-space:nowrap}td{border-top:1px solid var(--row);padding:11px 10px 11px 0;vertical-align:top}td.r,th.r{text-align:right}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.agent{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;color:var(--text)}.agent:hover{border-color:var(--border-hi);color:var(--text)}.tag{border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-family:var(--mono);font-size:10px;color:var(--text-2)}.bar{height:6px;background:var(--side);border-radius:3px;overflow:hidden}.bar>div{height:100%}.feed-row{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--row);font-size:13px}.feed-row .t{font-family:var(--mono);color:var(--muted);width:120px}.feed-row .src{font-family:var(--mono);font-weight:600;width:120px}.feed-row .act{font-weight:700;width:72px}.feed-row .txt{flex:1;min-width:220px;color:var(--text-2)}.lv-good{color:var(--gain)}.lv-bad{color:var(--loss)}.lv-warn{color:var(--gold)}.lv-info{color:var(--cyan)}label.f{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}input,select{min-height:46px;background:var(--side);border:1px solid var(--border-hi);border-radius:10px;color:var(--text);padding:0 12px;font-size:15px;font-family:var(--sans)}input.mono{font-family:var(--mono)}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.choice{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:18px;border-radius:12px;cursor:pointer;color:var(--text);text-align:left;background:var(--side);border:1px solid var(--border-hi)}.choice.on{background:var(--panel-hi);border-color:var(--gold)}.chip{font-family:var(--mono);font-size:12px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);color:var(--dim);background:transparent;cursor:pointer}.chip.on{border-color:#2e5e8c;color:var(--text);background:var(--panel-hi)}.step{width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;flex:none}.kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:10px 0;border-top:1px solid var(--row)}.empty{color:var(--muted);font-size:13px;padding:12px 0}.banner{overflow-wrap:anywhere;line-height:1.5;padding:12px 16px;border-radius:10px;font-size:13px;border:1px solid var(--border);background:var(--panel);color:var(--text-2)}.banner.warn{border-color:#d4a84380;color:var(--gold)}.banner.bad{border-color:#f07a5580;color:var(--loss)}.heat{height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:var(--mono);font-size:11px}@media (max-width: 760px){.main{padding:20px 16px 40px}.side{max-width:none}}