@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Exo+2:wght@300;400;500;600&display=swap');

/* ══════════════════════════════════════
   ПЕРЕМЕННЫЕ
══════════════════════════════════════ */
.dark {
    --color-second:       #0d0a05 !important;
    --color-second-light: rgba(0,0,0,0.5) !important;
    --color-second-hover: #1a1408 !important;
    --color-border:       rgba(200,169,110,0.18) !important;
    --dark-100: rgba(200,169,110,0.10);
    --dark-200: #1a1408;
    --dark-300: #151005;
    --dark-400: #110d04;
    --dark-500: #0d0a03;
    --dark-600: #090702;
    --dark-700: #060501;
    --dark-800: #030200;

    --gold:    #f0c060;
    --sand:    #c8a96e;
    --sand-l:  #e2c98a;
    --rust:    #8b3a1a;
    --rust-b:  #c44e20;
}

/* ══════════════════════════════════════
   ШРИФТ
══════════════════════════════════════ */
.dark * { font-family: 'Exo 2', sans-serif !important; }
.dark .menu-inner-text,
.dark .btn,
.dark .btn-style701,
.dark .btn-start,
.dark .divider,
.dark .box-title,
.dark .tippy-box {
    font-family: 'Oswald', sans-serif !important;
}

/* ══════════════════════════════════════
   СКРОЛЛБАР
══════════════════════════════════════ */
* { scrollbar-width: thin; scrollbar-color: #8b3a1a #060402; }
*::-webkit-scrollbar       { width: 6px; height: 6px; }
*::-webkit-scrollbar-track { background: #060402; border-left: 1px solid rgba(200,169,110,.05); }
*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(196,78,32,.65) 0%, rgba(200,169,110,.75) 50%, rgba(196,78,32,.65) 100%);
    border-radius: 3px;
    border: 1px solid rgba(200,169,110,.12);
}
*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #c44e20 0%, #f0c060 50%, #c44e20 100%);
    border-color: rgba(200,169,110,.35);
}
*::-webkit-scrollbar-corner { background: #060402; }

/* ══════════════════════════════════════
   ФОН
══════════════════════════════════════ */
.dark body {
    background-color: #0a0a0a !important;
    border-color: var(--color-border) !important;
}

.dark .layout-wrapper,
.dark\:bg-gray-800:is(.dark *),
.offcanvas:is(.dark *) {
    background-image: url("images/bg/blur_3px.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-color: #0a0a0a !important;
    border-color: var(--color-border) !important;
}
@media (min-width: 1024px) {
    .dark .menu-heading-logo {
        justify-content: center;
        display: flex;
        margin: 10px 0;
    }
}
/* ── Layout page ── */
.dark .layout-page {
    background: rgba(8,6,2,0.85) !important;
    border-radius: var(--border-radius);
    border: 1px solid rgba(200,169,110,0.14);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* ══════════════════════════════════════
   БОКОВОЕ МЕНЮ
══════════════════════════════════════ */
.dark .layout-menu { padding-top: 0; }

.dark .layout-menu .menu-inner-link,
.dark .layout-menu .menu-inner-button {
    height: 44px !important;
    padding: 0 16px 0 18px !important;
    border-radius: 3px !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(200,169,110,.75) !important;
    background: linear-gradient(180deg, #1c1609, #110d05) !important;
    border: 1px solid rgba(200,169,110,.12) !important;
    box-shadow:
            inset 0 0 8px rgba(0,0,0,.5),
            0 0 0 1px rgba(0,0,0,.2) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all .25s ease !important;
}

/* левая золотая полоска */
.dark .layout-menu .menu-inner-link::before,
.dark .layout-menu .menu-inner-button::before {
    content: '' !important;
    position: absolute !important;
    left: 0; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, #8b3a1a, #c44e20, #8b3a1a) !important;
    opacity: .30;
    transition: all .25s ease;
}

/* hover shimmer */
.dark .layout-menu .menu-inner-link::after,
.dark .layout-menu .menu-inner-button::after {
    content: '' !important;
    position: absolute !important;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(200,169,110,.08), transparent);
    opacity: 0;
    transition: opacity .25s;
}

.dark .layout-menu .menu-inner-link .w-6,
.dark .layout-menu .menu-inner-button .w-6 {
    color: rgba(196,78,32,.70) !important;
    transition: all .25s ease !important;
}

/* hover */
.dark .layout-menu .menu-inner-link:hover,
.dark .layout-menu .menu-inner-button:hover {
    color: rgba(240,221,176,.85) !important;
    border-color: rgba(200,169,110,.18) !important;
    background: linear-gradient(180deg, #12100a, #0b0906) !important;
    box-shadow:
            inset 0 0 12px rgba(200,169,110,.05),
            0 0 6px rgba(200,169,110,.08) !important;
}

.dark .layout-menu .menu-inner-link:hover::before,
.dark .layout-menu .menu-inner-button:hover::before { opacity: .75; }

.dark .layout-menu .menu-inner-link:hover::after,
.dark .layout-menu .menu-inner-button:hover::after  { opacity: 1; }

.dark .layout-menu .menu-inner-link:hover .w-6,
.dark .layout-menu .menu-inner-button:hover .w-6 {
    color: #c44e20 !important;
    transform: scale(1.1);
}

/* active */
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button {
    color: #f0ddb0 !important;
    background: linear-gradient(180deg, #1a1206, #0e0904) !important;
    border-color: rgba(200,169,110,.16) !important;
    box-shadow:
            inset 0 0 16px rgba(196,78,32,.08),
            0 0 10px rgba(200,169,110,.12) !important;
    position: relative !important;
}

/* активная полоска — золотой градиент */
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link::before,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button::before {
    content: '' !important;
    position: absolute !important;
    left: -1px; top: -1px; bottom: -1px;
    width: 4px;
    background: linear-gradient(
            180deg,
            rgba(139,58,26,0)  0%,
            rgba(196,78,32,.9) 40%,
            rgba(200,169,110,1) 50%,
            rgba(196,78,32,.9) 60%,
            rgba(139,58,26,0)  100%
    ) !important;
    box-shadow:
            0 0 6px rgba(200,169,110,.5),
            0 0 14px rgba(196,78,32,.25) !important;
    border-radius: 2px;
}

.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link::after,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button::after {
    content: '' !important;
    position: absolute !important;
    left: 0; top: 6px; bottom: 6px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255,255,255,.25), transparent);
    opacity: .45;
}

.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link .w-6,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button .w-6 {
    color: #c8a96e !important;
}

/* ── Текст пунктов ── */
.dark .menu-inner-text {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 2.5px !important;
    color: rgba(200,169,110,.82) !important;
}

/* ── Разделитель ── */
.dark .border-t.border-dark-200,
.dark li.border-t {
    border-color: rgba(200,169,110,.07) !important;
    margin: 6px 0 !important;
}
.dark .divider {
    font-family: 'Oswald', sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: rgba(196,78,32,.75) !important;
    padding: 6px 14px 2px !important;
}

/* ── Кнопка свернуть ── */
.dark .menu-bottom .menu-inner-button {
    border-color: rgba(200,169,110,.08) !important;
    color: rgba(200,169,110,.35) !important;
    background: transparent !important;
}
.dark .menu-bottom .menu-inner-button:hover {
    color: #c8a96e !important;
    border-color: rgba(200,169,110,.28) !important;
}
.btn-close div { display: flex !important; }

/* ── Heading ── */
.dark .layout-menu .menu-heading,
.dark .layout-page .layout-navigation {
    border-color: rgba(200,169,110,.08) !important;
}
.dark .menu-heading-logo a img { box-shadow: none !important; width: 100%; height: 100%; }

@media (min-width: 1024px) {
    .dark .menu-heading { padding: 0; }
}

.dark .menu-inner-text { color: rgba(200,169,110,.55); }

.dark .js-form-submit-button-loader { display: none !important; }

/* ══════════════════════════════════════
   PROGRESS BAR
══════════════════════════════════════ */
.dark .progress {
    background: rgba(200,169,110,0.07) !important;
    border-radius: 2px !important;
}
.dark .progress-bar,
.dark .progress-bar--primary {
    background: linear-gradient(90deg, #8b3a1a, #c44e20, #e2c98a) !important;
    border-radius: 2px !important;
    position: relative;
    overflow: hidden;
}
.dark .progress-bar::after {
    content: '';
    position: absolute;
    top: 0; left: -60%; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
    animation: pb-shimmer 2.4s ease infinite;
}
@keyframes pb-shimmer { from { left: -60%; } to { left: 120%; } }

/* ══════════════════════════════════════
   SERVER INFO
══════════════════════════════════════ */
#server-info .status-s,
#server-info [class*="status-s"] {
    background: rgba(6,4,2,0.95) !important;
    border: 1px solid rgba(200,169,110,.14) !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 20px rgba(196,78,32,.04) !important;
    position: relative;
    overflow: hidden;
}
#server-info .status-s::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200,169,110,.4), transparent);
}

/* radial progress */
.dark .radial-progress { --p: var(--value, 0); color: #c44e20 !important; }

/* ══════════════════════════════════════
   КАРТОЧКИ / BOX
══════════════════════════════════════ */
.box:is(.dark *) {
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: 1px solid rgba(200,169,110,.18);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: rgba(16,12,5,0.88) !important;
}

/* золотая линия сверху */
.box:is(.dark *)::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200,169,110,.65), transparent);
    pointer-events: none;
}

