:root {
    --tgr-brand-gold: #c9a51b;
    --tgr-brand-gold-rgb: 201, 165, 27;
    --tgr-brand-gold-dark: #9d7d11;
    --tgr-brand-gold-soft: #ead26a;
    --tgr-brand-black: #050505;
    --tgr-brand-black-soft: #0c0d0f;
    --tgr-brand-white: #f8f7f2;
    --tgr-brand-red: #ff4048;
    --tgr-brand-red-rgb: 255, 64, 72;
    --tgr-surface: #0b0c0f;
    --tgr-surface-soft: #101217;
    --tgr-surface-muted: #151820;
    --tgr-border: rgba(255, 255, 255, .08);
    --tgr-border-strong: rgba(var(--tgr-brand-gold-rgb), .22);
    --bs-primary: var(--tgr-brand-gold);
    --bs-primary-rgb: var(--tgr-brand-gold-rgb);
    --bs-link-color: var(--tgr-brand-gold);
    --bs-link-color-rgb: var(--tgr-brand-gold-rgb);
    --bs-link-hover-color: #e0bd35;
    --bs-link-hover-color-rgb: 224, 189, 53;
    --vz-primary: var(--tgr-brand-gold);
    --vz-primary-rgb: var(--tgr-brand-gold-rgb);
    --vz-primary-text-emphasis: var(--tgr-brand-gold-soft);
    --vz-primary-bg-subtle: rgba(var(--tgr-brand-gold-rgb), .16);
    --vz-primary-border-subtle: rgba(var(--tgr-brand-gold-rgb), .38);
    --vz-input-focus-border: rgba(var(--tgr-brand-gold-rgb), .65);
    --vz-link-color: var(--tgr-brand-gold);
    --vz-link-color-rgb: var(--tgr-brand-gold-rgb);
    --vz-link-hover-color: #e0bd35;
    --vz-link-hover-color-rgb: 224, 189, 53;
    --tgr-stat-primary: var(--vz-primary);
    --tgr-stat-secondary: var(--vz-secondary);
    --tgr-stat-success: var(--vz-success);
    --tgr-stat-info: var(--vz-info);
    --tgr-stat-warning: var(--vz-warning);
    --tgr-stat-danger: var(--vz-danger);
    --tgr-soft-surface: rgba(var(--tgr-brand-gold-rgb), .035);
    --tgr-soft-border: rgba(var(--tgr-brand-gold-rgb), .14);
    --tgr-panel-shadow: 0 12px 30px rgba(0, 0, 0, .24);
    --tgr-panel-shadow-sm: 0 8px 20px rgba(0, 0, 0, .18);
}

[data-bs-theme=dark] {
    --vz-body-bg: #050505;
    --vz-secondary-bg: var(--tgr-surface);
    --vz-secondary-bg-rgb: 11, 12, 15;
    --vz-tertiary-bg: var(--tgr-surface-soft);
    --vz-heading-color: var(--tgr-brand-white);
    --vz-body-color: #d7d3c5;
    --vz-border-color: var(--tgr-border);
    --vz-link-color: #e0bd35;
    --vz-link-color-rgb: 224, 189, 53;
    --vz-link-hover-color: #f2d56d;
    --vz-link-hover-color-rgb: 242, 213, 109;
}

body {
    background: var(--vz-body-bg);
}

#layout-wrapper,
.main-content,
.page-content,
.container-fluid {
    background-color: #050505;
}

.main-content,
.page-content {
    min-height: 100vh;
}

.page-content {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .018), transparent 260px),
        #050505;
}

#page-topbar {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .035), rgba(0, 0, 0, 0)),
        #0a0b0d;
    border-bottom: 1px solid rgba(var(--tgr-brand-gold-rgb), .1);
}

.app-menu.navbar-menu,
.navbar-brand-box {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .055), rgba(0, 0, 0, 0) 28%),
        var(--tgr-brand-black);
    border-inline-end: 1px solid rgba(var(--tgr-brand-gold-rgb), .1);
}

.navbar-brand-box .logo img {
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(var(--tgr-brand-gold-rgb), .18));
}

.app-menu .tgr-sidebar-mobile-logo {
    min-height: 70px;
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .055), rgba(0, 0, 0, 0) 28%),
        var(--tgr-brand-black);
    border-bottom: 1px solid rgba(var(--tgr-brand-gold-rgb), .1);
}

.app-menu .tgr-sidebar-mobile-logo img {
    width: auto;
    max-width: 240px;
    height: 100px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(var(--tgr-brand-gold-rgb), .18));
}

.app-menu .tgr-sidebar-mobile-logo .tgr-sidebar-logo-dark {
    display: none;
}

.app-menu .tgr-sidebar-mobile-logo .tgr-sidebar-logo-light {
    display: block;
}

.app-menu #scrollbar {
    height: calc(100dvh - 70px);
    min-height: 0;
}

.app-menu #scrollbar > .simplebar-wrapper,
.app-menu #scrollbar > .simplebar-wrapper > .simplebar-mask,
.app-menu #scrollbar > .simplebar-wrapper > .simplebar-mask > .simplebar-offset {
    height: 100%;
}

.app-menu #scrollbar .simplebar-content-wrapper {
    overscroll-behavior: contain;
}

.app-menu #navbar-nav {
    padding-bottom: 5rem;
}

.app-menu #scrollbar > .simplebar-track.simplebar-vertical {
    width: 12px;
    pointer-events: auto;
    z-index: 6;
}

.app-menu #scrollbar > .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
    left: 3px;
    right: 3px;
    opacity: .65;
}

@media (max-width: 767.98px) {
    .app-menu #scrollbar {
        height: 100dvh;
    }

    .app-menu .tgr-sidebar-mobile-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.navbar-menu .navbar-nav .nav-link {
    color: rgba(248, 247, 242, .78);
}

