/*!*body {*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    min-height: 100vh;*!*/
/*!*}*!*/

/*!*main {*!*/
/*!*    flex: 1;*!*/
/*!*    padding-bottom: 2rem;*!*/
/*!*}*!*/

/*!*.tournament-card {*!*/
/*!*    transition: transform 0.2s, box-shadow 0.2s;*!*/
/*!*    border: none;*!*/
/*!*    box-shadow: 0 2px 4px rgba(0,0,0,0.05);*!*/
/*!*}*!*/

/*!*.tournament-card:hover {*!*/
/*!*    transform: translateY(-5px);*!*/
/*!*    box-shadow: 0 5px 15px rgba(0,0,0,0.1);*!*/
/*!*}*!*/

/*!*.tournament-card .card-header {*!*/
/*!*    background: white;*!*/
/*!*    border-bottom: 1px solid rgba(0,0,0,0.05);*!*/
/*!*    font-size: 0.9rem;*!*/
/*!*}*!*/

/*!*.tournament-card .card-footer {*!*/
/*!*    border-top: 1px solid rgba(0,0,0,0.05);*!*/
/*!*}*!*/

/*!*.tournament-meta {*!*/
/*!*    display: flex;*!*/
/*!*    flex-wrap: wrap;*!*/
/*!*    gap: 0.75rem;*!*/
/*!*    font-size: 0.9rem;*!*/
/*!*}*!*/

/*!*.meta-item {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    gap: 0.3rem;*!*/
/*!*    color: #6c757d;*!*/
/*!*}*!*/

/*!*.pagination .page-item.active .page-link {*!*/
/*!*    background-color: #0d6efd;*!*/
/*!*    border-color: #0d6efd;*!*/
/*!*}*!*/
/*!*!* Основные стили *!*!*/
/*!*:root {*!*/
/*!*    --primary-color: #6e00ff;*!*/
/*!*    --primary-dark: #4b0082;*!*/
/*!*    --primary-light: #9d4edd;*!*/
/*!*    --secondary-color: #ff00ff;*!*/
/*!*    --dark-bg: #0f0f1a;*!*/
/*!*    --darker-bg: #0a0a12;*!*/
/*!*    --light-text: #ffffff;*!*/
/*!*    --dark-text: #cccccc;*!*/
/*!*    --accent-color: #00ffcc;*!*/
/*!*    --card-bg: #1a1a2e;*!*/
/*!*    --card-hover: #2a2a3e;*!*/
/*!*    --error-color: #ff3860;*!*/
/*!*    --success-color: #00cc66;*!*/
/*!*    --discount-color: #ff4757;*!*/
/*!*    --free-color: #2ed573;*!*/
/*!*    --epic-color: #2b2d42;*!*/
/*!*    --steam-color: #1b2838;*!*/
/*!*}*!*/

/*!** {*!*/
/*!*    margin: 0;*!*/
/*!*    padding: 0;*!*/
/*!*    box-sizing: border-box;*!*/
/*!*    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*!*/
/*!*}*!*/

/*!*body {*!*/
/*!*    background-color: var(--dark-bg);*!*/
/*!*    color: var(--light-text);*!*/
/*!*    line-height: 1.6;*!*/
/*!*}*!*/

/*!*.container {*!*/
/*!*    width: 90%;*!*/
/*!*    max-width: 1200px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*!* Стили для страницы турниров *!*!*/
/*!*.tournaments-page {*!*/
/*!*    padding: 80px 0 50px;*!*/
/*!*}*!*/

/*!*.page-header {*!*/
/*!*    text-align: center;*!*/
/*!*    margin-bottom: 3rem;*!*/
/*!*}*!*/

/*!*.page-header h1 {*!*/
/*!*    font-size: 2.5rem;*!*/
/*!*    margin-bottom: 1rem;*!*/
/*!*    background: linear-gradient(45deg, var(--primary-color), var(--primary-light));*!*/
/*!*    -webkit-background-clip: text;*!*/
/*!*    background-clip: text;*!*/
/*!*    color: transparent;*!*/
/*!*}*!*/

/*!*.page-header p {*!*/
/*!*    color: var(--dark-text);*!*/
/*!*    max-width: 700px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!*!* Фильтры турниров *!*!*/
/*!*.tournament-filters {*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: center;*!*/
/*!*    gap: 15px;*!*/
/*!*    margin-bottom: 2rem;*!*/
/*!*    flex-wrap: wrap;*!*/
/*!*}*!*/

/*!*.filter-btn {*!*/
/*!*    padding: 8px 20px;*!*/
/*!*    background: var(--card-bg);*!*/
/*!*    border: none;*!*/
/*!*    color: var(--light-text);*!*/
/*!*    cursor: pointer;*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    border-radius: 20px;*!*/
/*!*    font-weight: 500;*!*/
/*!*}*!*/

/*!*.filter-btn.active {*!*/
/*!*    background: var(--primary-color);*!*/
/*!*    box-shadow: 0 0 10px var(--primary-light);*!*/
/*!*}*!*/

/*!*.filter-btn:hover:not(.active) {*!*/
/*!*    background: var(--card-hover);*!*/
/*!*}*!*/

/*!*!* Список турниров *!*!*/
/*!*.tournaments-grid {*!*/
/*!*    display: grid;*!*/
/*!*    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));*!*/
/*!*    gap: 2rem;*!*/
/*!*}*!*/

