@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --admin-bg: #f3f6fb;
  --admin-surface: #ffffff;
  --admin-text: #1d2838;
  --admin-muted: #64748b;
  --admin-primary: #0f4c81;
  --admin-primary-soft: #d9e8f7;
  --admin-accent: #ffb703;
  --admin-border: #e5ecf4;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Manrope', 'Segoe UI', sans-serif;
  color: var(--admin-text);
  background:
    radial-gradient(1200px 500px at 10% -10%, #e8f2ff 0%, rgba(232, 242, 255, 0) 55%),
    radial-gradient(900px 500px at 90% -20%, #fff1dc 0%, rgba(255, 241, 220, 0) 55%),
    var(--admin-bg);
}

.admin-navbar {
  background: linear-gradient(100deg, #0f2742 0%, #123a63 55%, #165184 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 10px 24px rgba(15, 39, 66, 0.24);
}

.admin-brand {
  color: #fff;
  font-weight: 800;
  letter-spacing: .3px;
  text-decoration: none;
  font-size: 1rem;
  white-space: nowrap;
}

.admin-brand:hover {
  color: #fff;
  opacity: .96;
}

.admin-nav-links {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: wrap;
}

.admin-nav-link {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #eaf3ff;
  text-decoration: none;
  font-size: .8rem;
  font-weight: 600;
  border-radius: 999px;
  padding: .38rem .72rem;
  transition: all .2s ease;
}

.admin-nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.34);
}

.admin-nav-link.active {
  color: #0f2742;
  background: #fff;
  border-color: #fff;
}

.admin-nav-link.logout {
  border-color: rgba(255, 183, 3, .7);
  color: #ffe3a8;
}

.admin-nav-link.logout:hover {
  color: #0f2742;
  background: #ffb703;
  border-color: #ffb703;
}

.admin-stats {
  display: flex;
  align-items: center;
  gap: .35rem;
  flex-wrap: wrap;
  margin-right: .75rem;
}

.admin-stat {
  color: #dbe9f9;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 999px;
  padding: .25rem .58rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1px;
}

.admin-main {
  padding-left: 1rem;
  padding-right: 1rem;
}

.admin-surface {
  background: var(--admin-surface);
  border: 1px solid var(--admin-border);
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(12, 24, 45, 0.08);
}

.admin-page-title {
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: .2px;
}

.admin-page-subtitle {
  color: var(--admin-muted);
  font-size: .85rem;
}

@media (max-width: 991px) {
  .admin-navbar .container-fluid {
    row-gap: .7rem;
  }

  .admin-nav-links {
    width: 100%;
  }

  .admin-stats {
    width: 100%;
    margin-right: 0;
  }
}