:root{--bg: #0f1620;--panel: #16202c;--panel-2: #1d2937;--line: #2a3a4d;--text: #e8eef5;--muted: #8aa0b6;--accent: #2f9e6e;--accent-2: #3aa3ff;--danger: #d9534f;--radius: 12px;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;border:none;border-radius:10px}button:disabled{opacity:.5;cursor:not-allowed}.in{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font:inherit}.muted{color:var(--muted)}.err{color:var(--danger);min-height:20px}.boot{height:100vh;display:grid;place-items:center;color:var(--muted)}.login{height:100vh;display:grid;place-items:center}.login .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;width:320px;display:flex;flex-direction:column;gap:10px;text-align:center}.login h1{margin:0}.login .sub{color:var(--muted);margin-bottom:8px}.login .primary{background:var(--accent);padding:12px;font-weight:700}.topbar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:800;letter-spacing:.5px}.topbar .spacer{flex:1}.nav{display:flex;gap:6px;margin-left:14px}.nav button{background:transparent;border:1px solid var(--line);padding:7px 14px}.nav button.active{background:var(--accent-2);border-color:var(--accent-2)}.in.cell{padding:6px 8px}.link-danger{background:transparent;border:1px solid var(--line);color:var(--danger);padding:5px 12px;font-size:13px}.btn-ghost{background:transparent;border:1px solid var(--line);padding:8px 14px}.content{padding:20px;max-width:1000px;margin:0 auto}.filters{display:flex;align-items:center;gap:8px;margin-bottom:18px}.chip{background:var(--panel-2);border:1px solid var(--line);padding:8px 14px;border-radius:999px}.chip.active{background:var(--accent-2);border-color:var(--accent-2)}.filters .sep{width:1px;height:24px;background:var(--line);margin:0 4px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:8px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-size:22px;font-weight:700;margin-top:6px}.kpi.big .kpi-value{color:var(--accent)}h3{margin:22px 0 10px}.tbl{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:13px;padding:10px 12px;border-bottom:1px solid var(--line)}.tbl td{padding:9px 12px;border-bottom:1px solid var(--panel-2)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}