* { font-family: 'Inter', sans-serif !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgba(10,10,20,0.3); }
::-webkit-scrollbar-thumb { background: rgba(124,92,252,0.5); border-radius: 8px; }

/* HTML5 date inputs в стиле сайта */
.yupi-dateinput {
    background-color: rgba(28,26,46,0.95) !important;
    color: #E8E8F0 !important;
    border: 1px solid rgba(163,247,191,0.4) !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    outline: none !important;
    color-scheme: dark;
}
.yupi-dateinput:focus {
    border-color: #A3F7BF !important;
    box-shadow: 0 0 0 2px rgba(163,247,191,0.25) !important;
}

/* ============================================================
   DROPDOWN — БРОНЕБОЙНЫЙ ФИКС БЕЛОГО ФОНА
   ============================================================ */
/* Базовый слой Dash */
.dash-dropdown { background: transparent !important; }

/* Главный контейнер компонента */
.yupi-dropdown,
#service-dropdown,
.yupi-dropdown .Select,
#service-dropdown .Select {
    background-color: rgba(28,26,46,0.95) !important;
    border-radius: 14px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* Внутренний контейнер (рамка) */
.yupi-dropdown .Select-control,
#service-dropdown .Select-control {
    background-color: transparent !important;
    border: 1px solid rgba(163,247,191,0.4) !important;
    border-radius: 14px !important;
    min-height: 42px !important;
    box-shadow: none !important;
    color: #E8E8F0 !important;
}

/* Эффект при наведении и клике */
.yupi-dropdown .Select-control:hover,
#service-dropdown .Select-control:hover,
.yupi-dropdown .is-focused > .Select-control,
#service-dropdown .is-focused > .Select-control {
    border-color: #A3F7BF !important;
    box-shadow: 0 0 0 2px rgba(163,247,191,0.15) !important;
}

/* Текст выбранного значения */
.yupi-dropdown .Select-value,
#service-dropdown .Select-value,
.yupi-dropdown .Select-value-label,
#service-dropdown .Select-value-label {
    color: #E8E8F0 !important;
}

/* Поле ввода (когда печатаешь) */
.yupi-dropdown .Select-input > input,
#service-dropdown .Select-input > input {
    color: #E8E8F0 !important;
}

/* Иконка стрелочки */
.yupi-dropdown .Select-arrow,
#service-dropdown .Select-arrow {
    border-color: #A3F7BF transparent transparent !important;
}

/* Выпадающее меню (сам список) */
.yupi-dropdown .Select-menu-outer,
#service-dropdown .Select-menu-outer {
    background-color: rgba(28,26,46,0.98) !important;
    border: 1px solid rgba(163,247,191,0.4) !important;
    border-radius: 14px !important;
    margin-top: 5px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}

/* Элементы списка */
.yupi-dropdown .Select-option,
#service-dropdown .Select-option {
    background-color: transparent !important;
    color: #E8E8F0 !important;
    font-size: 13px !important;
    padding: 10px 14px !important;
}

/* Наведение на элемент списка */
.yupi-dropdown .Select-option.is-focused,
#service-dropdown .Select-option.is-focused {
    background-color: rgba(163,247,191,0.15) !important;
    cursor: pointer !important;
}

/* Выбранный элемент в списке */
.yupi-dropdown .Select-option.is-selected,
#service-dropdown .Select-option.is-selected {
    background-color: rgba(163,247,191,0.3) !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* Карточки и кнопки (эффекты) */
.card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important; }
.btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.modebar { background: transparent !important; }