/*
 * Aqua Trust White Luxe V3
 * Premium modern SaaS administration theme.
 * Presentation layer only.
 */

:root {
  --aqua-white-luxe-version: 3;

  --luxe-aqua-800: #08788a;
  --luxe-aqua-700: #078a9d;
  --luxe-aqua-600: #079eb1;
  --luxe-aqua-500: #16b4c4;
  --luxe-aqua-400: #43c7d3;
  --luxe-aqua-300: #78dbe3;
  --luxe-aqua-100: #dcf6f8;
  --luxe-aqua-50: #effbfc;

  --luxe-navy-950: #0a2029;
  --luxe-navy-900: #102b35;
  --luxe-navy-800: #193b46;
  --luxe-navy-700: #2d505a;

  --luxe-text: #15323c;
  --luxe-text-soft: #667c85;
  --luxe-text-muted: #8a9a9f;

  --luxe-background: #f5f8fa;
  --luxe-background-soft: #f9fbfc;
  --luxe-surface: #ffffff;
  --luxe-surface-soft: #f8fbfc;

  --luxe-border: rgba(32, 73, 84, 0.09);
  --luxe-border-strong: rgba(22, 180, 196, 0.22);

  --luxe-danger: #e95162;
  --luxe-warning: #e8a23b;
  --luxe-success: #20a77c;
  --luxe-orange: #ef8d4d;

  --luxe-radius-xs: 8px;
  --luxe-radius-sm: 11px;
  --luxe-radius-md: 15px;
  --luxe-radius-lg: 19px;
  --luxe-radius-xl: 24px;

  --luxe-shadow-xs:
    0 2px 7px rgba(15, 48, 58, 0.035);

  --luxe-shadow-sm:
    0 7px 22px rgba(15, 48, 58, 0.055);

  --luxe-shadow-md:
    0 14px 42px rgba(15, 48, 58, 0.075);

  --luxe-shadow-lg:
    0 26px 70px rgba(15, 48, 58, 0.13);

  --luxe-transition:
    180ms cubic-bezier(0.2, 0, 0, 1);
}

html {
  color-scheme: light;
  background: var(--luxe-background);
  scrollbar-width: thin;
  scrollbar-color:
    rgba(22, 180, 196, 0.30)
    rgba(229, 237, 240, 0.72);
}

html,
body,
#app {
  min-width: 320px;
  min-height: 100%;
}

body {
  margin: 0;
  color: var(--luxe-text);
  background:
    linear-gradient(
      180deg,
      #f8fafb 0%,
      #f3f7f9 100%
    );
  font-family:
    "Cairo",
    "Inter",
    "Segoe UI",
    Tahoma,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  color: #ffffff;
  background: var(--luxe-aqua-600);
}

.v-theme--light {
  --v-theme-primary: 7, 158, 177 !important;
  --v-theme-primary-darken-1: 7, 138, 157 !important;
  --v-theme-secondary: 16, 43, 53 !important;
  --v-theme-info: 67, 199, 211 !important;
  --v-theme-success: 32, 167, 124 !important;
  --v-theme-warning: 232, 162, 59 !important;
  --v-theme-error: 233, 81, 98 !important;
  --v-theme-background: 245, 248, 250 !important;
  --v-theme-surface: 255, 255, 255 !important;
  --v-theme-on-background: 21, 50, 60 !important;
  --v-theme-on-surface: 21, 50, 60 !important;
  --v-border-color: 34, 76, 88 !important;
  --v-border-opacity: 0.09 !important;
  --v-high-emphasis-opacity: 0.92 !important;
  --v-medium-emphasis-opacity: 0.66 !important;
}

.v-application,
.v-application__wrap {
  min-height: 100vh;
  color: var(--luxe-text);
  background: transparent !important;
}

/*
 * Full-width modern application area.
 */
.v-main {
  min-width: 0;
  background:
    radial-gradient(
      circle at 98% 0,
      rgba(67, 199, 211, 0.09),
      transparent 26rem
    ),
    radial-gradient(
      circle at 0 100%,
      rgba(239, 141, 77, 0.045),
      transparent 24rem
    ),
    linear-gradient(
      180deg,
      #f8fafb,
      #f3f7f9
    ) !important;
}

