@font-face {
  font-family: "Admin Sans";
  src: url("GoogleSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Admin Sans";
  src: url("GoogleSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Admin Sans";
  src: url("GoogleSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --theme-font-sans: "SF Pro Text", "SF Pro Display", "Admin Sans", "Helvetica Neue", "Segoe UI", "Helvetica", "Arial", sans-serif;
  --theme-bg-1: #eef9f2;
  --theme-bg-2: #e6f4ec;
  --theme-surface: rgba(255, 255, 255, 0.82);
  --theme-surface-strong: #ffffff;
  --theme-surface-soft: #f7fcf9;
  --theme-text-1: #0f172a;
  --theme-text-2: #334155;
  --theme-text-3: #64748b;
  --theme-border: rgba(15, 23, 42, 0.12);
  --theme-border-strong: rgba(15, 23, 42, 0.2);
  --theme-primary-1: #16a34a;
  --theme-primary-2: #15803d;
  --theme-primary-soft: rgba(22, 163, 74, 0.16);
  --theme-success: #16a34a;
  --theme-danger: #dc2626;
  --theme-warning: #d97706;
  --theme-info: #2563eb;
  --theme-shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08);
  --theme-shadow-card: 0 14px 36px rgba(15, 23, 42, 0.1);
}

.dark {
  --theme-bg-1: #07130d;
  --theme-bg-2: #0b1913;
  --theme-surface: rgba(15, 23, 42, 0.78);
  --theme-surface-strong: #0f172a;
  --theme-surface-soft: #111d31;
  --theme-text-1: #e2e8f0;
  --theme-text-2: #cbd5e1;
  --theme-text-3: #94a3b8;
  --theme-border: rgba(148, 163, 184, 0.2);
  --theme-border-strong: rgba(148, 163, 184, 0.32);
  --theme-primary-1: #34d399;
  --theme-primary-2: #10b981;
  --theme-primary-soft: rgba(52, 211, 153, 0.2);
  --theme-success: #34d399;
  --theme-danger: #f87171;
  --theme-warning: #fbbf24;
  --theme-info: #60a5fa;
  --theme-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.3);
  --theme-shadow-card: 0 20px 48px rgba(0, 0, 0, 0.42);
}

html,
body {
  font-family: var(--theme-font-sans);
  color: var(--theme-text-1);
  background:
    radial-gradient(60rem 60rem at -10% -20%, color-mix(in srgb, var(--theme-primary-1) 24%, transparent), transparent 58%),
    radial-gradient(42rem 42rem at 110% -10%, color-mix(in srgb, var(--theme-primary-soft) 72%, transparent), transparent 62%),
    linear-gradient(180deg, var(--theme-bg-1), var(--theme-bg-2));
  background-attachment: fixed;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.admin-shell {
  font-family: var(--theme-font-sans);
  color: var(--theme-text-1);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

.admin-shell #mainContent {
  padding: 1rem;
}

.admin-shell #mainContent > * + * {
  margin-top: 1rem;
}

/* Layout shell */
.admin-shell #mainNavbar {
  background: var(--theme-surface) !important;
  border-bottom-color: var(--theme-border) !important;
  backdrop-filter: blur(16px);
  box-shadow: var(--theme-shadow-soft);
}

.admin-shell #mainSidebar > div {
  background: var(--theme-surface) !important;
  border-right-color: var(--theme-border) !important;
  backdrop-filter: blur(18px);
  box-shadow: var(--theme-shadow-soft);
}

.admin-shell #mainSidebarBackdrop {
  backdrop-filter: blur(2px);
}

.admin-shell #mainFooter {
  border-top-color: var(--theme-border) !important;
  background: color-mix(in srgb, var(--theme-surface) 92%, transparent) !important;
  backdrop-filter: blur(10px);
}

/* Global text/border fallback */
.admin-shell .bg-white,
.admin-shell .dark\:bg-gray-800 {
  background-color: var(--theme-surface) !important;
}