/*!*.tournament-card {*!*/
/*!*    background: var(--card-bg);*!*/
/*!*    border-radius: 10px;*!*/
/*!*    overflow: hidden;*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*!*/
/*!*    position: relative;*!*/
/*!*}*!*/

/*!*.tournament-card:hover {*!*/
/*!*    transform: translateY(-5px);*!*/
/*!*    box-shadow: 0 10px 25px rgba(110, 0, 255, 0.3);*!*/
/*!*}*!*/

/*!*.tournament-banner {*!*/
/*!*    height: 180px;*!*/
/*!*    background-size: cover;*!*/
/*!*    background-position: center;*!*/
/*!*    position: relative;*!*/
/*!*    display: flex;*!*/
/*!*    flex-direction: column;*!*/
/*!*    justify-content: space-between;*!*/
/*!*    padding: 15px;*!*/
/*!*}*!*/

/*!*.tournament-status {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 15px;*!*/
/*!*    right: 15px;*!*/
/*!*    padding: 5px 15px;*!*/
/*!*    border-radius: 20px;*!*/
/*!*    font-weight: 600;*!*/
/*!*    font-size: 0.8rem;*!*/
/*!*    text-transform: uppercase;*!*/
/*!*}*!*/

/*!*.status-ongoing {*!*/
/*!*    background: #ff0000;*!*/
/*!*    color: white;*!*/
/*!*    animation: pulse 1.5s infinite;*!*/
/*!*}*!*/

/*!*.status-upcoming {*!*/
/*!*    background: var(--accent-color);*!*/
/*!*    color: var(--dark-bg);*!*/
/*!*}*!*/

/*!*.status-completed {*!*/
/*!*    background: #555;*!*/
/*!*    color: white;*!*/
/*!*}*!*/

/*!*.tournament-timer {*!*/
/*!*    background: rgba(0, 0, 0, 0.7);*!*/
/*!*    padding: 5px 10px;*!*/
/*!*    border-radius: 20px;*!*/
/*!*    align-self: flex-end;*!*/
/*!*    font-size: 0.9rem;*!*/
/*!*}*!*/

/*!*.tournament-info {*!*/
/*!*    padding: 1.5rem;*!*/
/*!*}*!*/

/*!*.tournament-title {*!*/
/*!*    font-size: 1.4rem;*!*/
/*!*    margin-bottom: 0.5rem;*!*/
/*!*    color: var(--light-text);*!*/
/*!*}*!*/

/*!*.tournament-game {*!*/
/*!*    display: flex;*!*/
/*!*    align-items: center;*!*/
/*!*    margin-bottom: 1rem;*!*/
/*!*    color: var(--dark-text);*!*/
/*!*}*!*/

/*!*.tournament-game img {*!*/
/*!*    width: 30px;*!*/
/*!*    height: 30px;*!*/
/*!*    border-radius: 50%;*!*/
/*!*    margin-right: 10px;*!*/
/*!*    object-fit: cover;*!*/
/*!*}*!*/

/*!*.tournament-details {*!*/
/*!*    display: flex;*!*/
/*!*    justify-content: space-between;*!*/
/*!*    margin-bottom: 1.5rem;*!*/
/*!*}*!*/

/*!*.detail-item {*!*/
/*!*    text-align: center;*!*/
/*!*}*!*/

/*!*.detail-label {*!*/
/*!*    font-size: 0.8rem;*!*/
/*!*    color: var(--dark-text);*!*/
/*!*    margin-bottom: 5px;*!*/
/*!*}*!*/

/*!*.detail-value {*!*/
/*!*    font-weight: 600;*!*/
/*!*    color: var(--light-text);*!*/
/*!*}*!*/

/*!*.prize-pool {*!*/
/*!*    background: rgba(0, 255, 204, 0.1);*!*/
/*!*    padding: 10px;*!*/
/*!*    border-radius: 5px;*!*/
/*!*    text-align: center;*!*/
/*!*    margin-bottom: 1.5rem;*!*/
/*!*}*!*/

/*!*.prize-label {*!*/
/*!*    font-size: 0.8rem;*!*/
/*!*    color: var(--accent-color);*!*/
/*!*}*!*/

/*!*.prize-amount {*!*/
/*!*    font-size: 1.4rem;*!*/
/*!*    font-weight: 700;*!*/
/*!*    color: var(--accent-color);*!*/
/*!*}*!*/

/*!*.btn-view {*!*/
/*!*    display: block;*!*/
/*!*    width: 100%;*!*/
/*!*    padding: 12px;*!*/
/*!*    background: var(--primary-color);*!*/
/*!*    color: white;*!*/
/*!*    border: none;*!*/
/*!*    border-radius: 5px;*!*/
/*!*    font-weight: 600;*!*/
/*!*    cursor: pointer;*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    text-align: center;*!*/
/*!*    text-decoration: none;*!*/
/*!*}*!*/

/*!*.btn-view:hover {*!*/
/*!*    background: var(--primary-dark);*!*/
/*!*    box-shadow: 0 0 15px var(--primary-light);*!*/
/*!*}*!*/

/*!*!* Прогресс-бар регистрации *!*!*/
/*!*.progress-container {*!*/
/*!*    margin: 15px 0;*!*/
/*!*    background: rgba(255, 255, 255, 0.1);*!*/
/*!*    border-radius: 5px;*!*/
/*!*    height: 10px;*!*/
/*!*    position: relative;*!*/
/*!*}*!*/

/*.progress-bar {*/
/*    height: 100%;*/
/*    border-radius: 5px;*/
/*    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));*/
/*    transition: width 0.5s ease;*/
/*}*/

