/* ── Global ────────────────────────────────────────────────── */
body {
  background-color: #f0f0f0;
  font-size: 0.92rem;
}

.login-body {
  background: #111;
}

.login-card {
  width: 100%;
  max-width: 380px;
  background: #1a1a1a;
  color: #f0f0f0;
  border-radius: 12px;
}
.login-card .form-label { color: #ccc; }
.login-card .text-muted { color: #888 !important; }

/* ── Navbar ────────────────────────────────────────────────── */
.navbar {
  border-bottom: 2px solid #ffc107;
}
.navbar-brand { letter-spacing: .5px; }

/* ── Stat Cards ────────────────────────────────────────────── */
.stat-card {
  background: #fff;
  border-radius: 10px;
}
.stat-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #888;
  margin-bottom: 4px;
}
.stat-value {
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
  margin: 0;
}

/* ── Tables ─────────────────────────────────────────────────── */
.table thead th {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: .4px;
  white-space: nowrap;
}

/* ── Cards ──────────────────────────────────────────────────── */
.card {
  border-radius: 10px;
}
.card-header {
  border-bottom: 1px solid #eee;
  font-size: 0.88rem;
}

/* ── Responsive tweaks ───────────────────────────────────────── */
@media (max-width: 576px) {
  .stat-value { font-size: 1.2rem; }
  .container-fluid { padding: 12px !important; }
}