body{background:#f5f7fb;color:#172033}.sidebar{width:255px;min-height:100vh;background:#111827;color:white;position:sticky;top:0}.brand{color:white;display:flex;align-items:center;gap:.7rem;font-size:1.15rem}.brand b,.logo{width:44px;height:44px;border-radius:13px;background:#0d6efd;color:white;display:grid;place-items:center}.sidebar .nav-link{color:#cbd5e1;border-radius:10px;display:flex;gap:.65rem;align-items:center;padding:.7rem}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#1f2937;color:white}.sidebar .disabled{opacity:.5}.content{min-width:0}.topbar{background:white;border-bottom:1px solid #e5e7eb}.metric,.panel{background:white;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 20px rgba(15,23,42,.04)}.metric{padding:1.1rem;display:flex;gap:1rem;align-items:center}.metric>i{font-size:1.4rem;color:#0d6efd;background:#eef4ff;padding:.7rem;border-radius:12px}.metric small,.metric strong{display:block}.metric small{color:#6b7280}.metric strong{font-size:1.25rem}.login-page{background:linear-gradient(135deg,#f8fafc,#e8efff)}.login-card{background:white;border-radius:22px;box-shadow:0 25px 70px rgba(15,23,42,.12)}.logo{font-weight:800;font-size:1.4rem;width:58px;height:58px}@media(max-width:991px){.content{width:100%}}