:root {
  --brand-dark: #0b1524;
  --brand-dark-2: #142236;
  --brand-gold: #d4af37;
}

body {
  background-color: #f4f6f9;
}

.app-navbar {
  background-color: var(--brand-dark);
  background-image: linear-gradient(90deg, var(--brand-dark), var(--brand-dark-2));
}

.app-navbar .navbar-brand { letter-spacing: .5px; }

.app-navbar .nav-link.active {
  color: var(--brand-gold) !important;
  font-weight: 600;
}

.app-navbar .nav-link:hover { color: var(--brand-gold) !important; }

.card { border: 0; box-shadow: 0 2px 10px rgba(0,0,0,.06); border-radius: .75rem; }

.stat-card {
  border-radius: .75rem;
  color: #fff;
  padding: 1.25rem 1.5rem;
}
.stat-card .stat-value { font-size: 2rem; font-weight: 700; }
.stat-card.bg-brand-dark { background: var(--brand-dark); }

.btn-brand {
  background-color: var(--brand-dark);
  color: #fff;
  border: none;
}
.btn-brand:hover { background-color: var(--brand-dark-2); color: var(--brand-gold); }

.table thead th { white-space: nowrap; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; color: #6c757d; }

.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at top, var(--brand-dark-2), var(--brand-dark));
}
.login-card { max-width: 400px; width: 100%; border-radius: 1rem; }