.admin-shell .bg-gray-50,
.admin-shell .dark\:bg-gray-700 {
  background-color: var(--theme-surface-soft) !important;
}

.admin-shell .border-gray-200,
.admin-shell .border-gray-300,
.admin-shell .dark\:border-gray-700,
.admin-shell .dark\:border-gray-600 {
  border-color: var(--theme-border) !important;
}

.admin-shell .text-gray-900,
.admin-shell .dark\:text-white {
  color: var(--theme-text-1) !important;
}

.admin-shell .text-gray-700,
.admin-shell .text-gray-600,
.admin-shell .dark\:text-gray-300,
.admin-shell .dark\:text-gray-200 {
  color: var(--theme-text-2) !important;
}

.admin-shell .text-gray-500,
.admin-shell .text-gray-400,
.admin-shell .dark\:text-gray-400,
.admin-shell .dark\:text-gray-500 {
  color: var(--theme-text-3) !important;
}

.admin-shell .text-red-700 {
  color: #b91c1c !important;
}

.dark .admin-shell .dark\:text-red-400,
.admin-shell.dark .dark\:text-red-400 {
  color: #f87171 !important;
}

/* New library root components */
.admin-shell .v-alert,
.admin-shell .v-card,
.admin-shell .v-panel,
.admin-shell .v-modal,
.admin-shell .v-drawer,
.admin-shell .v-details,
.admin-shell .v-toast,
.admin-shell .v-notification-toast {
  border: 1px solid var(--theme-border) !important;
  border-radius: 1rem !important;
  box-shadow: var(--theme-shadow-card) !important;
  backdrop-filter: blur(14px);
}

.admin-shell .v-card {
  padding: 0 !important;
}

.admin-shell .v-card > div {
  border-radius: 1rem !important;
  border: 0 solid var(--theme-border) !important;
}

.admin-shell .v-card .v-panel {
  box-shadow: none !important;
  border: none !important;
}

.admin-shell .v-heading,
.admin-shell .v-heading h1,
.admin-shell .v-heading h2,
.admin-shell .v-heading h3,
.admin-shell .v-heading h4,
.admin-shell .v-heading h5,
.admin-shell .v-heading h6,
.admin-shell .v-paragraph {
  color: var(--theme-text-1) !important;
}

/* Buttons */
.admin-shell .v-button,
.admin-shell .v-pagination .v-button,
.admin-shell button[class*='font-medium'][class*='rounded-lg'][class*='text-center'],
.admin-shell a[class*='font-medium'][class*='rounded-lg'][class*='text-center'] {
  border-radius: 0.85rem !important;
  padding-inline: 1rem !important;
  transition: all 0.18s ease;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
}

.admin-shell .v-button.v-button--primary,
.admin-shell .v-button[class*='bg-primary-'],
.admin-shell .v-button[class*='bg-blue-700'],
.admin-shell button[class*='bg-primary-'],
.admin-shell a[class*='bg-primary-'],
.admin-shell button[class*='bg-blue-700'],
.admin-shell a[class*='bg-blue-700'] {
  border: 0 !important;
  background: linear-gradient(120deg, var(--theme-primary-1), var(--theme-primary-2)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-primary-1) 28%, transparent) !important;
}