.v-main .v-container,
.v-main .v-container--fluid {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding: 24px 28px !important;
}

.v-main .v-row {
  max-width: none;
}

.v-main h1,
.v-main h2,
.v-main h3,
.v-main h4 {
  color: var(--luxe-text);
  letter-spacing: -0.015em;
}

/*
 * Pure white premium sidebar.
 */
.v-navigation-drawer {
  color: var(--luxe-text) !important;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbfdfe 100%
    ) !important;
  border-inline-end:
    1px solid var(--luxe-border) !important;
  box-shadow:
    12px 0 38px rgba(14, 49, 59, 0.055) !important;
}

[dir="rtl"] .v-navigation-drawer {
  box-shadow:
    -12px 0 38px rgba(14, 49, 59, 0.055) !important;
}

.v-navigation-drawer::after {
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(
      transparent 5%,
      rgba(22, 180, 196, 0.18) 28%,
      rgba(22, 180, 196, 0.08) 70%,
      transparent 95%
    );
}

.v-navigation-drawer__content {
  padding: 0 9px 14px;
  scrollbar-width: thin;
  scrollbar-color:
    rgba(22, 180, 196, 0.24)
    transparent;
}

.v-navigation-drawer__content::-webkit-scrollbar {
  width: 4px;
}

.v-navigation-drawer__content::-webkit-scrollbar-track {
  background: transparent;
}

.v-navigation-drawer__content::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(22, 180, 196, 0.25);
}

/*
 * Exactly one clean Aqua Trust brand.
 */
.aqua-white-luxe-brand {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 82px;
  margin: 8px 2px 13px;
  padding: 12px 13px;
  overflow: hidden;
  border:
    1px solid rgba(22, 180, 196, 0.12);
  border-radius: 17px;
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f1fbfc
    );
  box-shadow:
    0 11px 30px rgba(16, 70, 82, 0.07);
}

.aqua-white-luxe-brand::after {
  position: absolute;
  inset-inline-end: -33px;
  top: -35px;
  width: 105px;
  height: 105px;
  content: "";
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      circle,
      rgba(67, 199, 211, 0.14),
      transparent 68%
    );
}

.aqua-white-luxe-brand__logo {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  place-items: center;
  overflow: hidden;
  border:
    1px solid rgba(22, 180, 196, 0.12);
  border-radius: 15px;
  background: #ffffff;
  box-shadow:
    0 7px 20px rgba(17, 73, 85, 0.08);
}

.aqua-white-luxe-brand__image {
  display: block;
  width: 51px;
  height: 51px;
  object-fit: contain;
}