/*!*.progress-text {*!*/
/*!*    position: absolute;*!*/
/*!*    top: 15px;*!*/
/*!*    left: 0;*!*/
/*!*    width: 100%;*!*/
/*!*    text-align: center;*!*/
/*!*    font-size: 0.8rem;*!*/
/*!*    color: var(--dark-text);*!*/
/*!*}*!*/

/*!*!* Анимация пульсации для LIVE турниров *!*!*/
/*!*@keyframes pulse {*!*/
/*!*    0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }*!*/
/*!*    70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }*!*/
/*!*    100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }*!*/
/*!*}*!*/

/*!*!* Адаптивность *!*!*/
/*!*@media (max-width: 768px) {*!*/
/*!*    .tournaments-grid {*!*/
/*!*        grid-template-columns: 1fr;*!*/
/*!*    }*!*/

/*!*    .page-header h1 {*!*/
/*!*        font-size: 2rem;*!*/
/*!*    }*!*/
/*!*}*!*/

/*!*!* Стили для админ-кнопки *!*!*/
/*!*.admin-actions {*!*/
/*!*    text-align: center;*!*/
/*!*    margin: 2rem 0;*!*/
/*!*}*!*/

/*!*.btn-create {*!*/
/*!*    display: inline-flex;*!*/
/*!*    align-items: center;*!*/
/*!*    gap: 8px;*!*/
/*!*    padding: 12px 24px;*!*/
/*!*    background: var(--primary-color);*!*/
/*!*    color: white;*!*/
/*!*    border: none;*!*/
/*!*    border-radius: 5px;*!*/
/*!*    font-weight: 600;*!*/
/*!*    cursor: pointer;*!*/
/*!*    transition: all 0.3s ease;*!*/
/*!*    text-decoration: none;*!*/
/*!*}*!*/

/*!*.btn-create:hover {*!*/
/*!*    background: var(--primary-dark);*!*/
/*!*    box-shadow: 0 0 15px var(--primary-light);*!*/
/*!*}*!*/
/*!* Основные переменные и сброс стилей *!*/
/*!*:root {*!*/
/*!*    --primary-color: #6e00ff;*!*/
/*!*    --primary-dark: #4b0082;*!*/
/*!*    --primary-light: #9d4edd;*!*/
/*!*    --dark-bg: #0f0f1a;*!*/
/*!*    --darker-bg: #0a0a12;*!*/
/*!*    --light-text: #ffffff;*!*/
/*!*    --dark-text: #cccccc;*!*/
/*!*    --accent-color: #00ffcc;*!*/
/*!*    --card-bg: #1a1a2e;*!*/
/*!*    --card-hover: #2a2a3e;*!*/
/*!*}*!*/

/*!** {*!*/
/*!*    margin: 0;*!*/
/*!*    padding: 0;*!*/
/*!*    box-sizing: border-box;*!*/
/*!*    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*!*/
/*!*}*!*/

/*!*body {*!*/
/*!*    background-color: var(--dark-bg);*!*/
/*!*    color: var(--light-text);*!*/
/*!*    line-height: 1.6;*!*/
/*!*}*!*/

/*!*.container {*!*/
/*!*    width: 90%;*!*/
/*!*    max-width: 1200px;*!*/
/*!*    margin: 0 auto;*!*/
/*!*}*!*/

/*!* Общие стили страницы *!*/
/*.tournaments-page {*/
/*    padding: 2rem 0;*/
/*}*/

/*.page-header {*/
/*    text-align: center;*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.page-header h1 {*/
/*    font-size: 2.5rem;*/
/*    margin-bottom: 0.5rem;*/
/*    background: linear-gradient(45deg, var(--primary-color), var(--primary-light));*/
/*    -webkit-background-clip: text;*/
/*    background-clip: text;*/
/*    color: transparent;*/
/*}*/

/*!* Фильтры *!*/
/*.tournament-filters {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 1rem;*/
/*    margin-bottom: 2rem;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.filter-btn {*/
/*    padding: 0.5rem 1.25rem;*/
/*    background: var(--card-bg);*/
/*    border: none;*/
/*    color: var(--light-text);*/
/*    border-radius: 1.25rem;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.filter-btn.active,*/
/*.filter-btn:hover {*/
/*    background: var(--primary-color);*/
/*    box-shadow: 0 0 10px var(--primary-light);*/
/*}*/

/*!* Карточки турниров *!*/
/*.tournaments-grid {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
/*    gap: 1.5rem;*/
/*    margin-bottom: 2rem;*/
/*}*/

/*.tournament-card {*/
/*    background: var(--card-bg);*/
/*    border-radius: 0.5rem;*/
/*    overflow: hidden;*/
/*    transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*}*/

/*.tournament-card:hover {*/
/*    transform: translateY(-0.5rem);*/
/*    box-shadow: 0 0.5rem 1.5rem rgba(110, 0, 255, 0.3);*/
/*}*/

/*.tournament-info {*/
/*    padding: 1.5rem;*/
/*}*/

/*.tournament-title {*/
/*    font-size: 1.25rem;*/
/*    margin-bottom: 1rem;*/
/*}*/

/*.tournament-meta {*/
/*    display: flex;*/
/*    gap: 1rem;*/
/*    margin-bottom: 1rem;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.meta-item {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 0.5rem;*/
/*    color: var(--dark-text);*/
/*}*/

/*.meta-item img {*/
/*    width: 1.5rem;*/
/*    height: 1.5rem;*/
/*    border-radius: 50%;*/
/*    object-fit: cover;*/
/*}*/