.navbar-menu .navbar-nav .nav-link:hover,
.navbar-menu .navbar-nav .nav-link.active {
    color: var(--tgr-brand-gold);
    background: rgba(var(--tgr-brand-gold-rgb), .07);
    border-inline-start: 3px solid var(--tgr-brand-gold);
}

.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"][aria-expanded="true"] {
    color: rgba(248, 247, 242, .78) !important;
    background: transparent !important;
    border-inline-start: 0 !important;
}

.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"][aria-expanded="true"]:hover {
    color: var(--tgr-brand-gold);
    background: rgba(var(--tgr-brand-gold-rgb), .05);
}

.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].active,
.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"]:not(.active),
.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].tgr-parent-open {
    border-inline-start: 0 !important;
}

.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].active,
.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].tgr-parent-open,
.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"]:not(:hover) {
    background: transparent !important;
}

.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].active,
.navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].tgr-parent-open {
    color: rgba(248, 247, 242, .78) !important;
}

.navbar-menu .navbar-nav .menu-dropdown .nav-link.active {
    color: var(--tgr-brand-gold) !important;
    background: rgba(var(--tgr-brand-gold-rgb), .07) !important;
    border-inline-start: 3px solid var(--tgr-brand-gold) !important;
}

.navbar-menu .navbar-nav .nav-link i {
    color: inherit;
}

.menu-title span {
    color: rgba(var(--tgr-brand-gold-rgb), .72);
}

.btn-primary {
    --vz-btn-color: #080808;
    --vz-btn-bg: var(--tgr-brand-gold);
    --vz-btn-border-color: var(--tgr-brand-gold);
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: #e0bd35;
    --vz-btn-hover-border-color: #e0bd35;
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: var(--tgr-brand-gold-dark);
    --vz-btn-active-border-color: var(--tgr-brand-gold-dark);
}

.btn-info {
    --vz-btn-color: #080808;
    --vz-btn-bg: #d6b32b;
    --vz-btn-border-color: #d6b32b;
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: #edce54;
    --vz-btn-hover-border-color: #edce54;
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: var(--tgr-brand-gold-dark);
    --vz-btn-active-border-color: var(--tgr-brand-gold-dark);
}

.btn-light {
    --vz-btn-color: var(--tgr-brand-white);
    --vz-btn-bg: rgba(255, 255, 255, .055);
    --vz-btn-border-color: var(--tgr-border);
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: var(--tgr-brand-gold);
    --vz-btn-hover-border-color: var(--tgr-brand-gold);
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: var(--tgr-brand-gold-dark);
    --vz-btn-active-border-color: var(--tgr-brand-gold-dark);
}

.btn-success {
    --vz-btn-color: #080808;
    --vz-btn-bg: #d6b32b;
    --vz-btn-border-color: #d6b32b;
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: #edce54;
    --vz-btn-hover-border-color: #edce54;
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: var(--tgr-brand-gold-dark);
    --vz-btn-active-border-color: var(--tgr-brand-gold-dark);
}

.btn-soft-primary {
    color: var(--tgr-brand-gold);
    background-color: rgba(var(--tgr-brand-gold-rgb), .12);
    border-color: rgba(var(--tgr-brand-gold-rgb), .28);
}

.btn-soft-primary:hover,
.btn-soft-primary:focus {
    color: #080808;
    background-color: var(--tgr-brand-gold);
    border-color: var(--tgr-brand-gold);
}

.btn-soft-secondary,
.btn-soft-info,
.btn-soft-success,
.btn-soft-warning {
    color: var(--tgr-brand-gold);
    background-color: rgba(var(--tgr-brand-gold-rgb), .1);
    border-color: rgba(var(--tgr-brand-gold-rgb), .3);
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-warning:hover,
.btn-soft-warning:focus {
    color: #080808;
    background-color: var(--tgr-brand-gold);
    border-color: var(--tgr-brand-gold);
}

.card {
    border-color: var(--tgr-border);
    box-shadow: var(--tgr-panel-shadow-sm);
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .012), transparent 42%),
        var(--vz-secondary-bg);
}

.card-header {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .018), transparent),
        var(--vz-secondary-bg);
    border-bottom-color: var(--tgr-border);
}

.card-title {
    letter-spacing: .01em;
}

.page-title-box h4 {
    font-weight: 700;
}

.page-title-box h4::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    margin-inline-end: 8px;
    vertical-align: -3px;
    border-radius: 8px;
    background: var(--vz-primary);
    box-shadow: 0 0 14px rgba(var(--tgr-brand-gold-rgb), .35);
}

.form-control,
.form-select,
.choices__inner {
    border-color: var(--tgr-border) !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.form-range:focus,
.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: rgba(var(--vz-primary-rgb), .65) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--vz-primary-rgb), .12) !important;
}

.form-check-input:checked {
    background-color: var(--tgr-brand-gold);
    border-color: var(--tgr-brand-gold);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--tgr-brand-gold);
    border-color: var(--tgr-brand-gold);
}

.form-range::-webkit-slider-thumb {
    background-color: var(--tgr-brand-gold);
}

.form-range::-moz-range-thumb {
    background-color: var(--tgr-brand-gold);
}

.btn-check:checked + .btn,
.btn-check:active + .btn,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    border-color: var(--tgr-brand-gold-dark);
}

.search-box .search-icon {
    color: var(--vz-primary);
}

.choices {
    margin-bottom: 0;
}

.choices__inner {
    min-height: calc(1.5em + 1rem + calc(var(--vz-border-width) * 2));
}

