:root {
  --eureka-primary: #1e40af;
  --eureka-accent: #0f766e;
  --eureka-surface: #f8fafc;
}

body {
  background: var(--eureka-surface);
}

.auth-body {
  min-height: 100vh;
  background:
    linear-gradient(rgba(15, 23, 42, 0.74), rgba(15, 23, 42, 0.6)),
    url("/assets/school-pattern.svg");
  background-size: cover;
}

.auth-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}

.auth-card {
  width: min(100%, 440px);
  border: 0;
  border-radius: 8px;
}

.navbar.bg-primary {
  background: var(--eureka-primary) !important;
}

.stat-card {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.error-box {
  background: #111827;
  color: #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  overflow: auto;
}