.admin-shell .v-button[class*='bg-red-700'],
.admin-shell button[class*='bg-red-700'],
.admin-shell a[class*='bg-red-700'] {
  background: linear-gradient(120deg, #ef4444, #dc2626) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(220, 38, 38, 0.28) !important;
}

.admin-shell .v-button[class*='bg-green-700'],
.admin-shell button[class*='bg-green-700'],
.admin-shell a[class*='bg-green-700'] {
  background: linear-gradient(120deg, #22c55e, #16a34a) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(22, 163, 74, 0.28) !important;
}

.admin-shell .v-button[class*='bg-purple-700'],
.admin-shell button[class*='bg-purple-700'],
.admin-shell a[class*='bg-purple-700'] {
  background: linear-gradient(120deg, #8b5cf6, #7c3aed) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.26) !important;
}

.admin-shell .v-button[class*='bg-yellow-400'],
.admin-shell button[class*='bg-yellow-400'],
.admin-shell a[class*='bg-yellow-400'] {
  background: linear-gradient(120deg, #facc15, #f59e0b) !important;
  color: #111827 !important;
  box-shadow: 0 12px 24px rgba(245, 158, 11, 0.26) !important;
}

.admin-shell .v-button:hover,
.admin-shell button[class*='rounded-lg'][class*='text-center']:hover,
.admin-shell a[class*='rounded-lg'][class*='text-center']:hover {
  filter: brightness(1.05);
}

.admin-shell .v-button:disabled,
.admin-shell button[class*='cursor-not-allowed'][class*='rounded-lg'],
.admin-shell a[class*='cursor-not-allowed'][class*='rounded-lg'],
.admin-shell button:disabled[class*='rounded-lg'] {
  box-shadow: none !important;
  opacity: 0.58;
  filter: saturate(0.85);
}

/* Inputs */
.admin-shell .v-input,
.admin-shell .v-input-group,
.admin-shell .v-select,
.admin-shell .v-textarea,
.admin-shell .v-date-input,
.admin-shell .v-range-input,
.admin-shell .v-multiple-input,
.admin-shell input,
.admin-shell select,
.admin-shell textarea {
  color: var(--theme-text-1);
}

.admin-shell .v-input input,
.admin-shell .v-select [role='combobox'],
.admin-shell .v-textarea textarea,
.admin-shell input,
.admin-shell select,
.admin-shell textarea {
  border-color: var(--theme-border) !important;
  border-radius: 0.85rem !important;
  background: color-mix(in srgb, var(--theme-surface-strong) 92%, transparent) !important;
  color: var(--theme-text-1) !important;
}

.admin-shell .v-input input:focus,
.admin-shell .v-select [role='combobox']:focus,
.admin-shell .v-textarea textarea:focus,
.admin-shell input:focus,
.admin-shell select:focus,
.admin-shell textarea:focus {
  border-color: var(--theme-primary-1) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary-1) 22%, transparent) !important;
}

/* Dropdown/select */
.admin-shell .v-dropdown,
.admin-shell .v-select,
body > .v-drawer .v-dropdown,
body > .v-drawer .v-select,
body > .v-modal .v-dropdown,
body > .v-modal .v-select,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-dropdown,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-select {
  position: relative;
}

.admin-shell .v-dropdown .v-dropdown__content,
.admin-shell .v-select .v-select__overlay,
.admin-shell .v-select .v-select__menu,
.admin-shell .v-select .v-select__dropdown,
body > .v-drawer .v-dropdown .v-dropdown__content,
body > .v-drawer .v-select .v-select__overlay,
body > .v-drawer .v-select .v-select__menu,
body > .v-drawer .v-select .v-select__dropdown,
body > .v-modal .v-dropdown .v-dropdown__content,
body > .v-modal .v-select .v-select__overlay,
body > .v-modal .v-select .v-select__menu,
body > .v-modal .v-select .v-select__dropdown,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-dropdown .v-dropdown__content,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-select .v-select__overlay,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-select .v-select__menu,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-select .v-select__dropdown {
  border: 1px solid var(--theme-border) !important;
  border-radius: 0.9rem !important;
  background: var(--theme-surface-strong) !important;
  box-shadow: var(--theme-shadow-card) !important;
}

.admin-shell .v-select .v-select__filter,
body > .v-drawer .v-select .v-select__filter,
body > .v-modal .v-select .v-select__filter,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .v-select .v-select__filter {
  background: var(--theme-surface-strong) !important;
}

/* Fallback for current utility-based internals */
.admin-shell .mt-2.z-50.bg-white.divide-y.divide-gray-100.rounded-lg.shadow,
.admin-shell .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md,
body > .v-drawer .mt-2.z-50.bg-white.divide-y.divide-gray-100.rounded-lg.shadow,
body > .v-drawer .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md,
body > .v-modal .mt-2.z-50.bg-white.divide-y.divide-gray-100.rounded-lg.shadow,
body > .v-modal .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .mt-2.z-50.bg-white.divide-y.divide-gray-100.rounded-lg.shadow,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md {
  border: 1px solid var(--theme-border) !important;
  border-radius: 0 0 0.9rem 0.9rem !important;
  background: var(--theme-surface-strong) !important;
  box-shadow: var(--theme-shadow-card) !important;
}

.admin-shell .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md > .bg-gray-50.dark\:bg-gray-500.p-1,
body > .v-drawer .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md > .bg-gray-50.dark\:bg-gray-500.p-1,
body > .v-modal .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md > .bg-gray-50.dark\:bg-gray-500.p-1,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .absolute.z-50.bg-gray-100.w-full.border.border-gray-300.overflow-hidden.rounded-b-md > .bg-gray-50.dark\:bg-gray-500.p-1 {
  background: var(--theme-surface-strong) !important;
}

.admin-shell .block.px-4.py-2.hover\:bg-gray-200:hover,
.admin-shell .block.px-4.py-2.hover\:bg-gray-100:hover,
body > .v-drawer .block.px-4.py-2.hover\:bg-gray-200:hover,
body > .v-drawer .block.px-4.py-2.hover\:bg-gray-100:hover,
body > .v-modal .block.px-4.py-2.hover\:bg-gray-200:hover,
body > .v-modal .block.px-4.py-2.hover\:bg-gray-100:hover,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .block.px-4.py-2.hover\:bg-gray-200:hover,
body > div.fixed.top-0.right-0.z-50.w-full.h-screen .block.px-4.py-2.hover\:bg-gray-100:hover {
  background: color-mix(in srgb, var(--theme-primary-soft) 58%, var(--theme-surface-strong) 42%) !important;
}

/* Checkbox */
.admin-shell .v-checkbox .peer,
.admin-shell .peer {
  border-color: var(--theme-primary-1) !important;
  background: color-mix(in srgb, var(--theme-surface-strong) 94%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary-1) 24%, transparent);
}

.admin-shell .v-checkbox .peer:checked + span,
.admin-shell .peer:checked + span {
  border-color: var(--theme-primary-1) !important;
  background: linear-gradient(120deg, var(--theme-primary-1), var(--theme-primary-2)) !important;;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary-1) 24%, transparent);
}

