:root{color-scheme:light;--bg: #f4f6fc;--bg-glow: #dfe5fb;--bg-elev: #ffffff;--bg-elev-2: #eceffa;--line: #d8deef;--line-soft: rgba(88, 102, 150, .18);--row-hover: rgba(124, 140, 248, .09);--sidebar-bg: rgba(255, 255, 255, .72);--text: #161c33;--muted: #5c6789;--accent: #4a5bd4;--on-accent: #ffffff;--good: #15803d;--bad: #cf2d2d;--warn: #b45309;--error-bg: rgba(207, 45, 45, .09);--error-line: rgba(207, 45, 45, .35);--error-text: #8f1d1d;--notice-bg: rgba(74, 91, 212, .09);--notice-line: rgba(74, 91, 212, .35);--shadow: 0 1px 2px rgba(22, 28, 51, .05);--radius: 14px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1020;--bg-glow: #1a2247;--bg-elev: #141a30;--bg-elev-2: #1b2340;--line: #253055;--line-soft: rgba(37, 48, 85, .5);--row-hover: rgba(27, 35, 64, .5);--sidebar-bg: rgba(9, 13, 28, .6);--text: #e8ecf8;--muted: #8f9ac2;--accent: #7c8cf8;--on-accent: #0b1020;--good: #4ade80;--bad: #f87171;--warn: #fbbf24;--error-bg: rgba(248, 113, 113, .12);--error-line: rgba(248, 113, 113, .4);--error-text: #fecaca;--notice-bg: rgba(124, 140, 248, .12);--notice-line: rgba(124, 140, 248, .4);--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1020;--bg-glow: #1a2247;--bg-elev: #141a30;--bg-elev-2: #1b2340;--line: #253055;--line-soft: rgba(37, 48, 85, .5);--row-hover: rgba(27, 35, 64, .5);--sidebar-bg: rgba(9, 13, 28, .6);--text: #e8ecf8;--muted: #8f9ac2;--accent: #7c8cf8;--on-accent: #0b1020;--good: #4ade80;--bad: #f87171;--warn: #fbbf24;--error-bg: rgba(248, 113, 113, .12);--error-line: rgba(248, 113, 113, .4);--error-text: #fecaca;--notice-bg: rgba(124, 140, 248, .12);--notice-line: rgba(124, 140, 248, .4);--shadow: none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,var(--bg-glow) 0%,var(--bg) 60%);color:var(--text);font:15px/1.5 ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100%}.sidebar{width:232px;flex:0 0 232px;border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;background:var(--sidebar-bg)}.brand{font-weight:700;font-size:19px;letter-spacing:.3px;padding:6px 10px 18px;display:flex;align-items:center;gap:9px}.brand span{color:var(--accent)}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;color:var(--muted);font-weight:500}.nav-link:hover{background:var(--bg-elev);color:var(--text)}.nav-link.active{background:var(--bg-elev-2);color:var(--text)}.badge{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.badge.quiet{background:var(--bg-elev-2);color:var(--muted)}.content{flex:1;padding:26px 30px 60px;max-width:1400px;min-width:0}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:24px;margin:0}h2{font-size:16px;margin:0 0 12px}.sub{color:var(--muted);font-size:13px}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 11px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:500}.theme-toggle:hover{background:var(--bg-elev);border-color:var(--line);color:var(--text)}.switch{position:relative;flex:0 0 auto;width:38px;height:21px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--line);transition:background .16s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--muted);transition:transform .16s ease,background .16s ease}.theme-toggle[aria-checked=true] .switch{background:var(--accent);border-color:var(--accent)}.theme-toggle[aria-checked=true] .switch:after{transform:translate(17px);background:var(--on-accent)}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;min-width:0;box-shadow:var(--shadow)}.card.pad-0{padding:0;overflow:hidden}.card-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.stat{font-size:27px;font-weight:650;letter-spacing:-.5px}.stat.sm{font-size:21px}.delta{font-size:13px;margin-top:6px;color:var(--muted)}.up{color:var(--good)}.down{color:var(--bad)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--row-hover)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap{overflow-x:auto}button,select,input[type=text],input[type=password],input[type=date],input[type=search]{font:inherit;color:var(--text);background:var(--bg-elev-2);border:1px solid var(--line);border-radius:9px;padding:7px 11px}button{cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650}button.ghost{background:transparent}button.sm{padding:4px 9px;font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.empty{color:var(--muted);padding:26px;text-align:center}.error{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-text);padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:14px}.notice{background:var(--notice-bg);border:1px solid var(--notice-line);padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:14px}.checkline{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:340px}.login-foot{display:flex;justify-content:center;margin-top:14px}.login-foot .theme-toggle{width:auto;gap:9px}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);padding:34px;text-align:center;color:var(--muted);background:var(--bg-elev)}.dropzone.over{border-color:var(--accent);color:var(--text)}.bar-track{height:7px;background:var(--bg-elev-2);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px}.scroll-y{max-height:340px;overflow-y:auto}pre.json{background:var(--bg-elev-2);border-radius:10px;padding:12px;overflow-x:auto;font-size:12px;margin:0}@media (max-width: 1080px){.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.shell{flex-direction:column}.sidebar{position:static;width:100%;flex:none;height:auto;flex-direction:row;overflow-x:auto;padding:10px;gap:6px;align-items:center}.brand{padding:0 10px 0 6px;font-size:16px}.nav-link{padding:7px 10px;white-space:nowrap}.content{padding:18px 14px 50px}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:minmax(0,1fr)}.stat{font-size:24px}.sidebar-foot{margin-top:0;padding-top:0;border-top:none;margin-left:auto}.theme-toggle{padding:6px 9px}.theme-toggle .label{display:none}}