.aqua-white-luxe-brand__content {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.aqua-white-luxe-brand__content strong,
.aqua-white-luxe-brand__content span {
  display: block;
}

.aqua-white-luxe-brand__content strong {
  overflow: hidden;
  color: var(--luxe-navy-900);
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.aqua-white-luxe-brand__content span {
  margin-top: 4px;
  overflow: hidden;
  color: var(--luxe-text-muted);
  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

/*
 * Legacy branding must never appear.
 */
.aqua-admin-brand,
.aqua-brand-logo,
[data-aqua-brand="aurora-v2"] {
  display: none !important;
}

.v-navigation-drawer .v-list {
  padding: 0 2px 18px;
  color: inherit;
  background: transparent !important;
}

.v-navigation-drawer .v-list-subheader {
  min-height: 31px;
  padding-inline: 13px;
  color: #9aa8ad !important;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.v-navigation-drawer .v-list-item {
  position: relative;
  min-height: 44px;
  margin: 3px 0;
  padding-inline: 12px;
  overflow: hidden;
  border:
    1px solid transparent;
  border-radius: 11px;
  color: #657b84 !important;
  background: transparent;
  transition:
    color var(--luxe-transition),
    background var(--luxe-transition),
    border-color var(--luxe-transition),
    transform var(--luxe-transition),
    box-shadow var(--luxe-transition);
}

.v-navigation-drawer .v-list-item:hover {
  color: var(--luxe-aqua-800) !important;
  background:
    var(--luxe-aqua-50) !important;
  border-color:
    rgba(22, 180, 196, 0.09);
  transform: translateX(2px);
}

[dir="rtl"]
.v-navigation-drawer
.v-list-item:hover {
  transform: translateX(-2px);
}

.v-navigation-drawer
.v-list-item--active,
.v-navigation-drawer
.v-list-item[aria-current="page"],
.v-navigation-drawer
a[aria-current="page"]
.v-list-item {
  color: var(--luxe-aqua-800) !important;
  background:
    linear-gradient(
      135deg,
      #e7f9fb,
      #f3fcfd
    ) !important;
  border-color:
    rgba(22, 180, 196, 0.18) !important;
  box-shadow:
    0 7px 20px rgba(22, 180, 196, 0.09);
}

.v-navigation-drawer
.v-list-item--active::before {
  position: absolute;
  inset-inline-start: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  content: "";
  border-radius: 999px;
  opacity: 1 !important;
  background:
    linear-gradient(
      180deg,
      var(--luxe-aqua-400),
      var(--luxe-aqua-700)
    );
}

.v-navigation-drawer .v-list-item-title {
  font-size: 12.5px;
  font-weight: 730;
}

.v-navigation-drawer
.v-list-item__prepend
> .v-icon {
  margin-inline-end: 13px;
  color: #789098;
  font-size: 20px;
  transition:
    color var(--luxe-transition),
    transform var(--luxe-transition);
}

.v-navigation-drawer
.v-list-item:hover
.v-list-item__prepend
> .v-icon,
.v-navigation-drawer
.v-list-item--active
.v-list-item__prepend
> .v-icon {
  color: var(--luxe-aqua-700);
}

.v-navigation-drawer
.v-list-item:hover
.v-list-item__prepend
> .v-icon {
  transform: scale(1.04);
}

.v-navigation-drawer .v-divider {
  margin-block: 10px;
  border-color:
    rgba(35, 75, 87, 0.07) !important;
}

/*
 * Clean glass top bar.
 */
.v-app-bar {
  color: var(--luxe-text) !important;
  background:
    rgba(255, 255, 255, 0.88) !important;
  border-bottom:
    1px solid var(--luxe-border) !important;
  box-shadow:
    0 6px 24px rgba(14, 49, 59, 0.045) !important;
  backdrop-filter:
    blur(18px) saturate(145%);
  -webkit-backdrop-filter:
    blur(18px) saturate(145%);
}

.v-app-bar .v-toolbar-title {
  color: var(--luxe-text);
  font-size: 15px;
  font-weight: 850;
}

.v-app-bar .v-btn {
  color: var(--luxe-text-soft);
}

.v-app-bar .v-btn:hover {
  color: var(--luxe-aqua-800);
  background:
    rgba(22, 180, 196, 0.07);
}

.v-app-bar .v-avatar {
  border:
    2px solid rgba(22, 180, 196, 0.13);
  background: #ffffff;
  box-shadow:
    0 6px 18px rgba(15, 48, 58, 0.075);
}

/*
 * Cards and premium surfaces.
 */
.v-card {
  overflow: hidden;
  border:
    1px solid var(--luxe-border) !important;
  border-radius:
    var(--luxe-radius-lg) !important;
  background:
    rgba(255, 255, 255, 0.97) !important;
  box-shadow:
    var(--luxe-shadow-sm) !important;
  transition:
    border-color var(--luxe-transition),
    box-shadow var(--luxe-transition);
}

.v-card:hover {
  border-color:
    rgba(22, 180, 196, 0.13) !important;
}

.v-card-title {
  color: var(--luxe-text);
  font-size: 15px;
  font-weight: 850;
}

.v-card-subtitle {
  color: var(--luxe-text-soft);
}

.v-card-text {
  color: var(--luxe-navy-700);
}

.v-card .v-divider {
  border-color:
    rgba(32, 73, 84, 0.07) !important;
}

/*
 * Dashboard and statistic surfaces.
 */
.stat-card,
.stats-card,
.dashboard-card,
.analytics-card {
  position: relative;
  overflow: hidden;
  border:
    1px solid rgba(22, 180, 196, 0.11) !important;
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f7fcfd
    ) !important;
  box-shadow:
    var(--luxe-shadow-sm) !important;
}

.stat-card::after,
.stats-card::after,
.dashboard-card::after,
.analytics-card::after {
  position: absolute;
  inset-inline-end: -38px;
  top: -39px;
  width: 110px;
  height: 110px;
  content: "";
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      circle,
      rgba(67, 199, 211, 0.12),
      transparent 70%
    );
}

/*
 * Hero cards used in custom pages.
 */
.hero-card {
  border:
    1px solid rgba(67, 199, 211, 0.16) !important;
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(120, 219, 227, 0.25),
      transparent 19rem
    ),
    linear-gradient(
      135deg,
      #0b3440,
      #0b7485
    ) !important;
  box-shadow:
    0 22px 58px rgba(9, 69, 81, 0.17) !important;
}

