/* EON DC - Admin Dark com sidebar */
:root { --eon-bg:#0b1220; --eon-side:#111c33; --eon-accent:#2563eb; }
body { background:#f1f5f9; }
.sidebar { width:250px; min-height:100vh; background:linear-gradient(180deg,#0f172a,#1e293b); color:#e2e8f0; position:fixed; top:0; bottom:0; left:0; z-index:100; display:flex; flex-direction:column; }
.sidebar .brand { padding:1.1rem 1rem; font-weight:800; letter-spacing:.5px; border-bottom:1px solid #ffffff14; }
.sidebar .brand small { display:block; font-weight:400; color:#94a3b8; font-size:.75rem; }
.sidebar nav { flex:1; overflow-y:auto; padding:.6rem; }
.sidebar a.navlink { display:flex; align-items:center; gap:.6rem; color:#cbd5e1; text-decoration:none; padding:.55rem .7rem; border-radius:.5rem; font-size:.92rem; }
.sidebar a.navlink:hover { background:#ffffff12; color:#fff; }
.sidebar a.navlink.active { background:var(--eon-accent); color:#fff; }
.sidebar .nav-section { font-size:.7rem; text-transform:uppercase; color:#64748b; margin:.8rem .4rem .3rem; }
.main { margin-left:250px; min-height:100vh; }
.topbar { background:#fff; border-bottom:1px solid #e2e8f0; padding:.7rem 1.2rem; position:sticky; top:0; z-index:50; }
.kpi { border:0; border-left:4px solid var(--eon-accent); }
.kpi .value { font-size:1.6rem; font-weight:800; }
.login-wrap { min-height:100vh; background:radial-gradient(1000px 500px at 20% 10%,#1d4ed855,transparent),linear-gradient(180deg,#0f172a,#020617); display:flex; align-items:center; justify-content:center; padding:1rem; }
.login-card { width:100%; max-width:400px; }
@media (max-width: 900px){ .sidebar{position:static;width:100%;min-height:auto} .main{margin-left:0} }