.choices__list--dropdown {
    border-color: var(--tgr-border-strong);
    background-color: var(--tgr-surface-soft);
    color: var(--vz-body-color);
    box-shadow: var(--tgr-panel-shadow);
    z-index: 1095;
}

.choices__list--dropdown .choices__input {
    background-color: var(--tgr-brand-black);
    border-bottom-color: var(--tgr-border);
    color: var(--vz-body-color);
}

.choices__list--dropdown .choices__item {
    color: var(--vz-body-color);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: rgba(var(--vz-primary-rgb), .14);
    color: var(--tgr-brand-white);
}

.choices__list--dropdown .choices__item--selectable.is-selected,
.choices__list--multiple .choices__item {
    background-color: var(--tgr-brand-gold) !important;
    border-color: var(--tgr-brand-gold-dark) !important;
    color: #080808 !important;
}

.choices[data-type*=select-one]::after {
    border-color: var(--vz-body-color) transparent transparent transparent;
}

.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent var(--tgr-brand-gold) transparent;
}

.choices__list--single .choices__item {
    color: var(--vz-body-color);
}

.modal .choices__list--dropdown {
    z-index: 1100;
}

.tgr-select {
    position: relative;
}

.tgr-select-native {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.tgr-select-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: calc(1.5em + 1rem + calc(var(--vz-border-width) * 2));
    color: var(--vz-body-color);
    background-color: var(--vz-secondary-bg);
    border-color: var(--tgr-border) !important;
    text-align: start;
}

.tgr-select-toggle:focus,
.tgr-select.is-open .tgr-select-toggle {
    border-color: rgba(var(--vz-primary-rgb), .65) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--vz-primary-rgb), .12) !important;
}

.tgr-select.is-disabled {
    opacity: .7;
}

.tgr-select-menu {
    position: absolute;
    z-index: 1100;
    top: calc(100% + 4px);
    inset-inline: 0;
    overflow: hidden;
    border: 1px solid var(--tgr-border-strong);
    border-radius: var(--vz-border-radius);
    background-color: var(--tgr-surface-soft);
    box-shadow: var(--tgr-panel-shadow);
}

.tgr-select-options {
    max-height: 280px;
    overflow-y: auto;
    padding: .35rem;
}

.tgr-select-option {
    display: flex;
    align-items: center;
    min-height: 34px;
}

.tgr-select-option:hover,
.tgr-select-option:focus {
    background-color: rgba(var(--tgr-brand-gold-rgb), .12);
}

.tgr-select-option.active,
.tgr-select-option:active {
    background-color: var(--tgr-brand-gold) !important;
    color: #080808 !important;
}

.table-card {
    border: 1px solid var(--tgr-border);
    border-radius: var(--vz-border-radius);
}

.table > :not(caption) > * > * {
    border-bottom-color: var(--tgr-border);
}

.table thead.table-light th,
.table .table-light th {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .045), transparent),
        var(--vz-tertiary-bg);
    color: var(--vz-heading-color);
    font-weight: 700;
}

.table-hover > tbody > tr:hover > * {
    --vz-table-hover-bg: rgba(var(--vz-primary-rgb), .08);
}

.modal-content {
    border: 1px solid var(--tgr-border-strong);
    box-shadow: var(--tgr-panel-shadow);
}

.modal-header {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .045), transparent),
        var(--vz-secondary-bg);
    border-bottom-color: var(--tgr-border);
}

.modal-footer {
    border-top-color: var(--tgr-border);
}

.badge {
    font-weight: 600;
}

.btn {
    box-shadow: none;
}

.tgr-action-busy {
    pointer-events: none;
    opacity: .7;
}

.tgr-pre-wrap {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.btn-soft-primary,
.btn-soft-success,
.btn-soft-info,
.btn-soft-warning,
.btn-soft-danger,
.btn-soft-secondary {
    border: 1px solid currentColor;
}

.dropdown-menu {
    border-color: var(--tgr-border-strong);
    background-color: var(--tgr-surface-soft);
    color: var(--vz-body-color);
    box-shadow: var(--tgr-panel-shadow);
}

.dropdown-item {
    border-radius: var(--vz-border-radius-sm);
    color: var(--vz-body-color);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(var(--vz-primary-rgb), .12);
    color: var(--tgr-brand-white);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--tgr-brand-gold);
    color: #080808;
}

.dropdown-header,
.dropdown-item-text {
    color: var(--vz-secondary-color);
}

.tgr-language-toggle {
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(var(--tgr-brand-gold-rgb), .18);
    background-color: rgba(var(--tgr-brand-gold-rgb), .045);
}

.tgr-language-menu {
    min-width: 180px;
    padding: .35rem;
}

.tgr-topbar-flag,
.tgr-dropdown-flag {
    display: inline-block;
    width: 22px;
    height: 16px;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}

.tgr-dropdown-flag {
    width: 24px;
    height: 18px;
}

.tgr-language-menu .dropdown-item {
    min-height: 38px;
}

.pagination .page-link {
    border-color: var(--tgr-border);
}

.pagination .page-item.active .page-link {
    background-color: var(--vz-primary);
    border-color: var(--vz-primary);
}

.alert {
    border: 1px solid var(--tgr-border);
}

.border-dashed,
.border.rounded-3,
.border.rounded {
    border-color: var(--tgr-border) !important;
}

.avatar-title {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.data-simplebar,
[data-simplebar] {
    scrollbar-color: rgba(var(--vz-primary-rgb), .45) transparent;
}

.tgr-stat-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(var(--tgr-stat-rgb), .3);
    background:
        linear-gradient(135deg, rgba(var(--tgr-stat-rgb), .085), rgba(var(--vz-secondary-bg-rgb), .96) 46%),
        var(--vz-secondary-bg);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
}

.tgr-stat-card .card-body {
    position: relative;
    z-index: 1;
}

