:root,:root[data-theme=dark]{--bg:#080c16;--bg-2:#0d1322;--surface:#121a30c7;--surface-solid:#121a30;--surface-2:#788cc814;--text:#e8edff;--muted:#94a0c2;--border:#788cc833;--accent:#22d3ee;--accent-2:#8b5cf6;--accent-text:#06101c;--link:#67e8f9;--ok:#34d399;--ok-bg:#34d39924;--warn:#fbbf24;--warn-bg:#fbbf2424;--bad:#fb8f8a;--bad-bg:#f8717129;--grad:linear-gradient(135deg, #22d3ee, #8b5cf6);--glow:0 0 0 1px #22d3ee47, 0 10px 40px -10px #22d3ee47;--shadow:0 20px 60px #00000073;--page-bg:radial-gradient(1100px 560px at 88% -12%, #8b5cf633, transparent 60%), radial-gradient(900px 520px at -8% 6%, #22d3ee21, transparent 55%), var(--bg);--radius:14px;--side-w:252px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#eef1f8;--bg-2:#e5e9f4;--surface:#ffffffdb;--surface-solid:#fff;--surface-2:#3c508c12;--text:#121a33;--muted:#566383;--border:#283c6e29;--accent:#4f46e5;--accent-2:#0891b2;--accent-text:#fff;--link:#4338ca;--ok:#0f7a4a;--ok-bg:#dff5ea;--warn:#8a5a00;--warn-bg:#fdf0d2;--bad:#b3261e;--bad-bg:#fbe4e2;--grad:linear-gradient(135deg, #4f46e5, #0891b2);--glow:0 0 0 1px #4f46e54d, 0 10px 30px -12px #4f46e559;--shadow:0 20px 50px #1e285a2e;--page-bg:radial-gradient(1000px 500px at 90% -10%, #4f46e51a, transparent 60%), radial-gradient(800px 460px at -6% 4%, #0891b217, transparent 55%), var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--page-bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--link)}h1{letter-spacing:-.01em;margin:0 0 14px;font-size:1.55rem}h2{margin:22px 0 8px;font-size:1.05rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{grid-template-columns:var(--side-w) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);height:100vh;padding:16px 12px 24px;position:sticky;top:0;overflow-y:auto}.side-brand{align-items:center;gap:10px;padding:4px 8px 14px;font-weight:700;line-height:1.2;display:flex}.side-logo{background:var(--grad);width:32px;height:32px;color:var(--accent-text);box-shadow:var(--glow);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.side-brand small{color:var(--muted);font-size:.72rem;font-weight:400;display:block}.nav-title{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:16px 10px 5px;font-size:.68rem}.sidebar nav a{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar nav a svg{flex:none;width:17px;height:17px}.sidebar nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar nav a[aria-current=page]{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(90deg,#22d3ee29,#8b5cf61a)}:root[data-theme=light] .sidebar nav a[aria-current=page]{background:linear-gradient(90deg,#4f46e51f,#0891b214)}.content{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{z-index:10;background:linear-gradient(var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:10px;padding:12px 26px;display:flex;position:sticky;top:0}.searchbox{border:1px solid var(--border);background:var(--surface);max-width:560px;color:var(--muted);cursor:pointer;text-align:left;border-radius:12px;flex:1;align-items:center;gap:10px;padding:8px 14px;display:flex}.searchbox span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.searchbox:hover{box-shadow:var(--glow)}.searchbox kbd,.kbd{border:1px solid var(--border);font:inherit;color:var(--muted);border-radius:6px;margin-left:auto;padding:0 6px;font-size:.72rem}.top-spacer{flex:1}.icon-btn{border-radius:10px;place-items:center;width:36px;height:36px;padding:0;font-size:1.05rem;text-decoration:none;display:inline-grid;position:relative}.bell-count{background:var(--bad);color:#0b0f1a;text-align:center;border-radius:999px;min-width:17px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:17px;position:absolute;top:-5px;right:-5px}.avatar{background:var(--grad);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.hamburger{display:none}main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:8px 26px 20px}.scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02060e8c;position:fixed;inset:0}.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px 18px}.card.interactive{cursor:pointer;transition:box-shadow .18s,transform .18s}.card.interactive:hover{box-shadow:var(--glow);transform:translateY(-1px)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}tbody tr{transition:background .12s}tbody tr:hover td{background:var(--surface-2)}tr.clickable{cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}code{background:var(--surface-2);border-radius:6px;padding:1px 6px}label{margin:10px 0 4px;font-size:.9rem;font-weight:600;display:block}input,select,textarea{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:8px 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #22d3ee2e}select option{background:var(--surface-solid);color:var(--text)}input[type=checkbox],input[type=radio]{width:auto}textarea{max-width:none;min-height:160px;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 15px;text-decoration:none;transition:box-shadow .15s,transform .1s,background .15s;display:inline-block}button:hover:not(:disabled),.btn:hover{box-shadow:var(--glow)}button:active:not(:disabled){transform:translateY(1px)}button.primary,.btn.primary{background:var(--grad);color:var(--accent-text);border-color:#0000;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.badge{border:1px solid var(--border);border-radius:999px;padding:1px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge.ok{color:var(--ok);background:var(--ok-bg);border-color:#0000}.badge.low{color:var(--warn);background:var(--warn-bg);border-color:#0000}.badge.out{color:var(--bad);background:var(--bad-bg);border-color:#0000}.error{color:var(--bad);background:var(--bad-bg);border-radius:10px;margin:10px 0;padding:9px 13px}.notice{color:var(--ok);background:var(--ok-bg);border-radius:10px;margin:10px 0;padding:9px 13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.skeleton{background:linear-gradient(90deg, var(--surface-2), #788cc82e, var(--surface-2));background-size:200% 100%;border-radius:8px;min-height:1em;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.palette{z-index:50;background:var(--surface-solid);border:1px solid var(--border);width:min(660px,92vw);box-shadow:var(--shadow);border-radius:16px;position:fixed;top:12vh;left:50%;overflow:hidden;transform:translate(-50%)}.palette input{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;width:100%;max-width:none;padding:16px 18px;font-size:1.05rem}.palette input:focus{box-shadow:none}.palette ul{max-height:52vh;margin:0;padding:6px;list-style:none;overflow:auto}.palette li{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.palette li[aria-selected=true],.palette li:hover{background:#22d3ee24}:root[data-theme=light] .palette li[aria-selected=true],:root[data-theme=light] .palette li:hover{background:#4f46e51a}.palette li small{color:var(--muted);margin-left:auto}.palette .hint{border-top:1px solid var(--border);color:var(--muted);padding:8px 14px;font-size:.78rem}.drawer{z-index:45;background:var(--surface-solid);border-left:1px solid var(--border);width:min(540px,96vw);height:100vh;box-shadow:var(--shadow);padding:22px;animation:.22s cubic-bezier(.2,.8,.2,1) slide-in;position:fixed;top:0;right:0;overflow-y:auto}@keyframes slide-in{0%{transform:translate(100%)}}.drawer-head{align-items:flex-start;gap:10px;display:flex}.drawer-head h2{margin:0;font-size:1.2rem}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:14px 0;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.tabs button[aria-selected=true]{color:var(--text);border-color:var(--accent)}.facts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fact{background:var(--surface-2);border-radius:12px;padding:10px 14px}.fact small{color:var(--muted);display:block}.fact b{font-size:1.4rem}footer.brand{color:var(--muted);opacity:.85;justify-content:flex-end;align-items:center;gap:8px;padding:18px 26px 24px;font-size:.78rem;display:flex}footer.brand img{width:auto;height:26px}:root[data-theme=dark] footer.brand .logo-light,:root:not([data-theme=light]) footer.brand .logo-light,:root[data-theme=light] footer.brand .logo-dark{display:none}.login{max-width:400px;margin:12vh auto 0}.login .card{box-shadow:var(--shadow)}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{z-index:45;background:var(--surface-solid);width:min(290px,86vw);transition:transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;transform:translate(-102%)}.sidebar.open{transform:none}.hamburger{display:inline-grid}.topbar{padding:10px 14px}main{padding:8px 14px 20px}.searchbox kbd{display:none}}@media (max-width:640px){th.hide-sm,td.hide-sm{display:none}.facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.tablink{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.tablink:hover{background:var(--surface-2);color:var(--text)}.tablink[aria-current=page]{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:linear-gradient(90deg,#22d3ee29,#8b5cf61a)}button.tablink{text-align:left;background:0 0;border:0;width:100%}button.tablink:hover:not(:disabled){box-shadow:none}button.tablink[aria-current=page],button.tablink[aria-current=page]:hover:not(:disabled){box-shadow:inset 2px 0 0 var(--accent)}.rep-select{display:none}@media (max-width:800px){.settings-grid{grid-template-columns:minmax(0,1fr)!important}.rep-nav{display:none}.rep-select{width:100%;max-width:none;display:block}}.dash-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.dash-grid>.card{margin-bottom:0}.kpi{grid-column:span 3}.kpi .label{color:var(--muted);font-size:.82rem}.kpi .value{letter-spacing:-.01em;margin:2px 0;font-size:1.7rem;font-weight:700}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.w8{grid-column:span 8}.w4{grid-column:span 4}.w6{grid-column:span 6}.w12{grid-column:span 12}.seg{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px 11px}.seg button[aria-pressed=true]{background:var(--surface-solid);color:var(--text);box-shadow:0 1px 6px #00000040}.barlist-row{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(90px,1.3fr) 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}button.barlist-row{cursor:pointer}button.barlist-row:hover{background:var(--surface-2);box-shadow:none}.barlist-track{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.barlist-fill{background:var(--grad);border-radius:99px;height:100%;display:block}.feed li{border-bottom:1px solid var(--border);gap:10px;padding:7px 0;list-style:none;display:flex}.feed{margin:0;padding:0}.feed .dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:8px}@media (max-width:1000px){.kpi{grid-column:span 6}.w8,.w4,.w6{grid-column:span 12}}