/* Table + pagination */
.admin-shell .v-table .overflow-x-auto .overflow-hidden.shadow {
  border: 1px solid var(--theme-border) !important;
  border-radius: 1rem 1rem 0 0!important;
  background: color-mix(in srgb, var(--theme-surface) 96%, transparent) !important;
}

.admin-shell .v-table:not(:has(.sticky)) .overflow-x-auto .overflow-hidden.shadow {
  border-radius: 1rem !important;
}

.admin-shell .v-table table,
.admin-shell table.min-w-full {
  border-collapse: separate;
  border-spacing: 1px;
}

.admin-shell .v-table thead,
.admin-shell .v-table tfoot,
.admin-shell table.min-w-full thead.bg-gray-100,
.admin-shell table.min-w-full tfoot tr.bg-gray-100 {
  background: color-mix(in srgb, var(--theme-surface-soft) 82%, var(--theme-primary-soft) 18%) !important;
}

.admin-shell .v-table tbody,
.admin-shell table.min-w-full tbody.bg-white {
  background: color-mix(in srgb, var(--theme-surface-strong) 96%, transparent) !important;
}

.admin-shell .v-table tbody tr:hover,
.admin-shell table.min-w-full tbody tr.hover\:bg-gray-100:hover,
.admin-shell table.min-w-full tbody tr[class*='hover:bg-gray-100']:hover,
.admin-shell tr.hover\:bg-gray-100:hover {
  background: color-mix(in srgb, var(--theme-primary-soft) 46%, var(--theme-surface-strong) 54%) !important;
}

