.admin-auth-page,
.sx-admin {
  --sx-primary-900: #0b2e5b;
  --sx-primary-800: #123f78;
  --sx-primary-700: #0754a6;
  --sx-blue-600: #0b66d4;
  --sx-cyan-600: #02a7b8;
  --sx-cyan-500: #12b8c8;
  --sx-surface: #ffffff;
  --sx-background: #f5f9fd;
  --sx-background-soft: #edf6fc;
  --sx-text-primary: #102b4e;
  --sx-text-secondary: #65758b;
  --sx-border: #d9e3ec;
  --sx-border-focus: #0aa8b8;
  --sx-danger: #d14343;
  --sx-success: #14866d;
  --sx-warning: #d87916;
  --sx-info: #176fd1;
  --sx-violet: #7656c7;
  --sx-sidebar-width: 276px;
  --sx-sidebar-collapsed-width: 88px;
  --sx-topbar-height: 66px;
  --sx-gradient: linear-gradient(135deg, var(--sx-cyan-600), var(--sx-blue-600));
  --sx-radius-sm: 10px;
  --sx-radius-md: 16px;
  --sx-radius-lg: 24px;
  --sx-shadow-card: 0 24px 70px rgba(11, 46, 91, .11);
  --sx-shadow-control: 0 8px 22px rgba(11, 46, 91, .08);
  --sx-space-1: 4px;
  --sx-space-2: 8px;
  --sx-space-3: 12px;
  --sx-space-4: 16px;
  --sx-space-5: 20px;
  --sx-space-6: 24px;
  --sx-space-8: 32px;
  --sx-space-10: 40px;
  --sx-space-12: 48px;
  --sx-font-xs: .75rem;
  --sx-font-sm: .875rem;
  --sx-font-md: 1rem;
  --sx-font-lg: 1.25rem;
  --sx-font-xl: 1.75rem;
  --sx-font-display: clamp(2rem, 3.2vw, 3.3rem);
  --sx-transition: 180ms ease;
  --sx-focus-ring: 0 0 0 4px rgba(10, 168, 184, .2);
}