body { background:#f4f7fb; color:#0f172a; }
.card-kpi { border:0; border-radius:18px; box-shadow:0 10px 30px rgba(15,23,42,.06); }
.table-wrap { background:#fff; border-radius:18px; box-shadow:0 10px 30px rgba(15,23,42,.05); }
.login-card { max-width:420px; margin:8vh auto; border:0; border-radius:22px; box-shadow:0 20px 50px rgba(15,23,42,.12); }
.section-title { font-weight:700; color:#0f172a; }
.chart-card { border:0; border-radius:18px; box-shadow:0 10px 30px rgba(15,23,42,.06); }
.badge-soft { background:#e7f1ff; color:#0d6efd; }
.navbar.bg-primary {
  background: linear-gradient(135deg, #050816 0%, #0b1220 48%, #0d6efd 100%) !important;
}
.brand-mark {
  display:flex;
  align-items:center;
  gap:.8rem;
  text-decoration:none;
}
.brand-mark-badge,
.login-brand-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  border-radius:14px;
  background:#ffffff;
  color:#050816;
  font-weight:800;
  letter-spacing:.08em;
  box-shadow:0 10px 25px rgba(0,0,0,.22);
}
.brand-mark-copy {
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
.brand-mark-title {
  color:#fff;
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.02em;
}
.brand-mark-subtitle,
.login-brand-subtitle {
  color:rgba(255,255,255,.78);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.22em;
}
.login-brand-badge {
  width:4.5rem;
  height:4.5rem;
  margin:0 auto 1rem;
  border-radius:20px;
  font-size:1.45rem;
}
.login-brand-subtitle {
  color:#475569;
  margin-bottom:.75rem;
}
.site-footer {
  padding:0 0 1.5rem;
}
.site-credit {
  color:#0d6efd;
  font-size:.92rem;
  font-weight:600;
  text-decoration:none;
}
.site-credit:hover {
  color:#084298;
  text-decoration:underline;
}