.admin-shell .v-table th,
.admin-shell .v-table td,
.admin-shell table.min-w-full th,
.admin-shell table.min-w-full td {
  border-color: var(--theme-border) !important;
}

.admin-shell .v-table .sticky {
  background: var(--theme-surface-strong) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: 0 0 1rem 1rem !important;
  margin-top: 0 !important;
}

/* Merchant pricelists layout */
.admin-shell .pricelist-filter > .px-6.pt-6 {
  margin: 1rem 0;
  padding: 0 !important;
}

.admin-shell .merchant-pricelists {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Tabs */
.admin-shell .v-tabs,
.admin-shell .text-sm.font-medium.text-center.text-gray-500.border-b.border-gray-200 {
  border-color: var(--theme-border) !important;
}

.admin-shell .v-tab--active,
.admin-shell .inline-block.p-4.text-blue-600,
.admin-shell .inline-block.p-4.text-primary-600 {
  color: var(--theme-primary-1) !important;
  border-bottom-color: var(--theme-primary-1) !important;
}

.admin-shell .v-tab:hover,
.admin-shell .inline-block.p-4.border-b-2.border-transparent.rounded-t-lg:hover {
  color: var(--theme-text-1) !important;
  border-bottom-color: color-mix(in srgb, var(--theme-primary-1) 40%, transparent) !important;
}

/* Badges */
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'] {
  display: inline-flex;
  align-items: center;
  border-radius: 0.6rem !important;
  border-width: 1px !important;
  padding: 0.2rem 0.48rem !important;
  letter-spacing: 0.01em;
}

/* success */
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-green-100'] {
  background: color-mix(in srgb, var(--theme-success) 20%, var(--theme-surface-strong) 80%) !important;
  color: color-mix(in srgb, var(--theme-success) 78%, var(--theme-text-1) 22%) !important;
  border-color: color-mix(in srgb, var(--theme-success) 36%, var(--theme-border)) !important;
}

/* failed */
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-red-100'] {
  background: color-mix(in srgb, var(--theme-danger) 18%, var(--theme-surface-strong) 82%) !important;
  color: color-mix(in srgb, var(--theme-danger) 80%, var(--theme-text-1) 20%) !important;
  border-color: color-mix(in srgb, var(--theme-danger) 36%, var(--theme-border)) !important;
}

/* processing */
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-orange-100'],
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-yellow-100'],
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-purple-100'] {
  background: color-mix(in srgb, var(--theme-warning) 20%, var(--theme-surface-strong) 80%) !important;
  color: color-mix(in srgb, var(--theme-warning) 76%, var(--theme-text-1) 24%) !important;
  border-color: color-mix(in srgb, var(--theme-warning) 36%, var(--theme-border)) !important;
}

/* refunded */
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-blue-50'] {
  background: color-mix(in srgb, var(--theme-info) 18%, var(--theme-surface-strong) 82%) !important;
  color: color-mix(in srgb, var(--theme-info) 80%, var(--theme-text-1) 20%) !important;
  border-color: color-mix(in srgb, var(--theme-info) 36%, var(--theme-border)) !important;
}

/* created + neutral */
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-gray-100'],
.admin-shell span[class*='text-xs'][class*='font-medium'][class*='rounded-md'][class*='bg-gray-50'] {
  background: color-mix(in srgb, var(--theme-surface-soft) 84%, var(--theme-primary-soft) 16%) !important;
  color: var(--theme-text-2) !important;
  border-color: color-mix(in srgb, var(--theme-border) 84%, var(--theme-primary-soft) 16%) !important;
}