/*.tournament-details {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
/*    gap: 1rem;*/
/*    margin-bottom: 1.5rem;*/
/*}*/

/*.detail-item {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 0.25rem;*/
/*}*/

/*!* Кнопки *!*/
/*.btn-view {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 0.75rem;*/
/*    background: var(--primary-color);*/
/*    color: white;*/
/*    border: none;*/
/*    border-radius: 0.25rem;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.btn-view:hover {*/
/*    background: var(--primary-dark);*/
/*}*/

/*!* Админ-кнопка *!*/
/*.admin-actions {*/
/*    margin: 2rem 0;*/
/*    text-align: center;*/
/*}*/

/*.btn-create {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 0.5rem;*/
/*    padding: 0.75rem 1.5rem;*/
/*    background: var(--primary-color);*/
/*    color: white;*/
/*    border-radius: 0.25rem;*/
/*    text-decoration: none;*/
/*    transition: all 0.3s ease;*/
/*}*/

/*.btn-create:hover {*/
/*    background: var(--primary-dark);*/
/*}*/

/*!* Адаптивность *!*/
/*@media (max-width: 768px) {*/
/*    .tournaments-grid {*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .page-header h1 {*/
/*        font-size: 2rem;*/
/*    }*/
/*}*/
/*!* Стили для модального окна *!*/
/*.modal-content.bg-dark {*/
/*    background-color: var(--card-bg) !important;*/
/*}*/

/*.bg-primary-gradient {*/
/*    background: linear-gradient(135deg, var(--primary-color), var(--primary-light)) !important;*/
/*}*/

/*.bg-dark-gradient {*/
/*    background: linear-gradient(to right, var(--darker-bg), var(--dark-bg)) !important;*/
/*}*/

/*.btn-primary-gradient {*/
/*    background: linear-gradient(135deg, var(--primary-color), var(--accent-color));*/
/*    border: none;*/
/*    color: white;*/
/*    transition: all 0.3s;*/
/*}*/

/*.btn-primary-gradient:hover {*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 5px 15px rgba(110, 0, 255, 0.4);*/
/*}*/

/*.text-purple {*/
/*    color: var(--primary-light);*/
/*}*/

/*!* Стили для табов *!*/
/*.nav-pills .nav-link.active {*/
/*    background-color: var(--primary-color) !important;*/
/*    color: white !important;*/
/*}*/

/*.nav-pills .nav-link {*/
/*    color: var(--dark-text);*/
/*    transition: all 0.3s;*/
/*}*/

/*!* Стили для полей ввода *!*/
/*.form-control.bg-dark,*/
/*.form-select.bg-dark {*/
/*    background-color: rgba(0, 0, 0, 0.3) !important;*/
/*    border-color: var(--primary-dark) !important;*/
/*    color: white !important;*/
/*    transition: border-color 0.3s;*/
/*}*/

/*.form-control.bg-dark:focus,*/
/*.form-select.bg-dark:focus {*/
/*    border-color: var(--primary-color) !important;*/
/*    box-shadow: 0 0 0 0.25rem rgba(110, 0, 255, 0.25);*/
/*}*/

/*!* Анимация при открытии модального окна *!*/
/*.modal.fade .modal-dialog {*/
/*    transform: translateY(-50px);*/
/*    transition: transform 0.3s ease-out;*/
/*}*/

/*.modal.show .modal-dialog {*/
/*    transform: translateY(0);*/
/*}*/
/*!* Добавьте в tournaments.css *!*/
/*.modal-content.bg-dark {*/
/*    background-color: #1a1a2e !important;*/
/*}*/

/*.bg-primary-gradient {*/
/*    background: linear-gradient(135deg, #6e00ff, #9d4edd) !important;*/
/*}*/

/*.bg-dark-gradient {*/
/*    background: linear-gradient(to right, #0a0a12, #0f0f1a) !important;*/
/*}*/

/*.text-purple {*/
/*    color: #9d4edd;*/
/*}*/

/*.border-primary {*/
/*    border-color: #6e00ff !important;*/
/*}*/

/*.border-secondary {*/
/*    border-color: #4b0082 !important;*/
/*}*/
/*!* Модальное окно с повышенной специфичностью *!*/
/*#createTournamentModal .modal-content {*/
/*    background-color: var(--card-bg) !important;*/
/*    color: white !important;*/
/*    border: 1px solid var(--primary-color) !important;*/
/*}*/

/*!* Стили для вкладок внутри модального окна *!*/
/*#createTournamentModal .nav-tabs {*/
/*    border-bottom: 1px solid var(--primary-dark);*/
/*}*/

/*#createTournamentModal .nav-link {*/
/*    color: var(--dark-text);*/
/*}*/

/*#createTournamentModal .nav-link.active {*/
/*    color: var(--accent-color);*/
/*    border-color: var(--primary-dark) var(--primary-dark) var(--card-bg);*/
/*}*/

/*!* Поля формы в модальном окне *!*/
/*#createTournamentModal .form-control,*/
/*#createTournamentModal .form-select {*/
/*    background-color: rgba(0, 0, 0, 0.3) !important;*/
/*    border-color: var(--primary-dark) !important;*/
/*    color: white !important;*/
/*}*/

/*!* Возможно анимации не только для турниров*!*/

/*!* Стили для страницы турниров *!*/
/*.tournaments-page {*/
/*    padding: 80px 0 50px;*/
/*}*/

/*.page-header {*/
/*    text-align: center;*/
/*    margin-bottom: 3rem;*/
/*}*/

