:root {
  --bg-grad-start: #0d6efd;
  --bg-grad-end: #0b5ed7;
}
body { background-color: #f5f7fb; }
.table-responsive { overflow: visible; }
.login-page { min-height: 100vh; }
.login-title { font-weight: 700; color: #333; }
.login-title { font-size: 1.25rem; }
.login-card { max-width: 520px; width: 100%; border-radius: 20px; border: 0; box-shadow: 0 20px 40px rgba(0,0,0,.08); background:#fff; }
.login-logo { height: 64px; width: auto; }
.login-logo.placeholder { height: 64px; border: 2px solid #bbb; border-radius: 6px; display:inline-flex; align-items:center; justify-content:center; padding: 0 24px; color:#666; }
.btn-login { background-color: #212b75; color:#fff; border-radius: 8px; height: 48px; font-weight: 600; border: none; }
.btn-login:hover { background-color: #1b2363; color:#fff; }
.login-hero {
  min-height: 70vh;
  background: linear-gradient(135deg, var(--bg-grad-start), var(--bg-grad-end));
}
.login-card { max-width: 480px; width: 100%; border: 0; border-radius: 16px; }
.kpi-card { border: 0; border-radius: 14px; }
.kpi-title { font-size: .9rem; color: #6c757d; }
.kpi-value { font-size: 1.8rem; font-weight: 700; }
.kpi-icon { font-size: 2rem; }