/* угловые акценты */
.box:is(.dark *)::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
            linear-gradient(to right,  rgba(196,78,32,.22) 6px, transparent 6px) top left    / 6px 1px no-repeat,
            linear-gradient(to bottom, rgba(196,78,32,.22) 6px, transparent 6px) top left    / 1px 6px no-repeat,
            linear-gradient(to left,   rgba(196,78,32,.22) 6px, transparent 6px) top right   / 6px 1px no-repeat,
            linear-gradient(to bottom, rgba(196,78,32,.22) 6px, transparent 6px) top right   / 1px 6px no-repeat;
    pointer-events: none;
    border-radius: var(--border-radius);
}

.dark .box, .dark .box-donate { background: rgba(18,14,6,0.90) !important; }
:is(.dark .box-donate)        { background: transparent !important; }
.dark .layout-page,
.dark .box-donate,
:is(.dark .bg-ava),
.dark .modal-content {
    background-color: var(--color-second) !important;
}
.dark .box-title { border-color: rgba(200,169,110,.09) !important; }

/* ══════════════════════════════════════
   КНОПКИ
══════════════════════════════════════ */
.dark .btn-style701,
.dark .btn-start,
.dark .btn {
    background: linear-gradient(180deg, #1e1809, #120e05) !important;
    border: 1px solid rgba(200,169,110,.18) !important;
    box-shadow:
            inset 0 0 6px rgba(0,0,0,.5),
            0 0 0 1px rgba(0,0,0,.2) !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    padding: 0 18px !important;
    height: 40px;
    position: relative;
    overflow: hidden;
    transition: all .25s ease !important;
}

/* золотая полоска слева */
.dark .btn-style701::before,
.dark .btn-start::before,
.dark .btn::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(
            180deg,
            rgba(139,58,26,0)  0%,
            rgba(196,78,32,.8) 50%,
            rgba(139,58,26,0)  100%
    );
    opacity: .55;
    transition: all .25s ease;
}

