/* Базовые стили */
/* @import url('base.css?8'); */

/* Структура страницы */
/* @import url('layout.css?12'); */

/* Компоненты */
/* @import url('components/header-balance.css?16'); */
/* @import url('components/bottom-menu.css?16'); */
/* @import url('components/modal.css?16'); */
/* @import url('components/accordion.css?16'); */
/* @import url('components/bottom-panel.css?16'); */
/* @import url('components/buttons.css?16'); */

/* Страницы */
/* @import url('pages/projects.css?16'); */
/* @import url('pages/referral.css?16'); */
/* @import url('pages/vpn.css?16'); */
/* @import url('pages/wallet.css?16'); */
/* @import url('pages/support.css?16'); */

/* Все файлы теперь подключаются через app.php с динамической версией для сброса кеша */

/* Плавные переходы для page-контейнеров (внутристраничная навигация) */
.page-container {
    transition: opacity var(--page-transition-duration, 0.2s) var(--page-transition-easing, ease);
}

.page-container.fade-out {
    opacity: 0;
}

.page-container.fade-in {
    opacity: 1;
}

/* Дополнительные стили для плавных переходов */
.bottom-padding-container {
    transition: opacity 0.3s ease-in-out;
}

.bottom-padding-container.fade-out {
    opacity: 0;
}

.bottom-padding-container.fade-in {
    opacity: 1;
}

.progress-width-45 {
    width: 45%;
}

.progress-width-15 {
    width: 15%;
}

.is-hidden {
    display: none !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}