/*.page-header h1 {*/
/*    font-size: 2.5rem;*/
/*    margin-bottom: 1rem;*/
/*    background: linear-gradient(45deg, var(--primary-color), var(--primary-light));*/
/*    -webkit-background-clip: text;*/
/*    background-clip: text;*/
/*    color: transparent;*/
/*}*/

/*.page-header p {*/
/*    color: var(--dark-text);*/
/*    max-width: 700px;*/
/*    margin: 0 auto;*/
/*}*/

/*!* Фильтры турниров *!*/
/*.tournament-filters {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 15px;*/
/*    margin-bottom: 2rem;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.filter-btn {*/
/*    padding: 8px 20px;*/
/*    background: var(--card-bg);*/
/*    border: none;*/
/*    color: var(--light-text);*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*    border-radius: 20px;*/
/*    font-weight: 500;*/
/*}*/

/*.filter-btn.active {*/
/*    background: var(--primary-color);*/
/*    box-shadow: 0 0 10px var(--primary-light);*/
/*}*/

/*.filter-btn:hover:not(.active) {*/
/*    background: var(--card-hover);*/
/*}*/

/*!* Список турниров *!*/
/*.tournaments-grid {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));*/
/*    gap: 2rem;*/
/*}*/

/*.tournament-card {*/
/*    background: var(--card-bg);*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    transition: all 0.3s ease;*/
/*    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);*/
/*    position: relative;*/
/*}*/

/*.tournament-card:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 10px 25px rgba(110, 0, 255, 0.3);*/
/*}*/

/*.tournament-banner {*/
/*    height: 180px;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    position: relative;*/
/*}*/

/*.tournament-status {*/
/*    position: absolute;*/
/*    top: 15px;*/
/*    right: 15px;*/
/*    padding: 5px 15px;*/
/*    border-radius: 20px;*/
/*    font-weight: 600;*/
/*    font-size: 0.8rem;*/
/*}*/

/*.status-live {*/
/*    background: #ff0000;*/
/*    color: white;*/
/*    animation: pulse 1.5s infinite;*/
/*}*/

/*.status-upcoming {*/
/*    background: var(--accent-color);*/
/*    color: var(--dark-bg);*/
/*}*/

/*.status-finished {*/
/*    background: #555;*/
/*    color: white;*/
/*}*/

/*.tournament-info {*/
/*    padding: 1.5rem;*/
/*}*/

/*.tournament-title {*/
/*    font-size: 1.4rem;*/
/*    margin-bottom: 0.5rem;*/
/*    color: var(--light-text);*/
/*}*/

/*.tournament-game {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-bottom: 1rem;*/
/*    color: var(--dark-text);*/
/*}*/

/*.tournament-game img {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    border-radius: 50%;*/
/*    margin-right: 10px;*/
/*    object-fit: cover;*/
/*}*/

/*.tournament-details {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    margin-bottom: 1.5rem;*/
/*}*/

/*.detail-item {*/
/*    text-align: center;*/
/*}*/

/*.detail-label {*/
/*    font-size: 0.8rem;*/
/*    color: var(--dark-text);*/
/*    margin-bottom: 5px;*/
/*}*/

/*.detail-value {*/
/*    font-weight: 600;*/
/*    color: var(--light-text);*/
/*}*/

/*.prize-pool {*/
/*    background: rgba(0, 255, 204, 0.1);*/
/*    padding: 10px;*/
/*    border-radius: 5px;*/
/*    text-align: center;*/
/*    margin-bottom: 1.5rem;*/
/*}*/

/*.prize-label {*/
/*    font-size: 0.8rem;*/
/*    color: var(--accent-color);*/
/*}*/

/*.prize-amount {*/
/*    font-size: 1.4rem;*/
/*    font-weight: 700;*/
/*    color: var(--accent-color);*/
/*}*/

/*.btn-view {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 12px;*/
/*    background: var(--primary-color);*/
/*    color: white;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    font-weight: 600;*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*}*/

/*.btn-view:hover {*/
/*    background: var(--primary-dark);*/
/*    box-shadow: 0 0 15px var(--primary-light);*/
/*}*/

/*!* Анимации *!*/
/*@keyframes pulse {*/
/*    0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }*/
/*    70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }*/
/*    100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }*/
/*}*/