/* Header block */
.admin-shell .p-4.bg-white.block.sm\:flex.items-center.justify-between.border-b.border-gray-200 {
  border: 1px solid var(--theme-border) !important;
  border-radius: 1rem !important;
  margin-bottom: 0.75rem;
  background: color-mix(in srgb, var(--theme-surface) 94%, transparent) !important;
}

/* Scrollbars */
.admin-shell ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.admin-shell ::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--theme-surface-soft) 82%, transparent);
}

.admin-shell ::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--theme-primary-1) 45%, #94a3b8 55%);
}

.admin-shell ::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--theme-primary-1) 60%, #64748b 40%);
}

@media (min-width: 1024px) {
  .admin-shell #mainContent {
    padding: 1.1rem 1.25rem 1.25rem;
  }
}

/* Login Page */
.admin-shell--guest .admin-login {
  color: var(--theme-text-1);
  background: radial-gradient(56rem 56rem at -10% -20%,
    color-mix(in srgb, var(--theme-primary-1) 22%, transparent), transparent 58%), radial-gradient(40rem 40rem at 110% -10%,
    color-mix(in srgb, var(--theme-primary-soft) 76%, transparent), transparent 62%), linear-gradient(180deg, var(--theme-bg-1), var(--theme-bg-2));
  background-attachment: fixed;
}

.admin-shell--guest .admin-login__grid {
  max-width: 72rem;
}

.admin-shell--guest .admin-login__hero {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
}

.admin-shell--guest .admin-login__hero > div {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.admin-shell--guest .admin-login__pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-2) !important;
  background: color-mix(in srgb, var(--theme-surface) 95%, transparent) !important;
}

.admin-shell--guest .admin-login__pill::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 9999px;
  background: var(--theme-primary-1);
  box-shadow:
    0 0 0 0.2rem color-mix(in srgb, var(--theme-primary-1) 28%, transparent),
    0 0 1rem color-mix(in srgb, var(--theme-primary-1) 48%, transparent);
}

.admin-shell--guest .admin-login__title {
  font-size: 3rem !important;
  font-weight: normal;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  margin-top: 1.4rem;
  color: var(--theme-text-1) !important;
}

.admin-shell--guest .admin-login__subtitle {
  color: var(--theme-text-2) !important;
}

.admin-shell--guest .admin-login__card {
  position: relative;
  width: 100%;
  max-width: 30rem;
  margin-inline: auto;
  border-radius: 1.5rem;
  border: 1px solid var(--theme-border);
  background: color-mix(in srgb, var(--theme-surface) 92%, transparent);
  box-shadow: var(--theme-shadow-card);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  padding: 2rem;
}

.admin-shell--guest .admin-login__card > div {
  border-radius: 1.2rem !important;
  border: 0 solid var(--theme-border) !important;
}

.admin-shell--guest .admin-login__alert .v-alert {
  border-color: var(--theme-border) !important;
  border-radius: 0.85rem !important;
  background: color-mix(in srgb, var(--theme-surface) 96%, transparent) !important;
}

.admin-shell--guest .admin-login__form .v-input input {
  border-color: var(--theme-border) !important;
  border-radius: 0.85rem !important;
  background: color-mix(in srgb, var(--theme-surface-strong) 94%, transparent) !important;
  color: var(--theme-text-1) !important;
}

.admin-shell--guest .admin-login__form .v-input input:focus {
  border-color: var(--theme-primary-1) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary-1) 22%, transparent) !important;
}

.admin-shell--guest .admin-login__submit {
  border: 0 !important;
  border-radius: 0.85rem !important;
  background: linear-gradient(120deg, var(--theme-primary-1), var(--theme-primary-2)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-primary-1) 30%, transparent) !important;
}

.admin-shell--guest .admin-login__submit:hover {
  filter: brightness(1.05);
}

.admin-shell--guest .admin-login__caption {
  color: var(--theme-text-3) !important;
}

@media (max-width: 1023px) {
  .admin-shell--guest .admin-login__hero {
    display: none !important;
  }
}