:root{--bg: #0a0a10;--surface: #121219;--surface2: #181820;--elev: #1e1e28;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .12);--text: #f2f2f6;--text2: #a2a2b2;--muted: #6a6a7a;--accent: #6e5cf6;--accent2: #8e7dff;--accent-soft: rgba(110, 92, 246, .16);--success: #34c785;--success-soft: rgba(52, 199, 133, .14);--error: #f05b5b;--warn: #eeb23e;--warn-soft: rgba(238, 178, 62, .14);--info: #4fa3f7;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ui: "Geist", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.layout{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.aside{border-right:1px solid var(--border);background:var(--surface);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:18px 12px}.aside__brand{display:flex;align-items:center;gap:10px;padding:0 8px 16px}.aside__mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--accent2),var(--accent));display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}.aside__title{font-weight:700;font-size:16px}.aside__badge{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent2);background:var(--accent-soft);padding:3px 7px;border-radius:6px;text-transform:uppercase}.aside__nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;border:none;background:none;color:var(--text2);font-family:inherit;font-size:14px;cursor:pointer;text-align:left}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item--active{background:var(--accent-soft);color:var(--accent2);font-weight:600}.aside__logout{border:none;background:none;color:var(--muted);font-family:inherit;font-size:12.5px;cursor:pointer;text-align:left;padding:12px 8px 4px;border-top:1px solid var(--border);margin-top:8px}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:60px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);display:flex;align-items:center;gap:16px;padding:0 24px}.topbar__title{font-weight:600;font-size:16px}.topbar__live{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--success);background:var(--success-soft);padding:6px 11px;border-radius:8px;margin-left:auto}.topbar__live .dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.content{padding:24px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.kpi__label{font-size:12.5px;color:var(--muted)}.kpi__value{font-family:var(--mono);font-weight:700;font-size:25px;letter-spacing:-.02em;margin:7px 0 0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:14px;overflow:hidden}.panel__title{font-weight:600;font-size:15px;padding:16px 18px;border-bottom:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;padding:10px 18px;border-bottom:1px solid var(--border)}td{padding:11px 18px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.pill{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:7px}.pill--on{color:var(--success);background:var(--success-soft)}.pill--off{color:var(--muted);background:var(--surface2)}.state{padding:40px;text-align:center;color:var(--muted)}.rowbtn{border:1px solid var(--border2);background:var(--surface2);color:var(--text);font-family:inherit;font-size:12px;font-weight:600;padding:5px 11px;border-radius:8px;cursor:pointer}.rowbtn:hover{border-color:var(--accent);color:var(--accent2)}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login__card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:360px;max-width:100%}.login__mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,var(--accent2),var(--accent));display:grid;place-items:center;color:#fff;font-weight:800;margin-bottom:16px}.login__card h1{font-size:20px;margin:0 0 4px}.login__card p{color:var(--text2);font-size:13.5px;margin:0 0 18px}.login__input{width:100%;background:var(--bg);border:1px solid var(--border2);border-radius:10px;padding:11px 13px;color:var(--text);font-family:var(--mono);font-size:14px;outline:none}.login__btn{width:100%;margin-top:12px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:600;font-size:14px;cursor:pointer}.login__err{color:var(--error);font-size:12.5px;margin-top:10px}