:root{--surface: #f7f8fa;--card: #fff;--canvas: #fafbfc;--border: #e6e9ef;--border2: #dde;--ink: #1f2a37;--ink2: #4b5563;--muted: #6b7280;--faint: #9aa3af;--sidebar: #eef1f5;--nav: #334;--row-line: #f1f3f6;--th-bg: #f0f2f6;--hover: #f8faff;--pill-on-bg: #dcfce7;--pill-on-fg: #166534;--pill-off-bg: #f3f4f6;--pill-off-fg: #6b7280}:root[data-theme=dark]{--surface: #16181d;--card: #1e2128;--canvas: #191c22;--border: #31343d;--border2: #31343d;--ink: #e8eaed;--ink2: #b3b8c2;--muted: #8a919e;--faint: #6b7280;--sidebar: #14161a;--nav: #c2c8d4;--row-line: #262932;--th-bg: #232730;--hover: #232a38;--pill-on-bg: #143c26;--pill-on-fg: #7ee2a0;--pill-off-bg: #2a2d35;--pill-off-fg: #9aa3af}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--surface)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:48px;background:#1f3a5f;color:#fff;display:flex;align-items:center;gap:12px;padding:0 16px}.topbar .brand{font-weight:700;letter-spacing:.5px}.topbar .spacer{flex:1}.theme-toggle{background:none;border:0;cursor:pointer;font-size:16px;line-height:1;padding:4px}.shell-body{flex:1;display:flex}.sidebar{width:180px;background:var(--sidebar);border-right:1px solid var(--border2);padding:12px 8px;display:flex;flex-direction:column;gap:4px}.sidebar .nav{padding:8px 12px;border-radius:6px;color:var(--nav);text-decoration:none;font-size:14px}.sidebar .nav.on{background:#2f6fed;color:#fff;font-weight:600}.content{flex:1;padding:20px 24px;background:var(--surface)}.grid{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:13px}.grid th{text-align:left;background:var(--th-bg);color:var(--ink2);padding:9px 12px;font-weight:600;border-bottom:1px solid var(--border)}.grid td{padding:9px 12px;border-bottom:1px solid var(--row-line);color:var(--ink)}.grid tbody tr:last-child td{border-bottom:0}.grid tbody tr:hover{background:var(--hover)}.pill{border-radius:10px;padding:1px 8px;font-size:11px}.pill.active{background:var(--pill-on-bg);color:var(--pill-on-fg)}.pill.inactive{background:var(--pill-off-bg);color:var(--pill-off-fg)}.page-h{display:flex;align-items:center;margin-bottom:16px}.page-h h2{margin:0;font-size:20px;color:var(--ink)}.page-h .acts{margin-left:auto;display:flex;gap:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.statcard{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.statcard .n{font-size:26px;font-weight:700;color:var(--ink)}.statcard .l{font-size:12px;color:var(--muted);margin-top:2px}.statcard .sub{font-size:11px;color:var(--faint);margin-top:4px}.statcard.warn .n{color:#b45309}.panels{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.panel{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.panel h4{margin:0 0 8px;font-size:13px;color:var(--ink)}.panel .row{display:flex;gap:8px;font-size:12px;color:var(--ink2);padding:7px 0;border-bottom:1px solid var(--row-line)}.panel .row:last-child{border-bottom:0}.panel .row .when{margin-left:auto;color:var(--faint);font-size:11px}.toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:center}.toolbar .grow{flex:1}