.tgr-stat-card::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: rgb(var(--tgr-stat-rgb));
    z-index: 0;
}

.tgr-stat-card .tgr-stat-title {
    color: var(--vz-secondary-color);
    letter-spacing: .02em;
}

.tgr-stat-card .tgr-stat-value {
    color: var(--vz-heading-color);
}

.tgr-stat-card .tgr-stat-icon {
    background: rgb(var(--tgr-stat-rgb));
    color: #080808;
    box-shadow: 0 12px 24px rgba(var(--tgr-stat-rgb), .22);
}

.tgr-stat-success .tgr-stat-icon,
.tgr-stat-info .tgr-stat-icon,
.tgr-stat-danger .tgr-stat-icon {
    color: #fff;
}

.tgr-stat-warning .tgr-stat-icon {
    color: #080808;
}

.tgr-stat-primary {
    --tgr-stat-rgb: var(--vz-primary-rgb);
}

.tgr-stat-secondary {
    --tgr-stat-rgb: var(--vz-secondary-rgb);
}

.tgr-stat-success {
    --tgr-stat-rgb: var(--vz-success-rgb);
}

.tgr-stat-info {
    --tgr-stat-rgb: var(--vz-info-rgb);
}

.tgr-stat-warning {
    --tgr-stat-rgb: var(--vz-warning-rgb);
}

.tgr-stat-danger {
    --tgr-stat-rgb: var(--vz-danger-rgb);
}

.tgr-online-row {
    --vz-table-bg: rgba(var(--vz-success-rgb), .13);
    --vz-table-striped-bg: rgba(var(--vz-success-rgb), .16);
    --vz-table-hover-bg: rgba(var(--vz-success-rgb), .2);
    border-inline-start: 3px solid var(--vz-success);
}

.tgr-badge-online {
    background-color: var(--vz-success) !important;
    color: #fff !important;
}

.badge.bg-danger,
.badge.bg-danger-subtle,
.text-danger {
    --vz-danger-rgb: var(--tgr-brand-red-rgb);
}

.tgr-connection-card .tgr-connection-icon {
    background-color: var(--vz-success);
    color: #fff;
}

.tgr-text-truncate-sm {
    max-width: 220px;
}

.tgr-text-truncate-md {
    max-width: 240px;
}

.tgr-progress-sm {
    width: 90px;
}

.tgr-country-picker {
    max-height: min(420px, 48vh);
    overflow-y: auto;
    padding-inline-end: .25rem;
}

.tgr-country-picker label {
    background-color: rgba(255, 255, 255, .025);
    border-color: var(--tgr-border) !important;
    transition: border-color .15s ease, background-color .15s ease;
}

.tgr-country-picker label:hover {
    background-color: rgba(var(--tgr-brand-gold-rgb), .08);
    border-color: rgba(var(--tgr-brand-gold-rgb), .35) !important;
}

.tgr-country-picker .form-check-input:checked {
    background-color: var(--tgr-brand-gold);
    border-color: var(--tgr-brand-gold);
}

.auth-page-wrapper {
    position: relative;
}

.tgr-login-theme-toggle {
    box-shadow: var(--tgr-panel-shadow-sm);
}

.tgr-login-theme-toggle .btn {
    min-width: 78px;
}

.tgr-login-theme-toggle .btn.active {
    color: #080808;
    background-color: var(--tgr-brand-gold);
    border-color: var(--tgr-brand-gold);
}

[data-bs-theme="dark"] .auth-page-wrapper {
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 6%, rgba(var(--tgr-brand-gold-rgb), .18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(var(--tgr-brand-gold-rgb), .08), transparent 22%),
        linear-gradient(180deg, #050505 0%, #090908 48%, #050505 100%);
}

[data-bs-theme="dark"] .auth-page-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(var(--tgr-brand-gold-rgb), .08), transparent 16%, transparent 84%, rgba(var(--tgr-brand-gold-rgb), .08)),
        linear-gradient(180deg, transparent, rgba(0, 0, 0, .22));
}

[data-bs-theme="dark"] .auth-page-content {
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

[data-bs-theme="dark"] .auth-page-wrapper .card {
    border-color: rgba(var(--tgr-brand-gold-rgb), .18);
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .035), transparent 45%),
        rgba(10, 11, 13, .96);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .42);
}

[data-bs-theme="dark"] .auth-page-wrapper .auth-logo img {
    filter: drop-shadow(0 16px 36px rgba(var(--tgr-brand-gold-rgb), .2));
}

[data-bs-theme="dark"] .auth-page-wrapper .text-white-50 {
    color: rgba(248, 247, 242, .72) !important;
}

[data-bs-theme="dark"] .auth-page-wrapper .tgr-login-theme-toggle {
    position: relative;
    z-index: 2;
}

html:not([data-bs-theme="dark"]),
[data-bs-theme="light"] {
    --vz-body-bg: #f4f5f7;
    --vz-secondary-bg: #ffffff;
    --vz-secondary-bg-rgb: 255, 255, 255;
    --vz-tertiary-bg: #f7f8fb;
    --vz-heading-color: #151515;
    --vz-body-color: #31343a;
    --vz-border-color: rgba(8, 8, 8, .1);
    --vz-link-color: #9d7d11;
    --vz-link-color-rgb: 157, 125, 17;
    --vz-link-hover-color: #6f570c;
    --vz-link-hover-color-rgb: 111, 87, 12;
    --tgr-surface: #ffffff;
    --tgr-surface-soft: #f8f9fb;
    --tgr-surface-muted: #eef1f5;
    --tgr-border: rgba(8, 8, 8, .1);
    --tgr-border-strong: rgba(var(--tgr-brand-gold-rgb), .28);
    --tgr-soft-surface: rgba(var(--tgr-brand-gold-rgb), .06);
    --tgr-soft-border: rgba(var(--tgr-brand-gold-rgb), .2);
    --tgr-panel-shadow: 0 14px 34px rgba(10, 12, 16, .1);
    --tgr-panel-shadow-sm: 0 8px 22px rgba(10, 12, 16, .07);
}

