:root {
  --bs-primary: #2563eb;
  --bs-primary-rgb: 37, 99, 235;
}
body {
  font-family: 'Segoe UI', sans-serif;
  background: #f7f9fc;
  color: #111827;
}
[data-bs-theme='dark'] {
  background: #0f172a;
  color: #e2e8f0;
}
.hero {
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
}
.hero-card, .card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hero-card:hover, .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.15);
}
.icon-box {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  font-size: 1.25rem;
}
.stat-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
}
.stat-box i {
  font-size: 1.3rem;
  color: var(--bs-primary);
}
.min-vh-100 { min-height: 100vh; }