:root {
  --bs-primary: #1677ff;
  --bs-primary-rgb: 22, 119, 255;
  --aero-navy: #0b1f33;
  --aero-cyan: #21b6d7;
  --aero-bg: #f5f7fa;
  --aero-border: #d9e2ec;
  --aero-text: #172b3a;
  --aero-muted: #64748b;
  --aero-amber: #f59e0b;
}

body {
  background: var(--aero-bg);
  color: var(--aero-text);
}

.bg-navbar-theme,
.layout-page,
.content-wrapper {
  background: var(--aero-bg);
}

.aero-sidebar {
  background: linear-gradient(180deg, #0b1f33 0%, #112c46 100%);
  color: #fff;
}

.aero-sidebar .app-brand,
.aero-sidebar .menu-inner > .menu-item > .menu-link,
.aero-sidebar .menu-header-text {
  color: #fff;
}

.aero-sidebar .menu-item.active > .menu-link {
  background: rgba(22, 119, 255, 0.16);
  color: #fff;
}

.aero-breadcrumb {
  color: var(--aero-muted);
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.aero-hero-card {
  background: linear-gradient(135deg, #0b1f33 0%, #1677ff 100%);
  border: 0;
  overflow: hidden;
}

.aero-hero-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.5rem;
  color: #fff;
  display: inline-flex;
  font-size: 3rem;
  height: 88px;
  justify-content: center;
  width: 88px;
}

.aero-checklist {
  display: grid;
  gap: 1rem;
}

.aero-checklist-item {
  align-items: center;
  border: 1px solid var(--aero-border);
  border-radius: 1rem;
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.1rem;
}

.aero-auth-visual {
  background:
    radial-gradient(circle at top left, rgba(33, 182, 215, 0.25), transparent 40%),
    linear-gradient(160deg, #0b1f33 0%, #1677ff 100%);
}

.aero-auth-panel {
  max-width: 32rem;
}