html:not([data-bs-theme="dark"]) body,
[data-bs-theme="light"] body {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .08), transparent 260px),
        #f4f5f7;
}

html:not([data-bs-theme="dark"]) #layout-wrapper,
html:not([data-bs-theme="dark"]) .main-content,
html:not([data-bs-theme="dark"]) .page-content,
html:not([data-bs-theme="dark"]) .container-fluid,
[data-bs-theme="light"] #layout-wrapper,
[data-bs-theme="light"] .main-content,
[data-bs-theme="light"] .page-content,
[data-bs-theme="light"] .container-fluid {
    background-color: #f4f5f7;
}

html:not([data-bs-theme="dark"]) .page-content,
[data-bs-theme="light"] .page-content {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .075), transparent 280px),
        #f4f5f7;
}

html:not([data-bs-theme="dark"]) #page-topbar,
[data-bs-theme="light"] #page-topbar {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .08), rgba(255, 255, 255, 0)),
        #ffffff;
    border-bottom: 1px solid rgba(var(--tgr-brand-gold-rgb), .18);
    box-shadow: 0 4px 18px rgba(10, 12, 16, .05);
}

html:not([data-bs-theme="dark"]) .app-menu.navbar-menu,
html:not([data-bs-theme="dark"]) .navbar-brand-box,
[data-bs-theme="light"] .app-menu.navbar-menu,
[data-bs-theme="light"] .navbar-brand-box {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .1), rgba(255, 255, 255, 0) 32%),
        #ffffff;
    border-inline-end: 1px solid rgba(var(--tgr-brand-gold-rgb), .18);
    box-shadow: 10px 0 30px rgba(10, 12, 16, .04);
}

html:not([data-bs-theme="dark"]) .app-menu .tgr-sidebar-mobile-logo,
[data-bs-theme="light"] .app-menu .tgr-sidebar-mobile-logo {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .1), rgba(255, 255, 255, 0) 32%),
        #ffffff;
    border-bottom-color: rgba(var(--tgr-brand-gold-rgb), .18);
}

html:not([data-bs-theme="dark"]) .app-menu .tgr-sidebar-mobile-logo .tgr-sidebar-logo-dark,
[data-bs-theme="light"] .app-menu .tgr-sidebar-mobile-logo .tgr-sidebar-logo-dark {
    display: block;
}

html:not([data-bs-theme="dark"]) .app-menu .tgr-sidebar-mobile-logo .tgr-sidebar-logo-light,
[data-bs-theme="light"] .app-menu .tgr-sidebar-mobile-logo .tgr-sidebar-logo-light {
    display: none;
}

html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .nav-link,
[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link {
    color: rgba(21, 21, 21, .74);
}

html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .nav-link:hover,
html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .nav-link.active,
[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link:hover,
[data-bs-theme="light"] .navbar-menu .navbar-nav .nav-link.active {
    color: #7d620d;
    background: rgba(var(--tgr-brand-gold-rgb), .12);
    border-inline-start-color: var(--tgr-brand-gold);
}

html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"][aria-expanded="true"],
html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].active,
html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].tgr-parent-open,
[data-bs-theme="light"] .navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"][aria-expanded="true"],
[data-bs-theme="light"] .navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].active,
[data-bs-theme="light"] .navbar-menu .navbar-nav .menu-link[data-bs-toggle="collapse"].tgr-parent-open {
    color: rgba(21, 21, 21, .74) !important;
    background: transparent !important;
}

html:not([data-bs-theme="dark"]) .navbar-menu .navbar-nav .menu-dropdown .nav-link.active,
[data-bs-theme="light"] .navbar-menu .navbar-nav .menu-dropdown .nav-link.active {
    color: #7d620d !important;
    background: rgba(var(--tgr-brand-gold-rgb), .12) !important;
}

html:not([data-bs-theme="dark"]) .menu-title span,
[data-bs-theme="light"] .menu-title span {
    color: rgba(125, 98, 13, .82);
}

html:not([data-bs-theme="dark"]) .btn-light,
[data-bs-theme="light"] .btn-light {
    --vz-btn-color: #25272c;
    --vz-btn-bg: #ffffff;
    --vz-btn-border-color: rgba(8, 8, 8, .12);
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: #f0d567;
    --vz-btn-hover-border-color: #d6b32b;
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: #d6b32b;
    --vz-btn-active-border-color: #d6b32b;
}

html:not([data-bs-theme="dark"]) .card,
[data-bs-theme="light"] .card {
    border-color: rgba(8, 8, 8, .08);
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .035), transparent 50%),
        #ffffff;
    box-shadow: var(--tgr-panel-shadow-sm);
}

html:not([data-bs-theme="dark"]) .card-header,
[data-bs-theme="light"] .card-header {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .04), rgba(255, 255, 255, 0)),
        #ffffff;
    border-bottom-color: rgba(8, 8, 8, .08);
}

html:not([data-bs-theme="dark"]) .table-card,
[data-bs-theme="light"] .table-card {
    border-color: rgba(8, 8, 8, .08);
    background-color: #ffffff;
}

html:not([data-bs-theme="dark"]) .table > :not(caption) > * > *,
[data-bs-theme="light"] .table > :not(caption) > * > * {
    border-bottom-color: rgba(8, 8, 8, .08);
}

