body{background:#f4f7fb;color:#172033}.sidebar{width:260px;background:#111827;color:#fff;display:flex;flex-direction:column}.sidebar a{color:#cbd5e1;text-decoration:none;padding:.75rem 1rem;border-radius:.75rem}.sidebar a:hover{background:#1f2937;color:#fff}.brand{display:flex;gap:.75rem;align-items:center}.brand small{display:block;color:#94a3b8}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#2563eb);color:white;font-weight:800}.card{border:0;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.metric{padding:1.2rem}.metric small{color:#64748b}.metric strong{font-size:1.55rem;margin-top:.25rem}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e0e7ff,#f8fafc 55%)}.login-card{width:min(92vw,430px);background:white;padding:2rem;border-radius:24px;box-shadow:0 25px 60px rgba(15,23,42,.12)}@media(max-width:900px){.sidebar{width:86px}.sidebar .brand div:last-child,.sidebar nav a{font-size:0}.sidebar nav a:before{content:'•';font-size:20px}.sidebar .btn{font-size:0}.sidebar .btn:after{content:'Salir';font-size:12px}}