@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Sans+3:wght@300;400;600&display=swap');

:root {
  --nk-ink: #101828;
  --nk-slate: #475467;
  --nk-teal: #1ab7a7;
  --nk-mist: #eef2f6;
}

body {
  font-family: 'Source Sans 3', Arial, sans-serif;
  background: var(--nk-mist);
  color: var(--nk-ink);
}

.admin-card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid rgba(9, 17, 30, 0.1);
  padding: 2rem;
  box-shadow: 0 16px 30px rgba(9, 17, 30, 0.08);
}

.admin-title {
  font-family: 'Space Grotesk', 'Source Sans 3', Arial, sans-serif;
  font-weight: 600;
}

.table thead th {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--nk-slate);
}

.nav-tabs .nav-link.active {
  color: var(--nk-teal);
}