html:not([data-bs-theme="dark"]) .table thead.table-light th,
html:not([data-bs-theme="dark"]) .table .table-light th,
[data-bs-theme="light"] .table thead.table-light th,
[data-bs-theme="light"] .table .table-light th {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .08), rgba(255, 255, 255, 0)),
        #f8f9fb;
    color: #202226;
}

html:not([data-bs-theme="dark"]) .form-control,
html:not([data-bs-theme="dark"]) .form-select,
html:not([data-bs-theme="dark"]) .tgr-select-toggle,
[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .tgr-select-toggle {
    color: #25272c;
    background-color: #ffffff;
    border-color: rgba(8, 8, 8, .12) !important;
}

html:not([data-bs-theme="dark"]) .input-group-text,
[data-bs-theme="light"] .input-group-text {
    color: #7d620d;
    background-color: #f8f9fb;
    border-color: rgba(8, 8, 8, .12);
}

html:not([data-bs-theme="dark"]) .dropdown-menu,
html:not([data-bs-theme="dark"]) .tgr-select-menu,
[data-bs-theme="light"] .dropdown-menu,
[data-bs-theme="light"] .tgr-select-menu {
    background-color: #ffffff;
    color: #25272c;
    border-color: rgba(var(--tgr-brand-gold-rgb), .25);
    box-shadow: var(--tgr-panel-shadow);
}

html:not([data-bs-theme="dark"]) .dropdown-item,
[data-bs-theme="light"] .dropdown-item {
    color: #25272c;
}

html:not([data-bs-theme="dark"]) .dropdown-item:hover,
html:not([data-bs-theme="dark"]) .dropdown-item:focus,
[data-bs-theme="light"] .dropdown-item:hover,
[data-bs-theme="light"] .dropdown-item:focus {
    color: #151515;
    background-color: rgba(var(--tgr-brand-gold-rgb), .13);
}

html:not([data-bs-theme="dark"]) .modal-content,
[data-bs-theme="light"] .modal-content {
    background-color: #ffffff;
    border-color: rgba(var(--tgr-brand-gold-rgb), .25);
}

html:not([data-bs-theme="dark"]) .modal-header,
[data-bs-theme="light"] .modal-header {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .07), rgba(255, 255, 255, 0)),
        #ffffff;
}

html:not([data-bs-theme="dark"]) .tgr-stat-card,
[data-bs-theme="light"] .tgr-stat-card {
    background:
        linear-gradient(135deg, rgba(var(--tgr-stat-rgb), .1), rgba(255, 255, 255, .97) 50%),
        #ffffff;
    box-shadow: var(--tgr-panel-shadow-sm);
}

html:not([data-bs-theme="dark"]) .tgr-stat-card .tgr-stat-title,
[data-bs-theme="light"] .tgr-stat-card .tgr-stat-title {
    color: #6c7078;
}

html:not([data-bs-theme="dark"]) .tgr-online-row,
[data-bs-theme="light"] .tgr-online-row {
    --vz-table-bg: rgba(var(--vz-success-rgb), .11);
    --vz-table-striped-bg: rgba(var(--vz-success-rgb), .14);
    --vz-table-hover-bg: rgba(var(--vz-success-rgb), .18);
}

html:not([data-bs-theme="dark"]) .tgr-country-picker label,
[data-bs-theme="light"] .tgr-country-picker label {
    background-color: #ffffff;
    border-color: rgba(8, 8, 8, .1) !important;
}

html:not([data-bs-theme="dark"]) .tgr-country-picker label:hover,
[data-bs-theme="light"] .tgr-country-picker label:hover {
    background-color: rgba(var(--tgr-brand-gold-rgb), .09);
}

html:not([data-bs-theme="dark"]) .text-muted,
[data-bs-theme="light"] .text-muted {
    color: #68707b !important;
}

html:not([data-bs-theme="dark"]) .form-label.text-muted,
[data-bs-theme="light"] .form-label.text-muted {
    color: #4a4f58 !important;
    font-weight: 600;
}

html:not([data-bs-theme="dark"]) .form-text,
[data-bs-theme="light"] .form-text {
    color: #68707b;
}

html:not([data-bs-theme="dark"]) .bg-light,
html:not([data-bs-theme="dark"]) .bg-light-subtle,
[data-bs-theme="light"] .bg-light,
[data-bs-theme="light"] .bg-light-subtle {
    background-color: #eef1f5 !important;
}

html:not([data-bs-theme="dark"]) .badge.bg-light,
[data-bs-theme="light"] .badge.bg-light {
    background-color: #e7ebf1 !important;
    color: #3b414b !important;
    border: 1px solid rgba(8, 8, 8, .08);
}

html:not([data-bs-theme="dark"]) .bg-primary-subtle,
[data-bs-theme="light"] .bg-primary-subtle {
    background-color: rgba(var(--tgr-brand-gold-rgb), .16) !important;
}

html:not([data-bs-theme="dark"]) .text-primary,
[data-bs-theme="light"] .text-primary {
    color: #80640e !important;
}

html:not([data-bs-theme="dark"]) .bg-secondary-subtle,
[data-bs-theme="light"] .bg-secondary-subtle {
    background-color: #e7ebf1 !important;
}

html:not([data-bs-theme="dark"]) .text-secondary,
[data-bs-theme="light"] .text-secondary {
    color: #4f5864 !important;
}

html:not([data-bs-theme="dark"]) .bg-info-subtle,
[data-bs-theme="light"] .bg-info-subtle {
    background-color: rgba(41, 156, 219, .15) !important;
}

html:not([data-bs-theme="dark"]) .text-info,
[data-bs-theme="light"] .text-info {
    color: #1478a8 !important;
}