/* hover glow */
.dark .btn-style701::after,
.dark .btn-start::after,
.dark .btn::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(200,169,110,.10), transparent);
    opacity: 0;
    transition: opacity .25s;
}

.dark .btn-style701:hover,
.dark .btn-start:hover,
.dark .btn:hover {
    background: linear-gradient(180deg, #17120a, #0c0905) !important;
    border-color: rgba(200,169,110,.28) !important;
    box-shadow:
            inset 0 0 10px rgba(200,169,110,.06),
            0 0 8px rgba(200,169,110,.10) !important;
}

.dark .btn-style701:hover::before,
.dark .btn-start:hover::before,
.dark .btn:hover::before { width: 3px; opacity: 1; }

.dark .btn-style701:hover::after,
.dark .btn-start:hover::after,
.dark .btn:hover::after   { opacity: 1; }

.dark .btn-style701:active,
.dark .btn-start:active,
.dark .btn:active {
    transform: translateY(1px);
    box-shadow:
            inset 0 0 14px rgba(196,78,32,.10),
            0 0 4px rgba(0,0,0,.5) !important;
}

/* вторичные кнопки */
.dark .btn-close,
.dark .accordion-btn,
.dark .btn-donate,
.dark .floating-button {
    background: linear-gradient(180deg, #0f0c07, #08070300) !important;
    border: 1px solid rgba(200,169,110,.06) !important;
    transition: all .25s ease !important;
}

.dark .btn-close:hover,
.dark .btn-donate:hover,
.dark .floating-button:hover {
    background: linear-gradient(180deg, #14110a, #0b0906) !important;
    border-color: rgba(200,169,110,.22) !important;
    box-shadow:
            inset 0 0 8px rgba(200,169,110,.05),
            0 0 6px rgba(200,169,110,.08);
}

.dark .btn-dashboard { padding: 0 22px !important; }

.dark .accordion-header button,
.dark .btn-pay { background-size: cover !important; }

/* reset */
.dark .btn,
.dark tr,
.dark .table-list thead > tr > td,
.dark .table-list tbody > tr > td,
.btn:is(.dark *),
.form-input:is(.dark *),
.form-textarea:is(.dark *),
.form-select:is(.dark *),
.form-multiselect:is(.dark *),
.form-file-upload:is(.dark *),
.choices[data-type*=select-one] .choices__input,
.alert:is(.dark *),
fieldset:is(.dark *),
.dark .choices { box-shadow: none !important; }

/* ══════════════════════════════════════
   ТАБЛИЦЫ
══════════════════════════════════════ */
.dark .table-list, :is(.dark .bgs-ava:hover), .dark .modal {
    background: rgba(10,7,2,0.65) !important;
}
.dark tr, .dark .table-list thead > tr > td,
.dark .table-list tbody > tr > td,
.btn:is(.dark *), .form-input:is(.dark *), .form-textarea:is(.dark *),
.form-select:is(.dark *), .form-multiselect:is(.dark *), .form-file-upload:is(.dark *),
.choices[data-type*=select-one] .choices__input, .alert:is(.dark *),
fieldset:is(.dark *), .dark .choices {
    border: 1px solid rgba(200,169,110,.14) !important;
}
.dark .table-list tbody > tr:hover > td {
    background: rgba(200,169,110,.03) !important;
}

/* ══════════════════════════════════════
   ФОРМЫ
══════════════════════════════════════ */
input::placeholder { color: rgba(200,169,110,.22) !important; }

.form-group.form-group-expansion .expansion-wrapper:is(.dark *),
.dark .form-switcher-toggler, .dark .accordion-content,
.choices .choices__list--dropdown:is(.dark *),
.choices .choices__list[aria-expanded]:is(.dark *) {
    border-color: rgba(200,169,110,.07) !important;
    background-color: var(--color-second) !important;
}

.form-switcher .peer:checked + .form-switcher-toggler:is(.dark *) {
    background: #1a0e04 !important;
    border-color: rgba(200,169,110,.30) !important;
}

/* ── Модалки ── */
.modal-header:is(.dark *) {
    border-bottom: 1px solid rgba(200,169,110,.08) !important;
}

/* ── Dropdown ── */
.dark .dropdown-content {
    background: #060402 !important;
    border: 1px solid rgba(200,169,110,.10) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.85) !important;
}

/* ── Range slider ── */
.dark .irs--round .irs-bar    { background: rgba(196,78,32,.55) !important; }
.dark .irs--round .irs-handle { border: 4px solid rgba(196,78,32,.50) !important; }

/* ── HR ── */
.dark hr, hr.divider { border: 1px solid rgba(200,169,110,.06) !important; }
.dark .report-card-body hr { background: rgba(200,169,110,.06) !important; }

.dark body, .dark\:bg-gray-800:is(.dark *), .offcanvas:is(.dark *) {
    border-color: rgba(200,169,110,.05) !important;
}

/* ── Breadcrumbs ── */
.dark .p-breadcrumbs > li:last-child a::after,
.dark .p-breadcrumbs > li:last-child a::before { background: var(--dark-400) !important; }
.dark .p-breadcrumbs > li a::after,
.dark .p-breadcrumbs > li a::before            { background: var(--dark-600) !important; }

/* ── Misc ── */
.dark .d34 { background: #0a0804 !important; }
.dark .block-container:not(.block-container--noStripRadius) { background: var(--dark-600); }

/* ── TinyMCE ── */
.dark .tinymce .tox-tinymce:is(.dark *),
.tinymce .tox:not(.tox-tinymce-inline) .tox-editor-header:is(.dark *),
.tinymce .tox .tox-statusbar:is(.dark *) {
    background: var(--dark-600);
    border: 1px solid rgba(200,169,110,.06);
}

/* ── Tippy ── */
.tippy-box {
    background: linear-gradient(145deg, #0e0b06, #080604) !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    border: 1px solid rgba(200,169,110,.16) !important;
    border-radius: 2px !important;
    box-shadow: 0 0 14px rgba(200,169,110,.08) !important;
    text-shadow: none;
    padding: 5px 12px !important;
    backdrop-filter: none !important;
}
.tippy-arrow { width: 14px; height: 14px; }
.tippy-arrow::before {
    background: #0e0b06 !important;
    border: 1px solid rgba(200,169,110,.12);
    transform: scale(1.05);
    filter: none !important;
}

/* ── Layout gap ── */
.dark .layout-wrapper .layout-menu > *:is(.dark *),
.layout-wrapper .layout-menu-horizontal > *:is(.dark *),
.layout-wrapper .layout-menu-mobile > *:is(.dark *) {
    gap: 10px !important;
    margin-top: 10px;
}
.table tbody td:is(.dark *), .table tbody th:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: #38282800!important;;
}
@media (max-width: 1024px) {
    .dark .menu-heading { background: var(--dark-400) !important; }
    .dark ._is-opened   { background: var(--dark-500) !important; }
}

@media (max-width: 1023px) {
    .dark .layout-wrapper .layout-menu > *:is(.dark *),
    .layout-wrapper .layout-menu-horizontal > *:is(.dark *),
    .layout-wrapper .layout-menu-mobile > *:is(.dark *) {
        margin-top: 0;
        box-sizing: border-box;
        border-radius: var(--border-radius);
        border: 1px solid rgba(200,169,110,.05);
    }
    ._is-opened { margin-top: 30px !important; }
}

.dark .menu-inner-link::before,
.dark .menu-inner-button::before { height: 43px; }