/*
 * Modern buttons.
 */
.v-btn {
  border-radius:
    var(--luxe-radius-sm) !important;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: none;
  transition:
    transform var(--luxe-transition),
    color var(--luxe-transition),
    background var(--luxe-transition),
    border-color var(--luxe-transition),
    box-shadow var(--luxe-transition);
}

.v-btn:hover {
  transform: translateY(-1px);
}

.v-btn:active {
  transform: translateY(0);
}

.v-btn.bg-primary,
.v-btn.text-primary.v-btn--variant-flat {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      var(--luxe-aqua-700),
      var(--luxe-aqua-400)
    ) !important;
  box-shadow:
    0 9px 22px rgba(7, 158, 177, 0.20);
}

.v-btn.bg-primary:hover,
.v-btn.text-primary.v-btn--variant-flat:hover {
  box-shadow:
    0 13px 29px rgba(7, 158, 177, 0.28);
}

.v-btn--variant-outlined {
  border-color:
    rgba(22, 180, 196, 0.24);
}

.v-btn--variant-tonal {
  box-shadow: none !important;
}

.v-btn.v-btn--icon {
  border-radius: 10px !important;
}

/*
 * Forms.
 */
.v-field {
  color: var(--luxe-text);
  background:
    rgba(255, 255, 255, 0.94);
  border-radius:
    var(--luxe-radius-sm) !important;
  transition:
    background var(--luxe-transition),
    box-shadow var(--luxe-transition);
}

.v-field:hover {
  background: #ffffff;
}

.v-field--focused {
  background: #ffffff;
  box-shadow:
    0 0 0 4px rgba(22, 180, 196, 0.08);
}

.v-field__outline {
  --v-field-border-opacity: 0.13;
  color: rgb(37, 85, 98);
}

.v-field--focused .v-field__outline {
  --v-field-border-opacity: 0.68;
  color: var(--luxe-aqua-600);
}

.v-field-label {
  color: var(--luxe-text-soft);
  font-size: 12.5px;
}

.v-field__input,
.v-select__selection,
input,
textarea {
  color: var(--luxe-text);
  font-weight: 520;
}

.v-input-details {
  min-height: 18px;
  padding-top: 4px;
}

.v-messages {
  font-size: 10.5px;
}

.v-switch .v-selection-control__wrapper,
.v-checkbox .v-selection-control__wrapper {
  color: var(--luxe-aqua-600);
}

/*
 * Full-width global data tables.
 */
.v-data-table,
.v-table {
  width: 100% !important;
  color: var(--luxe-navy-700);
  background: transparent !important;
}

.v-table__wrapper {
  width: 100%;
  overflow-x: auto;
  border-radius:
    0 0 var(--luxe-radius-lg) var(--luxe-radius-lg);
  scrollbar-width: thin;
  scrollbar-color:
    rgba(22, 180, 196, 0.26)
    rgba(229, 237, 240, 0.60);
}