html:not([data-bs-theme="dark"]) .bg-success-subtle,
[data-bs-theme="light"] .bg-success-subtle {
    background-color: rgba(10, 179, 156, .15) !important;
}

html:not([data-bs-theme="dark"]) .text-success,
[data-bs-theme="light"] .text-success {
    color: #087f70 !important;
}

html:not([data-bs-theme="dark"]) .bg-warning-subtle,
[data-bs-theme="light"] .bg-warning-subtle {
    background-color: rgba(247, 184, 75, .22) !important;
}

html:not([data-bs-theme="dark"]) .text-warning,
[data-bs-theme="light"] .text-warning {
    color: #9a6200 !important;
}

html:not([data-bs-theme="dark"]) .bg-danger-subtle,
[data-bs-theme="light"] .bg-danger-subtle {
    background-color: rgba(var(--tgr-brand-red-rgb), .12) !important;
}

html:not([data-bs-theme="dark"]) .border.rounded-3,
html:not([data-bs-theme="dark"]) .border.rounded,
html:not([data-bs-theme="dark"]) .border-dashed,
[data-bs-theme="light"] .border.rounded-3,
[data-bs-theme="light"] .border.rounded,
[data-bs-theme="light"] .border-dashed {
    border-color: rgba(8, 8, 8, .12) !important;
    background-color: #ffffff;
}

html:not([data-bs-theme="dark"]) .modal .border.rounded-3,
html:not([data-bs-theme="dark"]) .modal .border.rounded,
html:not([data-bs-theme="dark"]) .modal .border-dashed,
[data-bs-theme="light"] .modal .border.rounded-3,
[data-bs-theme="light"] .modal .border.rounded,
[data-bs-theme="light"] .modal .border-dashed {
    background:
        linear-gradient(180deg, rgba(var(--tgr-brand-gold-rgb), .035), rgba(255, 255, 255, 0)),
        #ffffff;
}

html:not([data-bs-theme="dark"]) .avatar-title,
[data-bs-theme="light"] .avatar-title {
    box-shadow: inset 0 0 0 1px rgba(8, 8, 8, .08);
}

html:not([data-bs-theme="dark"]) .topbar-user .text-muted,
html:not([data-bs-theme="dark"]) #page-topbar .text-muted,
[data-bs-theme="light"] .topbar-user .text-muted,
[data-bs-theme="light"] #page-topbar .text-muted {
    color: #5e6672 !important;
}

html:not([data-bs-theme="dark"]) .app-menu .text-white,
[data-bs-theme="light"] .app-menu .text-white {
    color: #171717 !important;
}

html:not([data-bs-theme="dark"]) .dropdown-divider,
[data-bs-theme="light"] .dropdown-divider {
    border-top-color: rgba(8, 8, 8, .1);
}

html:not([data-bs-theme="dark"]) .tgr-language-toggle,
[data-bs-theme="light"] .tgr-language-toggle {
    background-color: #ffffff;
    border-color: rgba(var(--tgr-brand-gold-rgb), .28);
}

html:not([data-bs-theme="dark"]) .page-link,
[data-bs-theme="light"] .page-link {
    color: #5d4a0b;
    background-color: #ffffff;
    border-color: rgba(8, 8, 8, .1);
}

html:not([data-bs-theme="dark"]) .page-item.disabled .page-link,
[data-bs-theme="light"] .page-item.disabled .page-link {
    color: #8a929d;
    background-color: #eef1f5;
}

/* Final action color lock: keep all interactive action states on the TGR palette. */
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-secondary,
.btn-outline-primary {
    --vz-btn-color: #080808;
    --vz-btn-bg: var(--tgr-brand-gold);
    --vz-btn-border-color: var(--tgr-brand-gold);
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: #e0bd35;
    --vz-btn-hover-border-color: #e0bd35;
    --vz-btn-focus-shadow-rgb: var(--tgr-brand-gold-rgb);
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: var(--tgr-brand-gold-dark);
    --vz-btn-active-border-color: var(--tgr-brand-gold-dark);
    --vz-btn-disabled-color: #080808;
    --vz-btn-disabled-bg: rgba(var(--tgr-brand-gold-rgb), .62);
    --vz-btn-disabled-border-color: rgba(var(--tgr-brand-gold-rgb), .62);
}

.btn-outline-primary {
    color: var(--tgr-brand-gold) !important;
    background-color: transparent !important;
    border-color: rgba(var(--tgr-brand-gold-rgb), .54) !important;
}

.btn-danger {
    --vz-btn-color: #fff;
    --vz-btn-bg: var(--tgr-brand-red);
    --vz-btn-border-color: var(--tgr-brand-red);
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #d92d35;
    --vz-btn-hover-border-color: #d92d35;
    --vz-btn-focus-shadow-rgb: var(--tgr-brand-red-rgb);
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #b8242b;
    --vz-btn-active-border-color: #b8242b;
}

.btn-soft-primary,
.btn-soft-success,
.btn-soft-info,
.btn-soft-warning,
.btn-soft-secondary {
    --vz-btn-color: var(--tgr-brand-gold);
    --vz-btn-bg: rgba(var(--tgr-brand-gold-rgb), .12);
    --vz-btn-border-color: rgba(var(--tgr-brand-gold-rgb), .32);
    --vz-btn-hover-color: #080808;
    --vz-btn-hover-bg: var(--tgr-brand-gold);
    --vz-btn-hover-border-color: var(--tgr-brand-gold);
    --vz-btn-focus-shadow-rgb: var(--tgr-brand-gold-rgb);
    --vz-btn-active-color: #080808;
    --vz-btn-active-bg: var(--tgr-brand-gold-dark);
    --vz-btn-active-border-color: var(--tgr-brand-gold-dark);
    color: var(--tgr-brand-gold) !important;
    background-color: rgba(var(--tgr-brand-gold-rgb), .12) !important;
    border-color: rgba(var(--tgr-brand-gold-rgb), .32) !important;
}

