:root{--bg: #0b0d10;--surface: #12151a;--surface-2: #171b21;--line: #242a33;--line-soft: #1c2129;--text: #e6e9ee;--text-dim: #9aa4b2;--text-faint: #6b7686;--accent: #c9a227;--accent-dim: #8a6f1b;--pos: #3fb950;--neg: #f05d5d;--warn: #e3a008;--crit: #e5484d;--info: #4c8dff;--radius: 8px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select{font-family:inherit;font-size:inherit}.shell{display:flex;min-height:100%}.sidebar{width:216px;flex:0 0 216px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:18px 16px 14px;border-bottom:1px solid var(--line-soft)}.brand-mark{font-weight:700;letter-spacing:.14em;font-size:12px;color:var(--accent)}.brand-name{font-size:15px;font-weight:600;margin-top:2px}.nav{padding:10px 8px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav a{padding:8px 12px;border-radius:6px;color:var(--text-dim);font-size:13.5px;display:flex;justify-content:space-between;align-items:center}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.active{background:var(--surface-2);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.nav-sep{margin:10px 12px 4px;font-size:10.5px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.sidebar-foot{padding:12px 16px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--text-faint)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.topbar h1{font-size:16px;font-weight:600;margin:0;flex:1}.content{padding:20px;max-width:1400px;width:100%}.status-row{display:flex;flex-wrap:wrap;gap:8px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status.ok{color:var(--pos);background:#3fb9501a;border-color:#3fb95059}.status.info{color:var(--info);background:#4c8dff1a;border-color:#4c8dff59}.status.warn{color:var(--warn);background:#e3a0081f;border-color:#e3a00866}.status.crit{color:var(--crit);background:#e5484d1f;border-color:#e5484d73}.status.neutral{color:var(--text-dim);background:var(--surface-2);border-color:var(--line)}.mode-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;border:1px solid;margin-bottom:16px}.mode-banner.sim{color:var(--info);background:#4c8dff14;border-color:#4c8dff59}.mode-banner.paper{color:var(--warn);background:#e3a00814;border-color:#e3a00866}.mode-banner.live{color:#fff;background:#e5484d38;border-color:var(--crit)}.alert-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;border:1px solid;display:flex;gap:10px;align-items:flex-start}.alert-tag{font-weight:700;font-size:11px;letter-spacing:.08em;flex:none;padding-top:1px}.alert.warn{color:var(--warn);background:#e3a00814;border-color:#e3a00859}.alert.crit{color:var(--crit);background:#e5484d14;border-color:#e5484d66}.alert.info{color:var(--text-dim);background:var(--surface);border-color:var(--line)}.grid{display:grid;gap:12px}.grid.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card-head{padding:12px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-head h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.card-body{padding:16px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.metric-label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.metric-value{font-family:var(--mono);font-size:22px;font-weight:600;margin-top:6px;letter-spacing:-.02em}.metric-sub{font-size:11.5px;color:var(--text-faint);margin-top:4px;font-family:var(--mono)}.pos{color:var(--pos)}.neg{color:var(--neg)}.dim{color:var(--text-dim)}.mono{font-family:var(--mono)}.meter{height:4px;background:var(--line);border-radius:2px;margin-top:10px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.meter.danger>span{background:var(--crit)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:9px 12px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}td{padding:10px 12px;border-bottom:1px solid var(--line-soft);white-space:nowrap}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-family:var(--mono)}.empty{padding:32px 16px;text-align:center;color:var(--text-faint);font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.input,select.input{width:100%;padding:9px 12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;outline:none}.input:focus{border-color:var(--accent-dim)}.hint{font-size:11.5px;color:var(--text-faint);margin-top:5px}.btn{padding:9px 16px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-weight:500}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#17130a;font-weight:600}.btn.primary:hover:not(:disabled){background:#dcb42f}.btn.danger{background:#e5484d24;border-color:#e5484d80;color:#ff8b8e}.btn.danger:hover:not(:disabled){background:#e5484d3d}.btn.sm{padding:5px 10px;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.toolbar .field{margin:0;min-width:130px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px}.auth-head{text-align:center;margin-bottom:26px}.auth-head .brand-mark{font-size:11px}.auth-head h1{font-size:20px;margin:6px 0 0;font-weight:600}.auth-head p{color:var(--text-faint);font-size:12.5px;margin:6px 0 0}.error-box{background:#e5484d1a;border:1px solid rgba(229,72,77,.4);color:#ff9a9c;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:14px}.ok-box{background:#3fb9501a;border:1px solid rgba(63,185,80,.4);color:#7fe08d;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:14px}.menu-btn{display:none;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:7px 11px;color:var(--text)}.scrim{display:none}@media (max-width: 860px){.sidebar{position:fixed;z-index:40;left:0;top:0;bottom:0;height:100dvh;transform:translate(-100%);transition:transform .18s ease}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30}.menu-btn{display:block}.content{padding:14px}.topbar{padding:10px 14px}.metric-value{font-size:19px}table{font-size:12.5px}th,td{padding:8px 10px}}