:root{--bg: #0b0f1a;--sur: #111827;--s2: #1a2235;--bdr: #1e2d45;--bdr2: #243352;--ac: #3b82f6;--a2: #06b6d4;--ok: #10b981;--wa: #f59e0b;--er: #ef4444;--tx: #e2e8f0;--mt: #64748b;--dm: #334155;--mono: "Courier New", monospace;font-family:PingFang SC,Noto Sans SC,Segoe UI,Helvetica Neue,Arial,sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--tx);font-size:13px;overflow:hidden;height:100vh}#root{display:flex;height:100vh;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}.sb{width:220px;background:var(--sur);border-right:1px solid var(--bdr);display:flex;flex-direction:column;flex-shrink:0;height:100vh}.logo{padding:18px 18px 14px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:10px}.logo-ico{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px;flex-shrink:0}.logo-t{font-size:13px;font-weight:600;color:var(--tx)}.logo-s{font-size:10px;color:var(--mt)}.nav{flex:1;min-height:0;overflow-y:auto;padding:10px 0}.nav-lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dm);padding:10px 18px 4px}.ni{display:flex;align-items:center;gap:9px;padding:9px 18px;color:var(--mt);cursor:pointer;border-left:2px solid transparent;font-size:12.5px;transition:all .12s;-webkit-user-select:none;user-select:none;text-decoration:none}.ni:hover{background:#ffffff0a;color:var(--tx)}.pg-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pg-ti{font-size:16px;font-weight:700;color:#10233f}.pg-su{font-size:12px;color:#64748b;margin-top:2px}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.sc{background:#fff;border:1px solid rgba(16,35,63,.08);border-radius:10px;padding:16px 18px;position:relative;overflow:hidden}.sc:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.sc.sc-b:before{background:linear-gradient(90deg,#3b82f6,transparent)}.sc.sc-c:before{background:linear-gradient(90deg,#06b6d4,transparent)}.sc.sc-g:before{background:linear-gradient(90deg,#10b981,transparent)}.sc.sc-w:before{background:linear-gradient(90deg,#f59e0b,transparent)}.sc-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sc-l{font-size:12px;color:#64748b;font-weight:500}.sc-i{font-size:18px}.sc-v{font-size:26px;font-weight:700;color:#10233f;margin-bottom:4px;font-variant-numeric:tabular-nums}.sc-d{font-size:12px;color:#64748b}.sc-d.up{color:#10b981}.sc-d.dn{color:#ef4444}.card{background:#fff;border:1px solid rgba(16,35,63,.08);border-radius:10px;overflow:hidden;margin-bottom:16px}.card-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(16,35,63,.06)}.card-t{font-size:13px;font-weight:600;color:#10233f;display:flex;align-items:center;gap:8px}.card-b{padding:18px}.bars{display:flex;align-items:flex-end;gap:4px;height:90px}.bar{flex:1;border-radius:3px 3px 0 0;min-height:4px;transition:opacity .15s}.bar:hover{opacity:.8}.bar-b{background:linear-gradient(to top,#3b82f6,#3b82f64d)}.bar-c{background:linear-gradient(to top,#06b6d4,#06b6d44d)}.bar-g{background:linear-gradient(to top,#10b981,#10b9814d)}.bar-x{background:#e2e8f0}.blbls{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:#94a3b8}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500}.bg-g{background:#10b9811a;color:#059669}.bg-b{background:#3b82f61a;color:#2563eb}.bg-w{background:#f59e0b1a;color:#d97706}.bg-r{background:#ef44441a;color:#dc2626}.bg-x{background:#f1f5f9;color:#64748b}.ring-wrap{display:flex;align-items:center;gap:16px}.ring{width:90px;height:90px;position:relative;flex-shrink:0}.ring svg{transform:rotate(-90deg);display:block}.ring-ctr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring-v{font-size:16px;font-weight:700;color:#10233f}.ring-s{font-size:10px;color:#64748b}.leg{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:12px;color:#14253d}.leg-d{width:8px;height:8px;border-radius:50%;flex-shrink:0}.act-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid rgba(16,35,63,.05)}.act-row:last-child{border-bottom:none}.act-dot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.act-txt{flex:1;font-size:12px;color:#64748b;line-height:1.5}.act-txt b{color:#14253d;font-weight:600}.act-t{font-size:11px;color:#94a3b8;white-space:nowrap}.st-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.st-c{background:#f8fafc;border:1px solid rgba(16,35,63,.07);border-radius:7px;padding:12px 14px}.st-l{font-size:11px;color:#64748b;margin-bottom:4px}.st-v{font-size:15px;font-weight:700;color:#10233f;margin-bottom:3px}.st-s{font-size:11px;display:flex;align-items:center;gap:4px;color:#64748b}.dd{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dd-g{background:#10b981}.dd-w{background:#f59e0b}.av-sm{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.dash-row{display:flex;gap:14px;margin-bottom:16px}.dash-col{flex:1;min-width:0}.g-kn{display:grid;grid-template-columns:1fr 1fr 220px;gap:14px;margin-bottom:16px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rv-card{border-radius:10px;overflow:hidden;margin-bottom:12px}.rv-card.warn{border:1px solid #f59e0b}.rv-card.norm{border:1px solid rgba(16,35,63,.08)}.rv-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff}.rv-note{background:#f59e0b0f;padding:9px 16px;border-top:1px solid rgba(245,158,11,.2);font-size:12px;color:#92400e}.mini-table{width:100%;border-collapse:collapse}.mini-table th{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:0 0 8px;text-align:left;border-bottom:1px solid rgba(16,35,63,.06)}.mini-table td{padding:9px 0;font-size:12px;color:#64748b;border-bottom:1px solid rgba(16,35,63,.04);vertical-align:middle}.mini-table tr:last-child td{border-bottom:none}.tc{color:#14253d;font-weight:500}.page-shell{overflow-y:auto!important;height:100vh;padding:20px 24px;background:#f0f4f8;box-sizing:border-box}.brand{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.brand-mark{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px;flex-shrink:0}