.btn-soft-danger {
    --vz-btn-color: var(--tgr-brand-red);
    --vz-btn-bg: rgba(var(--tgr-brand-red-rgb), .12);
    --vz-btn-border-color: rgba(var(--tgr-brand-red-rgb), .34);
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: var(--tgr-brand-red);
    --vz-btn-hover-border-color: var(--tgr-brand-red);
    --vz-btn-focus-shadow-rgb: var(--tgr-brand-red-rgb);
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #b8242b;
    --vz-btn-active-border-color: #b8242b;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary.active,
.btn-primary.show,
.btn-primary:first-child:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:focus-visible,
.btn-success.active,
.btn-success.show,
.btn-success:first-child:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:focus-visible,
.btn-info.active,
.btn-info.show,
.btn-info:first-child:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:focus-visible,
.btn-warning.active,
.btn-warning.show,
.btn-warning:first-child:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:focus-visible,
.btn-secondary.active,
.btn-secondary.show,
.btn-secondary:first-child:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:focus-visible,
.btn-outline-primary.active,
.btn-outline-primary.show,
.btn-outline-primary:first-child:active,
.btn-check:checked + .btn-primary,
.btn-check:checked + .btn-success,
.btn-check:checked + .btn-info,
.btn-check:checked + .btn-warning,
.btn-check:checked + .btn-secondary,
.btn-check:checked + .btn-outline-primary {
    color: #080808 !important;
    background-color: var(--tgr-brand-gold-dark) !important;
    border-color: var(--tgr-brand-gold-dark) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--tgr-brand-gold-rgb), .16) !important;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:focus-visible,
.btn-soft-primary.active,
.btn-soft-primary.show,
.btn-soft-primary:first-child:active,
.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success:focus-visible,
.btn-soft-success.active,
.btn-soft-success.show,
.btn-soft-success:first-child:active,
.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info:focus-visible,
.btn-soft-info.active,
.btn-soft-info.show,
.btn-soft-info:first-child:active,
.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning:focus-visible,
.btn-soft-warning.active,
.btn-soft-warning.show,
.btn-soft-warning:first-child:active,
.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary:focus-visible,
.btn-soft-secondary.active,
.btn-soft-secondary.show,
.btn-soft-secondary:first-child:active {
    color: #080808 !important;
    background-color: var(--tgr-brand-gold) !important;
    border-color: var(--tgr-brand-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--tgr-brand-gold-rgb), .14) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:focus-visible,
.btn-danger.active,
.btn-danger.show,
.btn-danger:first-child:active,
.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger:focus-visible,
.btn-soft-danger.active,
.btn-soft-danger.show,
.btn-soft-danger:first-child:active {
    color: #fff !important;
    background-color: #b8242b !important;
    border-color: #b8242b !important;
    box-shadow: 0 0 0 .2rem rgba(var(--tgr-brand-red-rgb), .16) !important;
}

.btn:focus,
.btn:focus-visible,
.btn-check:focus + .btn,
.btn-close:focus,
.page-link:focus,
.form-control:focus,
.form-select:focus,
.tgr-select-toggle:focus,
.tgr-select.is-open .tgr-select-toggle {
    box-shadow: 0 0 0 .2rem rgba(var(--tgr-brand-gold-rgb), .14) !important;
}

.form-control:focus,
.form-select:focus,
.tgr-select-toggle:focus,
.tgr-select.is-open .tgr-select-toggle {
    border-color: rgba(var(--tgr-brand-gold-rgb), .66) !important;
}

.dropdown-item.active,
.dropdown-item:active,
.tgr-select-option.active,
.tgr-select-option:active,
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list--dropdown .choices__item--selectable.is-selected,
.choices__list--multiple .choices__item {
    color: #080808 !important;
    background-color: var(--tgr-brand-gold) !important;
    border-color: var(--tgr-brand-gold-dark) !important;
}

.spin-icon {
    display: inline-block;
    animation: tgr-spin 1s linear infinite;
}

@keyframes tgr-spin {
    to {
        transform: rotate(360deg);
    }
}

.form-check-input,
.form-range {
    accent-color: var(--tgr-brand-gold);
}

.tgr-theme-topbar-item {
    display: flex;
    align-items: center;
}

@media (max-width: 575.98px) {
    #page-topbar .navbar-header {
        gap: .25rem;
        padding-inline: .5rem;
    }

    #page-topbar .btn-icon.btn-topbar {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    #page-topbar .tgr-language-toggle {
        width: 34px;
        height: 34px;
    }

    #page-topbar .tgr-theme-topbar-item {
        margin-inline-start: .15rem !important;
    }

    #page-topbar .topbar-user {
        margin-inline-start: .25rem !important;
    }
}

.nav-tabs-custom .nav-link {
    color: var(--vz-body-color) !important;
    border-color: transparent !important;
}

.nav-tabs-custom .nav-link:hover,
.nav-tabs-custom .nav-link:focus {
    color: var(--tgr-brand-gold) !important;
    border-color: transparent !important;
}

.nav-tabs-custom .nav-link.active,
.nav-tabs-custom .nav-item.show .nav-link {
    color: var(--tgr-brand-gold) !important;
    background-color: transparent !important;
    border-color: transparent transparent var(--tgr-brand-gold) !important;
}

.nav-tabs-custom .nav-link::after {
    background-color: var(--tgr-brand-gold) !important;
}

.profile-nav-tabs .nav-link.active,
.profile-nav-tabs .nav-link:active,
.profile-nav-tabs .nav-link:focus {
    color: var(--tgr-brand-gold) !important;
}