:root { --pla-primario: #1f4e79; --pla-acento: #f0a500; }
body { background: #f4f6f9; }
.pla-nav { background: var(--pla-primario); }
.pla-nav .nav-link.active { color: #fff; border-bottom: 2px solid var(--pla-acento); }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.table thead th { background: #e9eef4; font-size: .8rem; text-transform: uppercase; letter-spacing: .02em; white-space: nowrap; }
.table td { vertical-align: middle; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #1f4e79 0%, #2e75b6 100%); }
.login-card { width: 100%; max-width: 380px; }
.kpi { font-size: 1.6rem; font-weight: 600; }
.badge-rol-ADMIN { background: #6f42c1; } .badge-rol-PLANILLERO { background: #0d6efd; }
.badge-rol-TAREADOR { background: #198754; } .badge-rol-CONSULTA { background: #6c757d; }