/*!* Адаптивность *!*/
/*@media (max-width: 768px) {*/
/*    .tournaments-grid {*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .page-header h1 {*/
/*        font-size: 2rem;*/
/*    }*/
/*}*/
/*            !* Общие стили страницы *!*/
/*            .tournaments-page {*/
/*                padding: 80px 0 50px;*/
/*            }*/
/*            */
/*            .page-header {*/
/*                text-align: center;*/
/*                margin-bottom: 3rem;*/
/*            }*/
/*            */
/*            .page-header h1 {*/
/*                font-size: 2.5rem;*/
/*                margin-bottom: 1rem;*/
/*                background: linear-gradient(45deg, var(--primary-color), var(--primary-light));*/
/*                -webkit-background-clip: text;*/
/*                background-clip: text;*/
/*                color: transparent;*/
/*            }*/
/*            */
/*            .page-header p {*/
/*                color: var(--dark-text);*/
/*                max-width: 700px;*/
/*                margin: 0 auto;*/
/*            }*/
/*            */
/*            !* Фильтры турниров *!*/
/*            .tournament-filters {*/
/*                display: flex;*/
/*                justify-content: center;*/
/*                gap: 15px;*/
/*                margin-bottom: 2rem;*/
/*                flex-wrap: wrap;*/
/*            }*/
/*            */
/*            .filter-btn {*/
/*                padding: 8px 20px;*/
/*                background: var(--card-bg);*/
/*                border: none;*/
/*                color: var(--light-text);*/
/*                cursor: pointer;*/
/*                transition: all 0.3s ease;*/
/*                border-radius: 20px;*/
/*                font-weight: 500;*/
/*            }*/
/*            */
/*            .filter-btn.active {*/
/*                background: var(--primary-color);*/
/*                box-shadow: 0 0 10px var(--primary-light);*/
/*            }*/
/*            */
/*            .filter-btn:hover:not(.active) {*/
/*                background: var(--card-hover);*/
/*            }*/
/*            */
/*            !* Список турниров *!*/
/*            .tournaments-grid {*/
/*                display: grid;*/
/*                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));*/
/*                gap: 2rem;*/
/*                margin-bottom: 2rem;*/
/*            }*/
/*            */
/*            .tournament-card {*/
/*                background: var(--card-bg);*/
/*                border-radius: 10px;*/
/*                overflow: hidden;*/
/*                transition: all 0.3s ease;*/
/*                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);*/
/*            }*/
/*            */
/*            .tournament-card:hover {*/
/*                transform: translateY(-5px);*/
/*                box-shadow: 0 10px 25px rgba(110, 0, 255, 0.3);*/
/*            }*/
/*            */
/*            .tournament-info {*/
/*                padding: 1.5rem;*/
/*            }*/
/*            */
/*            .tournament-title {*/
/*                font-size: 1.4rem;*/
/*                margin-bottom: 0.5rem;*/
/*                color: var(--light-text);*/
/*            }*/
/*            */
/*            .tournament-meta {*/
/*                display: flex;*/
/*                gap: 1rem;*/
/*                margin-bottom: 1rem;*/
/*                flex-wrap: wrap;*/
/*            }*/
/*            */
/*            .meta-item {*/
/*                display: flex;*/
/*                align-items: center;*/
/*                gap: 0.5rem;*/
/*                color: var(--dark-text);*/
/*            }*/
/*            */
/*            .meta-item img {*/
/*                width: 30px;*/
/*                height: 30px;*/
/*                border-radius: 50%;*/
/*                object-fit: cover;*/
/*            }*/
/*            */
/*            .tournament-details {*/
/*                display: grid;*/
/*                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
/*                gap: 1rem;*/
/*                margin-bottom: 1.5rem;*/
/*            }*/
/*            */
/*            .detail-item {*/
/*                display: flex;*/
/*                flex-direction: column;*/
/*                gap: 0.25rem;*/
/*            }*/
/*            */
/*            !* Кнопки *!*/
/*            .btn-view {*/
/*                display: block;*/
/*                width: 100%;*/
/*                padding: 12px;*/
/*                background: var(--primary-color);*/
/*                color: white;*/
/*                border: none;*/
/*                border-radius: 5px;*/
/*                font-weight: 600;*/
/*                cursor: pointer;*/
/*                transition: all 0.3s ease;*/
/*                text-align: center;*/
/*                text-decoration: none;*/
/*            }*/
/*            */
/*            .btn-view:hover {*/
/*                background: var(--primary-dark);*/
/*                box-shadow: 0 0 15px var(--primary-light);*/
/*            }*/
/*            */
/*            !* Админ-кнопка *!*/
/*            .admin-actions {*/
/*                margin: 2rem 0;*/
/*                text-align: center;*/
/*            }*/
/*            */
/*            .btn-create {*/
/*                display: inline-flex !important;*/
/*                align-items: center !important;*/
/*                gap: 0.5rem !important;*/
/*                padding: 0.75rem 1.5rem !important;*/
/*                background: linear-gradient(135deg, var(--primary-color), var(--primary-light)) !important;*/
/*                color: white !important;*/
/*                border: none !important;*/
/*                border-radius: 50px !important;*/
/*                text-decoration: none !important;*/
/*                transition: all 0.3s ease !important;*/
/*                font-weight: 600 !important;*/
/*                box-shadow: 0 4px 15px rgba(110, 0, 255, 0.3) !important;*/
/*                position: relative !important;*/
/*                overflow: hidden !important;*/
/*            }*/
/*            */
/*            .btn-create::before {*/
/*                content: '';*/
/*                position: absolute;*/
/*                top: 0;*/
/*                left: -100%;*/
/*                width: 100%;*/
/*                height: 100%;*/
/*                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);*/
/*                transition: 0.5s;*/
/*            }*/
/*            */
/*            .btn-create:hover {*/
/*                transform: translateY(-2px) !important;*/
/*                box-shadow: 0 6px 20px rgba(110, 0, 255, 0.4) !important;*/
/*            }*/
/*            */
/*            .btn-create:hover::before {*/
/*                left: 100%;*/
/*            }*/
/*            */
/*            .btn-create i {*/
/*                font-size: 1.1rem !important;*/
/*            }*/
/*            */
/*            !* Модальное окно *!*/
/*            #createTournamentModal .modal-content {*/
/*                background-color: var(--card-bg) !important;*/
/*                color: white !important;*/
/*                border: 1px solid var(--primary-color) !important;*/
/*            }*/
/*            */
/*            #createTournamentModal .nav-tabs {*/
/*                border-bottom: 1px solid var(--primary-dark);*/
/*            }*/
/*            */
/*            #createTournamentModal .nav-link {*/
/*                color: var(--dark-text);*/
/*            }*/
/*            */
/*            #createTournamentModal .nav-link.active {*/
/*                color: var(--accent-color);*/
/*                border-color: var(--primary-dark) var(--primary-dark) var(--card-bg);*/
/*            }*/
/*            */
/*            #createTournamentModal .form-control,*/
/*            #createTournamentModal .form-select {*/
/*                background-color: rgba(0, 0, 0, 0.3) !important;*/
/*                border-color: var(--primary-dark) !important;*/
/*                color: white !important;*/
/*            }*/
/*            */
/*            #createTournamentModal .form-control:focus,*/
/*            #createTournamentModal .form-select:focus {*/
/*                border-color: var(--primary-color) !important;*/
/*                box-shadow: 0 0 0 0.25rem rgba(110, 0, 255, 0.25);*/
/*            }*/
/*            */
/*            !* Стили для модального окна *!*/
/*            #createTournamentModal .modal-content {*/
/*                background-color: var(--darker-bg) !important;*/
/*                border: 1px solid var(--primary-color) !important;*/
/*                border-radius: 10px !important;*/
/*            }*/
/*            */
/*            #createTournamentModal .modal-header {*/
/*                border-bottom: 1px solid var(--primary-dark) !important;*/
/*            }*/
/*            */
/*            #createTournamentModal .modal-footer {*/
/*                border-top: 1px solid var(--primary-dark) !important;*/
/*            }*/
/*            */
/*            #createTournamentModal .btn-close {*/
/*                filter: invert(1) !important;*/
/*            }*/
/*            */
/*            !* Фикс для затемнения фона *!*/
/*            .modal-backdrop {*/
/*                opacity: 0.8 !important;*/
/*                background-color: #000 !important;*/
/*            }*/
/*            */
/*            !* Анимации *!*/
/*            @keyframes pulse {*/
/*                0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }*/
/*                70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }*/
/*                100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }*/
/*            }*/
/*            */
/*            !* Адаптивность *!*/
/*            @media (max-width: 768px) {*/
/*                .tournaments-grid {*/
/*                    grid-template-columns: 1fr;*/
/*                }*/
/*            */
/*                .page-header h1 {*/
/*                    font-size: 2rem;*/
/*                }*/
/*            }*/
/* tournaments.css - полная версия без Bootstrap */