.v-table__wrapper::-webkit-scrollbar {
  height: 7px;
}

.v-table__wrapper::-webkit-scrollbar-track {
  border-radius: 999px;
  background:
    rgba(229, 237, 240, 0.60);
}

.v-table__wrapper::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background:
    rgba(22, 180, 196, 0.28);
}

.v-table table {
  width: 100%;
}

.v-table thead {
  background:
    linear-gradient(
      180deg,
      #f3f9fa,
      #edf6f7
    );
}

.v-table thead th {
  height: 49px !important;
  color: #496871 !important;
  border-bottom:
    1px solid rgba(32, 73, 84, 0.09) !important;
  font-size: 10.5px !important;
  font-weight: 880 !important;
  letter-spacing: 0.015em;
}

.v-table tbody td {
  height: 54px !important;
  border-bottom:
    1px solid rgba(32, 73, 84, 0.055) !important;
  font-size: 11.5px;
}

.v-table tbody tr {
  transition:
    background var(--luxe-transition);
}

.v-table tbody tr:hover {
  background:
    rgba(22, 180, 196, 0.035) !important;
}

.v-data-table-footer {
  border-top:
    1px solid rgba(32, 73, 84, 0.07);
  background:
    rgba(248, 251, 252, 0.92);
}

/*
 * Tabs, chips and alerts.
 */
.v-chip {
  border-radius: 9px !important;
  font-weight: 730;
}

.v-chip--variant-tonal {
  border:
    1px solid rgba(22, 180, 196, 0.07);
}

.v-alert {
  border:
    1px solid rgba(32, 73, 84, 0.09);
  border-radius:
    var(--luxe-radius-md) !important;
  box-shadow: none !important;
}

.v-alert-title {
  font-weight: 850;
}

.v-tab {
  border-radius:
    var(--luxe-radius-sm) !important;
  font-weight: 760;
  letter-spacing: 0;
  text-transform: none;
}

.v-tab--selected {
  color: var(--luxe-aqua-800) !important;
  background:
    rgba(22, 180, 196, 0.07);
}

.v-tabs .v-tab__slider {
  height: 3px;
  border-radius: 999px;
  color: var(--luxe-aqua-600);
}

/*
 * Dialogs, menus and overlays.
 */
.v-dialog > .v-overlay__content {
  border-radius:
    var(--luxe-radius-xl);
}

.v-dialog .v-card {
  border:
    1px solid var(--luxe-border);
  box-shadow:
    var(--luxe-shadow-lg) !important;
}

.v-overlay__scrim {
  background:
    rgb(9, 31, 39) !important;
  opacity: 0.44 !important;
  backdrop-filter: blur(4px);
}

.v-menu > .v-overlay__content > .v-card,
.v-menu > .v-overlay__content > .v-list,
.v-overlay__content > .v-list {
  overflow: hidden;
  border:
    1px solid var(--luxe-border);
  border-radius:
    var(--luxe-radius-md) !important;
  background:
    rgba(255, 255, 255, 0.97);
  box-shadow:
    var(--luxe-shadow-lg) !important;
  backdrop-filter: blur(17px);
}

.v-menu .v-list-item,
.v-overlay__content > .v-list .v-list-item {
  min-height: 41px;
  margin: 2px 6px;
  border-radius:
    var(--luxe-radius-xs);
}

.v-menu .v-list-item:hover,
.v-overlay__content
> .v-list
.v-list-item:hover {
  background:
    rgba(22, 180, 196, 0.07);
}

/*
 * Pagination.
 */
.v-pagination .v-btn {
  min-width: 35px;
  height: 35px;
  border:
    1px solid var(--luxe-border);
  background: #ffffff;
  box-shadow: none;
}

.v-pagination
.v-pagination__item--is-active
.v-btn {
  color: #ffffff !important;
  border-color: transparent;
  background:
    linear-gradient(
      135deg,
      var(--luxe-aqua-700),
      var(--luxe-aqua-400)
    ) !important;
  box-shadow:
    0 8px 19px rgba(7, 158, 177, 0.20);
}

