.v-bind {
  --v-bind-bg: rgba(17, 13, 11, 0.96);
  --v-bind-border: rgba(201, 168, 76, 0.18);
  --v-bind-border-strong: rgba(201, 168, 76, 0.32);
  --v-bind-hover: rgba(201, 168, 76, 0.12);
  --v-bind-active: rgba(201, 168, 76, 0.2);
  --v-bind-text: #f5ede0;
  --v-bind-muted: #c4b09a;
  --v-bind-gold: #c9a84c;
  --v-bind-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  direction: rtl;
  font-family: 'Cairo', sans-serif;
}

:root {
  --naive-dark-bg: #110d0b;
  --naive-dark-surface: rgba(17, 13, 11, 0.96);
  --naive-dark-border: rgba(201, 168, 76, 0.18);
  --naive-dark-text: #f5ede0;
  --naive-dark-muted: #c4b09a;
  --naive-dark-gold: #c9a84c;
  --naive-dark-gold-soft: rgba(201, 168, 76, 0.12);
  --naive-dark-gold-strong: #d7b55b;
  --naive-dark-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.v-binder-follower-content {
  position: absolute;
  z-index: auto;
  left: 0;
}

.v-bind.n-base-select-menu,
.v-bind .n-base-select-menu {
  background: var(--v-bind-bg) !important;
  border: 1px solid var(--v-bind-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--v-bind-shadow) !important;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.v-bind .n-base-select-menu__group-header {
  color: var(--v-bind-gold) !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.4px;
  padding: 10px 14px 6px !important;
}

.v-bind .n-base-select-option {
  color: var(--v-bind-text) !important;
  border-radius: 14px;
  margin: 4px 8px;
  direction: rtl;
  text-align: right;
}

.v-bind .n-base-select-option .n-base-select-option__content {
  color: inherit !important;
  font-weight: 600;
  text-align: right;
  white-space: normal;
}

.v-bind .n-base-select-option .n-base-select-option__action {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.v-bind .n-base-select-option.n-base-select-option--pending {
  background: var(--v-bind-hover) !important;
}

.v-bind .n-base-select-option.n-base-select-option--selected {
  background: var(--naive-dark-gold) !important;
  color: #0b0807 !important;
}

.v-bind .n-base-select-option.n-base-select-option--selected .n-base-select-option__content,
.v-bind .n-base-select-option.n-base-select-option--selected .n-base-select-option__check {
  color: #0b0807 !important;
}

.v-bind .n-base-select-option .n-base-select-option__check,
.v-bind .n-base-select-option .n-base-select-option__suffix {
  color: var(--v-bind-gold) !important;
}

.v-bind .n-scrollbar-rail__scrollbar {
  background: rgba(201, 168, 76, 0.22) !important;
}

.v-bind .n-base-select-menu-empty {
  color: var(--v-bind-muted) !important;
}

.n-date-panel,
.n-time-picker-panel,
.n-popover .n-date-panel,
.n-popover .n-time-picker-panel {
  background: var(--naive-dark-surface) !important;
  border: 1px solid var(--naive-dark-border) !important;
  box-shadow: var(--naive-dark-shadow) !important;
  color: var(--naive-dark-text) !important;
}

.n-date-panel *,
.n-time-picker-panel * {
  color: inherit;
}

.n-date-panel .n-date-panel-header__title,
.n-date-panel .n-date-panel-header__extra,
.n-date-panel .n-date-panel-month__text,
.n-date-panel .n-date-panel-year__text,
.n-date-panel .n-date-panel-date__text,
.n-time-picker-panel .n-time-picker-col__item {
  color: var(--naive-dark-text) !important;
}

.n-date-panel .n-date-panel-weekdays__day,
.n-date-panel .n-date-panel-header .n-base-icon,
.n-time-picker-panel .n-base-icon {
  color: var(--naive-dark-muted) !important;
}

.n-date-panel .n-date-panel-date:hover,
.n-date-panel .n-date-panel-month:hover,
.n-date-panel .n-date-panel-year:hover,
.n-time-picker-panel .n-time-picker-col__item:hover {
  background: var(--naive-dark-gold-soft) !important;
}

.n-date-panel .n-date-panel-date--selected,
.n-date-panel .n-date-panel-month--selected,
.n-date-panel .n-date-panel-year--selected,
.n-time-picker-panel .n-time-picker-col__item--active {
  background: var(--naive-dark-gold) !important;
}

.n-date-panel .n-date-panel-date--selected .n-date-panel-date__text,
.n-date-panel .n-date-panel-month--selected .n-date-panel-month__text,
.n-date-panel .n-date-panel-year--selected .n-date-panel-year__text,
.n-time-picker-panel .n-time-picker-col__item--active {
  color: #0b0807 !important;
}