:root{--bg:#0b1020;--surface:#121a2b;--surface-alt:#182236;--text:#e8eef9;--muted:#aab7cf;--border:#25324a;--brand:#4d7cfe;--warn:#f59e0b;--ok:#22c55e}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.subtle{color:var(--muted)}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0f1627;padding:20px}.sidebar nav{gap:8px;margin-top:16px;display:grid}.nav-item{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:10px 12px}.nav-item.active{border-color:var(--brand);color:var(--text);background:#4d7cfe1f}.main{padding:24px}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}input,select,button{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);border-radius:8px;padding:10px 12px}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}th,td{border-bottom:1px solid var(--border);padding:8px}