:root{--bg:#08090b;--surface:#0f1116;--raised:#161a21;--panel:#0b0d11;--line:#1c2028;--line2:#2a2f3a;--track:#20242c;--ink:#e9ebef;--mut:#8b93a1;--dim:#5c6472;--signal:#a3e635;--signalHi:#bef264;--signalDim:#3f4d1a;--ai:#56c7f5;--aiDim:#163947;--ok:#3fb950;--warn:#d6a531;--bad:#f3635c;--free:#8b93a1;--pro:#56c7f5;--max:#b18cff;--ent:#d6a531;--viz1:#56c7f5;--viz2:#b18cff;--viz3:#3fb950;--viz4:#d6a531;--viz5:#8b93a1;--r:5px;--r2:8px;--r3:11px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--ai);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono)}h1,h2,h3{margin:0;font-weight:600}button{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:6px}.shell{display:grid;grid-template-columns:212px 1fr;height:100%}.side{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px;gap:2px}.side .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:6px 8px 14px}.side .brand .glyph{color:var(--signal);font-size:18px}.navitem{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--r);color:var(--mut);font-size:13px;cursor:pointer;border:1px solid transparent}.navitem:hover{background:var(--surface);color:var(--ink);text-decoration:none}.navitem.active{background:var(--surface);color:var(--ink);border-color:var(--line2)}.navitem .ic{width:15px;text-align:center;opacity:.85}.side .spacer{flex:1}.main{display:flex;flex-direction:column;min-width:0;overflow:auto}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.topbar h1{font-size:16px}.topbar .sub{color:var(--dim);font-family:var(--mono);font-size:12px}.cmdk{margin-left:auto;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line2);border-radius:var(--r);color:var(--mut);font-size:12px;cursor:pointer;background:var(--surface)}.cmdk kbd{font-family:var(--mono);background:var(--raised);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;font-size:11px}.page{padding:20px;display:flex;flex-direction:column;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2)}.panel .ph{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px}.panel .pb{padding:14px}.row{display:flex;align-items:center;gap:10px}.grid{display:grid;gap:12px}.muted{color:var(--mut)}.dim{color:var(--dim)}.spacer{flex:1}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:13px 15px;display:flex;flex-direction:column;gap:5px}.kpi .k{font-family:var(--mono);font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.kpi .v{font-size:24px;font-weight:700}.kpi .d{font-size:12px;color:var(--mut)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:20px;border:1px solid var(--line2);color:var(--mut);white-space:nowrap}.badge.green{color:var(--signal);border-color:var(--signalDim);background:#a3e6350f}.badge.ai{color:var(--ai);border-color:var(--aiDim);background:#56c7f50f}.badge.bad{color:var(--bad);border-color:#f3635c33;background:#f3635c0f}.badge.warn{color:var(--warn);border-color:#d6a53133;background:#d6a5310f}.badge.ok{color:var(--ok);border-color:#3fb95033}.badge.p0{color:var(--bad);border-color:#f3635c44}.badge.p1{color:var(--warn);border-color:#d6a53144}.badge.p2{color:var(--ai);border-color:var(--aiDim)}.badge.p3{color:var(--mut)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--mut)}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.dot.warn{background:var(--warn)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r);font-size:13px;cursor:pointer;background:var(--raised);border:1px solid var(--line2);color:var(--ink)}.btn:hover{border-color:var(--mut)}.btn.primary{background:var(--signal);color:#0b0d11;border-color:var(--signal);font-weight:600}.btn.primary:hover{background:var(--signalHi)}.btn.ai{background:var(--ai);color:#06222e;border-color:var(--ai);font-weight:600}.btn.ghost{background:transparent}.btn.sm{padding:4px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.input,select.input,textarea.input{background:var(--panel);border:1px solid var(--line2);color:var(--ink);border-radius:var(--r);padding:7px 10px;font-size:13px;font-family:inherit;width:100%}.input:focus{outline:none;border-color:var(--signal)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid var(--line2);border-radius:20px;font-size:12px;color:var(--mut);cursor:pointer;background:var(--surface)}.chip.on{color:var(--ink);border-color:var(--signal);background:#a3e6350f}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-family:var(--mono);font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em;padding:8px 12px;border-bottom:1px solid var(--line);font-weight:500;position:sticky;top:0;background:var(--surface)}.tbl td{padding:9px 12px;border-bottom:1px solid var(--line)}.tbl tr:hover td{background:var(--raised)}.tbl tr.sel td{background:#a3e6350a}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:40}.drawer{position:fixed;top:0;right:0;height:100%;width:min(560px,92vw);background:var(--surface);border-left:1px solid var(--line2);z-index:41;display:flex;flex-direction:column;overflow:auto}.drawer .dh{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;position:sticky;top:0;background:var(--surface)}.cmdwrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmdbox{width:min(620px,92vw);background:var(--raised);border:1px solid var(--line2);border-radius:var(--r3);overflow:hidden;box-shadow:0 20px 60px #000a}.cmdbox input{width:100%;background:transparent;border:0;outline:none;color:var(--ink);font-size:16px;padding:16px 18px;border-bottom:1px solid var(--line)}.spark{display:flex;align-items:flex-end;gap:3px;height:42px}.spark i{flex:1;background:var(--ai);border-radius:2px 2px 0 0;min-height:2px;opacity:.85}.bar{height:8px;border-radius:6px;background:var(--track);overflow:hidden}.bar>i{display:block;height:100%;background:var(--ai)}.center{display:flex;align-items:center;justify-content:center;height:100%}.authcard{width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:26px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--mut);font-family:var(--mono)}.err{color:var(--bad);font-size:12px}.loading{color:var(--dim);font-family:var(--mono);font-size:12px;padding:20px}