:root{--bg: #0c0f14;--bg-raised: #12161f;--bg-hover: #1a2029;--border: #232a36;--border-soft: #1a212c;--text: #e8ecf3;--text-dim: #94a0b3;--text-faint: #5c6779;--accent: #4f8cff;--accent-soft: rgba(79, 140, 255, .14);--pos: #2dd4a7;--pos-soft: rgba(45, 212, 167, .12);--neg: #f4636e;--neg-soft: rgba(244, 99, 110, .12);--warn: #f5b14d;--radius: 12px;--radius-sm: 8px;--font-num: "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.shell{display:flex;min-height:100dvh}.sidebar{width:220px;flex:none;position:sticky;top:0;height:100dvh;background:var(--bg-raised);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:20px 12px}.logo{font-weight:700;font-size:17px;letter-spacing:.2px;padding:0 10px 18px}.logo em{color:var(--accent);font-style:normal}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;color:var(--text-dim);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;font-size:14px}.nav a:hover{background:var(--bg-hover);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.nav svg{width:17px;height:17px;flex:none}.sidebar .user{padding:10px;font-size:12.5px;color:var(--text-faint);border-top:1px solid var(--border-soft)}.sidebar .user button{margin-top:6px}.main{flex:1;min-width:0;padding:24px 28px 90px;max-width:1160px}.page-title{font-size:21px;font-weight:700;margin:0 0 4px}.page-sub{color:var(--text-dim);font-size:13.5px;margin:0 0 20px}.tabbar{display:none}@media (max-width: 860px){.sidebar{display:none}.main{padding:16px 14px 84px}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#12161ff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-soft);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-faint);text-decoration:none;font-size:10.5px;padding:4px 0;border-radius:var(--radius-sm)}.tabbar a.active{color:var(--accent)}.tabbar svg{width:21px;height:21px}}.card{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px}.card h3{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim)}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 860px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}label.field{display:block;font-size:12.5px;color:var(--text-dim);font-weight:500}label.field span{display:block;margin-bottom:5px}input,select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-size:15px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=number]{font-family:var(--font-num);font-size:14.5px}button{background:var(--accent);color:#fff;border:0;border-radius:var(--radius-sm);padding:10px 16px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:inherit}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border)}button.danger{background:var(--neg)}.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.row>*{flex:1;min-width:110px}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg button{background:transparent;color:var(--text-dim);padding:6px 14px;font-size:13.5px;border-radius:6px}.seg button.on{background:var(--accent-soft);color:var(--accent)}.stat{display:flex;flex-direction:column;gap:2px}.stat .k{font-size:11.5px;color:var(--text-faint);letter-spacing:.4px;text-transform:uppercase;font-weight:600}.stat .v{font-family:var(--font-num);font-size:22px;font-weight:600}.stat .v small{font-size:13px;color:var(--text-dim);font-weight:400}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.pos{color:var(--pos)}.neg{color:var(--neg)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.probbar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--neg-soft);margin:6px 0 2px}.probbar>div{background:var(--accent)}.probrow{display:flex;justify-content:space-between;font-size:13px}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;padding:8px 10px;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;background:var(--bg-raised)}td{padding:8px 10px;border-bottom:1px solid var(--border-soft);white-space:nowrap}tr:hover td{background:var(--bg-hover)}td.num,th.num{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.pill.blue{background:var(--accent-soft);color:var(--accent)}.pill.green{background:var(--pos-soft);color:var(--pos)}.pill.red{background:var(--neg-soft);color:var(--neg)}.pill.gray{background:var(--bg-hover);color:var(--text-dim)}.muted-note{font-size:12.5px;color:var(--text-faint);margin-top:8px}.error{background:var(--neg-soft);color:var(--neg);padding:10px 12px;border-radius:var(--radius-sm);font-size:14px}.success{background:var(--pos-soft);color:var(--pos);padding:10px 12px;border-radius:var(--radius-sm);font-size:14px}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:360px}.login-card .logo{text-align:center;font-size:22px;padding-bottom:8px}.login-card p.sub{text-align:center;color:var(--text-dim);font-size:13.5px;margin:0 0 22px}.login-card form{display:flex;flex-direction:column;gap:12px}.ac{position:relative}.ac-list{position:absolute;z-index:30;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:260px;overflow-y:auto;box-shadow:0 12px 32px #00000080}.ac-list div{padding:9px 12px;cursor:pointer;display:flex;justify-content:space-between;font-size:14px}.ac-list div:hover,.ac-list div.hl{background:var(--bg-hover)}.ac-list .pv{font-family:var(--font-num);color:var(--text-dim);font-size:13px}.sparkline{width:100%;height:48px}.searchbar{display:flex;gap:10px;margin-bottom:14px}.searchbar input{max-width:320px}.pager{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px;color:var(--text-dim)}