/* Основные стили */
.tournaments-page {
    padding: 80px 0 50px;
    min-height: 100vh;
    background-color: var(--dark-bg);
    color: var(--light-text);
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Шапка страницы */
.page-header {
    text-align: center;

    padding: 2rem 0;
}

.page-header h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(45deg, var(--primary-color), var(--primary-light));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 1.2;
}

.page-header p {
    color: var(--dark-text);
    max-width: 700px;
    margin: 0 auto;
    font-size: 1.1rem;
}

/* Фильтры */
.tournament-filters {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 8px 20px;
    background: var(--card-bg);
    border: none;
    color: var(--light-text);
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 20px;
    font-weight: 500;
    font-size: 1rem;
}

.filter-btn.active {
    background: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(110, 0, 255, 0.2);
}

.filter-btn:hover:not(.active) {
    background: var(--card-hover);
}

/* Кнопка создания турнира */
.admin-actions {
    margin: 2rem 0;
    text-align: center;
}

.btn-create {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    color: white;
    border: none;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(110, 0, 255, 0.3);
    font-size: 1rem;
}

.btn-create:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(110, 0, 255, 0.4);
}

/* Сетка турниров */
.tournaments-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.tournament-card {
    background: var(--card-bg);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(110, 0, 255, 0.1);
    position: relative;
}

.tournament-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(110, 0, 255, 0.3);
    border-color: rgba(110, 0, 255, 0.3);
}

/* Баннер турнира */
.tournament-banner {
    height: 120px;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: var(--primary-color);
    opacity: 0.8;
}

/* Статус турнира */
.tournament-status {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
}

.status-upcoming {
    /*background-color: #2ed573;*/
    background: var(--accent-color);
    color: var(--dark-bg);
}

.status-registration {
    background: var(--primary-color);
    color: white;
}

.status-live {
    background: #ff0000;
    color: white;
    animation: pulse 1.5s infinite;
}

.status-completed {
    background: #555;
    color: white;
}

.tournament-info {
    margin-top: 2rem;
    padding: 1.5rem;
}

.tournament-title {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    color: var(--light-text);
    font-weight: 600;
}

.tournament-game {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--dark-text);
    font-size: 0.9rem;
}

.tournament-game img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

/* Детали в 3 колонки */
.tournament-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
    text-align: center;
}

.detail-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.detail-item i {
    color: var(--primary-color);
    font-size: 1.2rem;
}

/* Красивое оформление даты */
.date-range {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.date-range span {
    white-space: nowrap;
    display: inline-block;
    text-align: center;
}

/* Призовой фонд */
.prize-pool {
    background: rgba(0, 255, 204, 0.1);
    border-radius: 5px;
    padding: 0.8rem;
    margin: 1rem 0;
    text-align: center;
}

.prize-label {
    font-size: 0.8rem;
    color: var(--accent-color);
    margin-bottom: 0.3rem;
}

.prize-amount {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--accent-color);
}

/* Кнопка */
.btn-view {
    display: block;
    text-align: center;
    background: var(--primary-color);
    color: white;
    padding: 0.8rem;
    border-radius: 5px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-view:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(110, 0, 255, 0.3);
}