/*
 * Auth pages.
 */
.auth-wrapper,
.auth-layout,
.login-wrapper,
.sign-in-page {
  background:
    radial-gradient(
      circle at 87% 10%,
      rgba(67, 199, 211, 0.16),
      transparent 25rem
    ),
    radial-gradient(
      circle at 7% 91%,
      rgba(239, 141, 77, 0.07),
      transparent 22rem
    ),
    linear-gradient(
      145deg,
      #f8fbfc,
      #edf5f7
    ) !important;
}

.auth-wrapper .v-card,
.auth-layout .v-card,
.login-wrapper .v-card,
.sign-in-page .v-card {
  border:
    1px solid rgba(22, 180, 196, 0.13) !important;
  box-shadow:
    0 30px 82px rgba(14, 49, 59, 0.14) !important;
}

/*
 * Skeletons and empty states.
 */
.v-skeleton-loader {
  border-radius:
    var(--luxe-radius-md);
}

.v-skeleton-loader__bone {
  background:
    linear-gradient(
      90deg,
      #eef4f5 25%,
      #fafcfc 50%,
      #eef4f5 75%
    ) !important;
  background-size:
    200% 100% !important;
}

.v-empty-state {
  padding-block: 38px;
  color: var(--luxe-text-soft);
}

.v-empty-state__media {
  color: var(--luxe-aqua-600);
}

/*
 * Accessible focus.
 */
a:focus-visible,
button:focus-visible,
.v-btn:focus-visible,
.v-list-item:focus-visible {
  outline:
    3px solid rgba(22, 180, 196, 0.28);
  outline-offset: 2px;
}

/*
 * Global scrollbars.
 */
html::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html::-webkit-scrollbar-track {
  background:
    rgba(229, 237, 240, 0.72);
}

html::-webkit-scrollbar-thumb {
  border:
    2px solid rgba(229, 237, 240, 0.72);
  border-radius: 999px;
  background:
    rgba(22, 180, 196, 0.35);
}

/*
 * Tablet.
 */
@media (max-width: 959px) {
  .v-main .v-container,
  .v-main .v-container--fluid {
    padding: 15px !important;
  }

  .v-navigation-drawer {
    box-shadow:
      19px 0 55px rgba(14, 49, 59, 0.16) !important;
  }

  [dir="rtl"] .v-navigation-drawer {
    box-shadow:
      -19px 0 55px rgba(14, 49, 59, 0.16) !important;
  }

  .v-card {
    border-radius:
      var(--luxe-radius-md) !important;
  }

  .v-card-title {
    padding: 15px 16px;
  }

  .v-card-text {
    padding: 15px 16px;
  }

  .v-table thead th,
  .v-table tbody td {
    white-space: nowrap;
  }

  .v-dialog > .v-overlay__content {
    width: calc(100% - 24px);
    max-height: calc(100% - 24px);
    margin: 12px;
  }
}

/*
 * Mobile.
 */
@media (max-width: 599px) {
  .v-main .v-container,
  .v-main .v-container--fluid {
    padding: 9px !important;
  }

  .v-card {
    border-radius: 13px !important;
    box-shadow:
      0 7px 20px rgba(15, 48, 58, 0.05) !important;
  }

  .v-card-title {
    padding: 13px 14px;
    font-size: 14px;
  }

  .v-card-text {
    padding: 13px 14px;
  }

  .v-btn {
    min-height: 38px;
    font-size: 12px;
  }

  .v-field {
    border-radius: 10px !important;
  }

  .v-field__input {
    min-height: 43px;
    font-size: 13px;
  }

  .v-chip {
    font-size: 10px;
  }

  .aqua-white-luxe-brand {
    min-height: 73px;
    margin-top: 6px;
    padding: 10px 11px;
  }

  .aqua-white-luxe-brand__logo {
    width: 51px;
    height: 51px;
  }

  .aqua-white-luxe-brand__image {
    width: 45px;
    height: 45px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
