:root { --navy: #0a1f4d; --blue: #1a6dff; --bg: #f3f6fb; }
body { background: var(--bg); font-family: "Segoe UI", system-ui, Arial, sans-serif; }
.topbar { background: linear-gradient(135deg, #050b1a, var(--navy) 60%, #0b3a9e); }
.topbar .navbar-brand, .topbar .nav-link { color: #fff !important; }
.topbar .nav-link { opacity: .8; } .topbar .nav-link:hover, .topbar .nav-link.active { opacity: 1; }
.topbar .badge-aka { background: #f5b800; color: #111; font-size: .65rem; vertical-align: middle; }
.card { border: 0; box-shadow: 0 1px 4px rgba(10,31,77,.1); border-radius: 12px; }
.kpi { font-size: 1.8rem; font-weight: 700; color: var(--navy); }
.clave { font-family: ui-monospace, Consolas, monospace; font-size: 1.15rem; letter-spacing: .06em; color: var(--navy); font-weight: 700; }
.login-wrap { min-height: 100vh; display: grid; place-items: center; background: linear-gradient(135deg, #050b1a, var(--navy) 60%, #0b3a9e); }
.login-card { width: 100%; max-width: 420px; }