/* Модальное окно (замена Bootstrap modal) */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.modal-container {
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    background-color: var(--darker-bg);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(110, 0, 255, 0.3);
    transform: translateY(20px);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.modal-overlay.active .modal-container {
    transform: translateY(0);
}

.modal-header {
    padding: 1.5rem;
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-close {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
}

.modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    max-height: 60vh;
    flex: 1;
}

.modal-footer {
    padding: 1rem 1.5rem;
    background-color: var(--card-bg);
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    border-top: 1px solid var(--primary-dark);
}

/* Табы в модальном окне */
.tabs-header {
    position: relative;
    margin-bottom: 2rem;
}

.modal-tabs {
    display: flex;
    gap: 0;
    background: transparent;
    border-radius: 12px;
    overflow: visible;
}

.modal-tab {
    flex: 1;
    padding: 14px 20px;
    background: var(--card-bg);
    border: none;
    color: var(--dark-text);
    cursor: pointer;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    border-radius: 8px 8px 0 0;
    margin-right: 4px;
    opacity: 0.7;
}

.modal-tab:last-child {
    margin-right: 0;
}

.modal-tab.active {
    background: var(--darker-bg);
    color: var(--primary-color);
    opacity: 1;
    transform: translateY(-2px);
}

.modal-tab i {
    font-size: 1.1em;
    transition: all 0.3s ease;
}

.modal-tab.active i {
    color: var(--primary-light);
}

/* Стили для неактивных вкладок */
.modal-tab:not(.active) {
    background: var(--card-bg);
    color: var(--dark-text);
    opacity: 0.8;
}

.modal-tab:not(.active):hover {
    opacity: 1;
    background: var(--card-hover);
}

/* Анимация подчеркивания при загрузке возможно убрать*/
.modal-overlay.active .tab-underline {
    animation: underlineSlide 0.5s ease forwards;
}


.tab-underline {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 4px;
    width: 178px; /* Начальная ширина */
    background: linear-gradient(90deg, var(--primary-color), var(--primary-light));
    transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
    border-radius: 4px;
    z-index: 2;
}

.tab-content {
    display: none;
    animation: fadeIn 0.3s ease;
}

.tab-content.active {
    display: block;
}

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

/* Форма */
.form-group {
    margin-bottom: 1.2rem;
}

.form-label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--light-text);
    font-weight: 500;
}

.form-control {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--primary-dark);
    border-radius: 6px;
    color: var(--light-text);
    font-size: 1rem;
    transition: all 0.3s ease;
    background-color: rgba(0, 0, 0, 0.2);
}

.form-control:focus {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(110, 0, 255, 0.2);
}

.form-hint {
    display: block;
    margin-top: 0.3rem;
    font-size: 0.8rem;
    color: var(--dark-text);
}

.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239d4edd'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.5rem;
}

/* Стили для формы и рядов */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-row .form-group {
    flex: 1;
}

/* Кнопки */
.btn {
    padding: 0.75rem 1.5rem;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    border: none;
}

.btn:active {
    transform: translateY(1px);
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
    color: white;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
    box-shadow: 0 0 15px var(--primary-light);
}

.btn-outline {
    background: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-outline:hover {
    background: rgba(110, 0, 255, 0.1);
    transform: translateY(-1px);
}

.btn-outline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: 0.5s;
}

.btn-outline:hover::before {
    left: 100%;
}

/* Календарик для выбора даты */
input[type="datetime-local"] {
    position: relative;
    padding-right: 10px;
    background: var(--card-bg);
    border: 1px solid var(--primary-dark);
    border-radius: 6px;
    color: var(--light-text);
    transition: all 0.3s ease;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239d4edd'%3e%3cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V9h14v10zM5 7V5h14v2H5zm2 4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 4h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px;
}

input[type="datetime-local"]:hover {
    background-color: rgba(0, 0, 0, 0.25);
}

input[type="datetime-local"]:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(110, 0, 255, 0.2);
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    opacity: 0; /* Скрываем стандартный индикатор */
}

/*input[type="datetime-local"]:hover::-webkit-calendar-picker-indicator,*/
/*input[type="datetime-local"]:focus::-webkit-calendar-picker-indicator {*/
/*    opacity: 1;*/
/*}*/

/* Стили для выпадающих списков */
select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239d4edd'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

select.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(110, 0, 255, 0.2);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236e00ff'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
}

/* Запрет изменения размера текстовых полей */
textarea.form-control {
    resize: none;
    min-height: 120px;
    line-height: 1.5;
    padding: 12px;
}

/* Стили для опций в выпадающем списке */
select.form-control option {
    background: var(--darker-bg);
    color: var(--light-text);
    padding: 10px;
}

/* Стили для поля призового фонда */
.prize-field {
    position: relative;
}

.prize-field::after {
    content: '₽';
    position: absolute;
    right: 35px;
    top: 70%;
    transform: translateY(-50%);
    font-size: 16px;
    color: var(--primary-light);
    font-weight: bold;
    pointer-events: none;
    z-index: 2;
    line-height: 1;
}

/* Адаптивность */
@media (max-width: 480px) {
    .date-range {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
    }
}

@media (max-width: 768px) {
    .tournaments-grid {
        grid-template-columns: 1fr;
    }

    .page-header h1 {
        font-size: 2rem;
    }

    .modal-container {
        width: 95%;
    }

    .modal-tabs {
        flex-direction: column;
        gap: 4px;
    }

    .modal-tab {
        border-radius: 8px;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .modal-tab.active {
        transform: none;
    }

    .tab-underline {
        display: none;
    }
}