:root {
    color-scheme: dark;
    --theme-page: #0b1020;
    --theme-surface: #121a33;
    --theme-surface-raised: #1e293b;
    --theme-border: #334155;
    --theme-text: #e2e8f0;
    --theme-text-muted: #94a3b8;
    --theme-accent: #3b82f6;
}

html[data-theme] iframe {
    background: var(--theme-page) !important;
}

iframe.theme-managed-frame:not(.theme-frame-ready) {
    visibility: hidden !important;
    opacity: 0 !important;
}

iframe.theme-managed-frame.theme-frame-ready {
    visibility: visible !important;
    opacity: 1 !important;
}

html.theme-frame-initializing *,
html.theme-frame-initializing *::before,
html.theme-frame-initializing *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
}

html[data-theme] .overflow-x-auto > table {
    min-width: max(100%, 1120px);
}

html[data-theme] .overflow-x-auto > table th,
html[data-theme] .overflow-x-auto > table td {
    white-space: nowrap;
    vertical-align: middle;
}

html[data-theme] table :is(th, td),
html[data-theme] table :is(th, td) *:not(i):not(.fa) {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important;
    font-weight: 700 !important;
}

html[data-theme="light"][data-theme] table :is(th, td),
html[data-theme="light"][data-theme] table :is(th, td) *:not(button):not(i) {
    color: #111111 !important;
}

html[data-theme="dark"][data-theme] table :is(th, td),
html[data-theme="dark"][data-theme] table :is(th, td) *:not(button):not(i) {
    color: #ffffff !important;
}

html[data-theme="light"][data-theme] table :is(th, td) :is([class*="bg-green"], [class*="bg-accent-green"]):not(button) {
    background-color: #bbf7d0 !important;
    color: #14532d !important;
    box-shadow: inset 0 0 0 1px #86efac !important;
}

html[data-theme="light"][data-theme] table :is(th, td) :is([class*="bg-red"], [class*="bg-accent-red"]):not(button) {
    background-color: #fecaca !important;
    color: #7f1d1d !important;
    box-shadow: inset 0 0 0 1px #fca5a5 !important;
}

html[data-theme="light"][data-theme] table :is(th, td) :is([class*="bg-orange"], [class*="bg-accent-orange"]):not(button) {
    background-color: #fed7aa !important;
    color: #7c2d12 !important;
    box-shadow: inset 0 0 0 1px #fdba74 !important;
}

html[data-theme="light"][data-theme] table :is(th, td) :is([class*="bg-primary"], [class*="bg-blue"], [class*="bg-accent-blue"], [class*="bg-accentBlue"]):not(button) {
    background-color: #bfdbfe !important;
    color: #1e3a8a !important;
    box-shadow: inset 0 0 0 1px #93c5fd !important;
}

html[data-theme="light"][data-theme] table :is(th, td) [class*="bg-purple"]:not(button) {
    background-color: #e9d5ff !important;
    color: #581c87 !important;
    box-shadow: inset 0 0 0 1px #d8b4fe !important;
}

html[data-theme="light"][data-theme] table :is(th, td) [class*="bg-slate"]:not(button) {
    background-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: inset 0 0 0 1px #94a3b8 !important;
}

html[data-theme="dark"][data-theme] table :is(th, td) :is([class*="bg-green"], [class*="bg-accent-green"]):not(button) {
    background-color: #166534 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #22c55e !important;
}

html[data-theme="dark"][data-theme] table :is(th, td) :is([class*="bg-red"], [class*="bg-accent-red"]):not(button) {
    background-color: #991b1b !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #ef4444 !important;
}

html[data-theme="dark"][data-theme] table :is(th, td) :is([class*="bg-orange"], [class*="bg-accent-orange"]):not(button) {
    background-color: #9a3412 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #f97316 !important;
}

html[data-theme="dark"][data-theme] table :is(th, td) :is([class*="bg-primary"], [class*="bg-blue"], [class*="bg-accent-blue"], [class*="bg-accentBlue"]):not(button) {
    background-color: #1e40af !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #3b82f6 !important;
}

html[data-theme="dark"][data-theme] table :is(th, td) [class*="bg-purple"]:not(button) {
    background-color: #6b21a8 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #a855f7 !important;
}

html[data-theme="dark"][data-theme] table :is(th, td) [class*="bg-slate"]:not(button) {
    background-color: #334155 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px #64748b !important;
}

html[data-theme="light"][data-theme] table .online-status-badge .online-status-dot {
    background-color: #16a34a !important;
    box-shadow: 0 0 0 1px #15803d !important;
}

html[data-theme="dark"][data-theme] table .online-status-badge .online-status-dot {
    background-color: #4ade80 !important;
    box-shadow: 0 0 0 1px #22c55e !important;
}

html[data-theme="light"] {
    color-scheme: light;
    --theme-page: #f3f5f8;
    --theme-surface: #ffffff;
    --theme-surface-raised: #f8fafc;
    --theme-border: #dbe1e8;
    --theme-text: #1f2937;
    --theme-text-muted: #64748b;
    --theme-accent: #2563eb;
    --bg-main: #f3f5f8;
    --bg-card: #ffffff;
    --bg-modal: #ffffff;
    --border-color: #dbe1e8;
    --border-modal: #dbe1e8;
    --text-primary: #1f2937;
    --text-secondary: #64748b;
    --scrollbar-track: #eef1f5;
    --scrollbar-thumb: #bdc7d4;
    --scrollbar-thumb-hover: #98a6b8;
    background: var(--theme-page) !important;
}

html[data-theme="light"] body {
    background: var(--theme-page) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] #content {
    background: #f3f5f8 !important;
}

html[data-theme="light"] #sidebar {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    box-shadow: 2px 0 12px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] #sidebar > .absolute {
    display: none;
}

html[data-theme="light"] #sidebar [class*="bg-clip-text"] {
    background: none !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

html[data-theme="light"] .glass,
html[data-theme="light"] .card,
html[data-theme="light"] .layui-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .server-card {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .server-card:hover {
    background: #f8fafc !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.12) !important;
}

html[data-theme="light"] .btn-back,
html[data-theme="light"] .custom-select {
    background: #ffffff !important;
    background-image: none !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .btn-back:hover,
html[data-theme="light"] .custom-select:hover {
    background: #f8fafc !important;
    border-color: #3b82f6 !important;
    color: #1d4ed8 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

html[data-theme="light"] .custom-select-value {
    color: var(--theme-text) !important;
}

html[data-theme="light"] .custom-select-label,
html[data-theme="light"] .custom-select-arrow {
    color: var(--theme-text-muted) !important;
}

html[data-theme="light"] div.rounded-lg.overflow-hidden:has(#playerTable) {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] #detailContent [class~="bg-slate-700/50"] {
    background: #e8f0ff !important;
    border: 1px solid #c7d7fe !important;
}

html[data-theme="light"] #detailContent [class~="bg-slate-700/50"] .fa {
    color: #2563eb !important;
}

html[data-theme="light"] #detailContent button[class*="from-accent-red"] {
    background: linear-gradient(90deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #detailContent button[class*="from-accent-green"] {
    background: linear-gradient(90deg, #22c55e, #16a34a) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #detailContent button[class*="from-accent-red"] .fa,
html[data-theme="light"] #detailContent button[class*="from-accent-green"] .fa {
    color: #ffffff !important;
}

html[data-theme="light"] header.glass {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .menu-item,
html[data-theme="light"] .submenu-item {
    color: #64748b !important;
}

html[data-theme="light"] .menu-item:hover,
html[data-theme="light"] .submenu-item:hover {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

html[data-theme="light"] .menu-item.active,
html[data-theme="light"] .submenu-item.active {
    background: #e8f0ff !important;
    color: #1d4ed8 !important;
}

html[data-theme="light"] .text-white,
html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200,
html[data-theme="light"] .text-text-primary,
html[data-theme="light"] .text-textPrimary {
    color: var(--theme-text) !important;
}

html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500,
html[data-theme="light"] .text-text-secondary,
html[data-theme="light"] .text-textSecondary {
    color: var(--theme-text-muted) !important;
}

html[data-theme="light"] .text-green {
    color: #15803d !important;
}

html[data-theme="light"] .text-red {
    color: #b91c1c !important;
}

html[data-theme="light"] .text-blue,
html[data-theme="light"] .text-primary {
    color: #1d4ed8 !important;
}

html[data-theme="light"] .text-purple {
    color: #7e22ce !important;
}

html[data-theme="light"] .text-orange {
    color: #c2410c !important;
}

html[data-theme="light"] .bg-dark,
html[data-theme="light"] [class~="bg-dark/30"],
html[data-theme="light"] [class~="bg-dark/50"],
html[data-theme="light"] .bg-card,
html[data-theme="light"] [class~="bg-card/50"],
html[data-theme="light"] .bg-card-dark,
html[data-theme="light"] [class~="bg-card-dark/50"],
html[data-theme="light"] [class~="bg-card-dark/70"],
html[data-theme="light"] .bg-bg-dark,
html[data-theme="light"] [class~="bg-bg-dark/50"],
html[data-theme="light"] .bg-slate-700,
html[data-theme="light"] [class~="bg-slate-700/70"],
html[data-theme="light"] .bg-slate-600,
html[data-theme="light"] [class~="bg-slate-600/70"],
html[data-theme="light"] .bg-slate-800,
html[data-theme="light"] [class~="bg-slate-800/50"],
html[data-theme="light"] .bg-slate-900 {
    background: var(--theme-surface-raised) !important;
}

html[data-theme="light"] .border-line,
html[data-theme="light"] .border-border-dark,
html[data-theme="light"] [class*="border-border-dark/"],
html[data-theme="light"] .border-slate-600,
html[data-theme="light"] [class*="border-slate-600/"],
html[data-theme="light"] .border-slate-700,
html[data-theme="light"] [class*="border-slate-700/"] {
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] :is(
    #theme-light-form-control,
    input:not([type="checkbox"]):not([type="radio"]),
    textarea,
    select,
    .layui-input,
    .layui-textarea
) {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #cfd7e3 !important;
    color: #1f2937 !important;
    box-shadow: none !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] :is(
    #theme-light-focused-control,
    input:focus,
    textarea:focus,
    select:focus,
    .layui-input:focus,
    .layui-form-selected .layui-input
) {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12) !important;
}

html[data-theme="light"] :is(
    #theme-light-autofill-control,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active
) {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
    -webkit-text-fill-color: #1f2937 !important;
    background-color: #ffffff !important;
}

html[data-theme="light"] .layui-form-select dl,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .custom-options {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] .layui-form-select dl dd,
html[data-theme="light"] .dropdown-menu li,
html[data-theme="light"] .custom-option {
    color: #334155 !important;
}

html[data-theme="light"] .layui-form-select dl dd:hover,
html[data-theme="light"] .dropdown-menu li:hover,
html[data-theme="light"] .custom-option:hover {
    background: #f1f5f9 !important;
}

html[data-theme="light"] .layui-form-select dl dd.layui-this,
html[data-theme="light"] .custom-option.selected {
    background: #e8f0ff !important;
    color: #1d4ed8 !important;
}

html[data-theme="light"] table {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] thead,
html[data-theme="light"] thead[class*="bg-"] {
    background: #f7f9fc !important;
}

html[data-theme="light"] th {
    background: #f7f9fc !important;
    border-color: var(--theme-border) !important;
    color: #526075 !important;
}

html[data-theme="light"] td {
    border-color: #e6eaf0 !important;
    color: #334155 !important;
}

html[data-theme="light"] tbody tr:hover,
html[data-theme="light"] .table-row:hover {
    background: #f5f8fc !important;
}

html[data-theme="light"] .modal-content,
html[data-theme="light"] .modal-content-fixed,
html[data-theme="light"] #modalContent,
html[data-theme="light"] #confirmContent,
html[data-theme="light"] #toast,
html[data-theme="light"] .layui-layer,
html[data-theme="light"] .toast,
html[data-theme="light"] .toast-center {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.18) !important;
}

/* Iframe form pages use a full-height element as the visible dialog shell. */
html[data-theme="light"] body > .flex.flex-col.h-full,
html[data-theme="light"] body > div[style*="height: 100vh"] {
    background: #ffffff !important;
    background-image: none !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] body > .flex.flex-col.h-full > :is(header, footer, div),
html[data-theme="light"] body > div[style*="height: 100vh"] > :is(header, footer, div) {
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] body > div[style*="height: 100vh"] :is(h1, h2, h3, h4, p, span, label, div)[style*="color: white"] {
    color: var(--theme-text) !important;
}

html[data-theme="light"] body > div[style*="height: 100vh"] :is(p, span, label, div)[style*="color: #cbd5e1"],
html[data-theme="light"] body > div[style*="height: 100vh"] :is(p, span, label, div)[style*="color: #94a3b8"] {
    color: var(--theme-text-muted) !important;
}

html[data-theme="light"] body > div[style*="height: 100vh"] [style*="background: #0b1020"],
html[data-theme="light"] body > div[style*="height: 100vh"] [style*="background: rgba(11,16,32"] {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] .modal-overlay,
html[data-theme="light"] .modal-overlay-fixed {
    background: rgba(15, 23, 42, 0.42) !important;
}

/* Keep confirmation actions visually distinct in both themes. */
#btnConfirmNo {
    background: #334155 !important;
    border-color: #64748b !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}

#btnConfirmNo:hover {
    background: #475569 !important;
    border-color: #94a3b8 !important;
}

#btnConfirmYes {
    background: #dc2626 !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.24) !important;
}

#btnConfirmYes:hover {
    background: #b91c1c !important;
    border-color: #dc2626 !important;
}

#btnConfirmNo:focus-visible,
#btnConfirmYes:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

html[data-theme="light"] .layui-layer-title,
html[data-theme="light"] .layui-layer-btn {
    background: #f8fafc !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="light"] button:not([class*="bg-accent"]):not([class*="bg-red"]):not([class*="bg-green"]):not([class*="bg-blue"]):not([class*="bg-primary"]):not(.theme-toggle-button) {
    border-color: var(--theme-border) !important;
}

html[data-theme="light"] button[class*="bg-accent"],
html[data-theme="light"] button[class*="bg-red"],
html[data-theme="light"] button[class*="bg-green"],
html[data-theme="light"] button[class*="bg-blue"],
html[data-theme="light"] button[class*="bg-primary"],
html[data-theme="light"] a[class*="bg-accent"] {
    color: #ffffff !important;
}

html[data-theme="light"] button.text-green {
    color: #15803d !important;
}

html[data-theme="light"] button.text-red {
    color: #b91c1c !important;
}

html[data-theme="light"] :is(
    [class*="bg-accent"],
    [class*="bg-primary"],
    [class*="bg-green"],
    [class*="bg-red"],
    [class*="bg-blue"],
    [class*="bg-purple"],
    [style*="gradient"]
) .text-white {
    color: #ffffff !important;
}

html[data-theme="light"] .card-no-cell {
    color: #334155 !important;
}

html[data-theme="light"] .toggle-thumb {
    background: #cbd5e1 !important;
}

html[data-theme="light"] .peer:checked + .toggle-thumb {
    background: #22c55e !important;
}

html[data-theme="light"] #showAllToggle + div {
    background: #cbd5e1 !important;
}

html[data-theme="light"] #showAllToggle:checked + div {
    background: #22c55e !important;
}

html[data-theme="light"] .btn-pagination,
html[data-theme="light"] .pagination button,
html[data-theme="light"] [class*="page-btn"] {
    background: #ffffff !important;
    border-color: var(--theme-border) !important;
    color: #475569 !important;
}

html[data-theme="light"] .btn-pagination-active,
html[data-theme="light"] .pagination .active,
html[data-theme="light"] [class*="page-btn"].active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.theme-toggle-wrapper {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.theme-toggle-inline {
    margin-right: 2px;
}

.theme-toggle-fixed {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
}

.theme-toggle-button {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(30, 41, 59, 0.72);
    color: #cbd5e1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.theme-toggle-button:hover {
    background: rgba(59, 130, 246, 0.16);
    border-color: rgba(96, 165, 250, 0.5);
    color: #ffffff;
}

.theme-toggle-button:focus-visible {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

html[data-theme="light"] .theme-toggle-button {
    background: #ffffff;
    border-color: var(--theme-border);
    color: #475569;
}

html[data-theme="light"] .theme-toggle-button:hover {
    background: #eff6ff;
    border-color: #93b4ed;
    color: #1d4ed8;
}

html[data-theme="light"] .theme-toggle-button .theme-icon {
    color: #475569 !important;
}

html[data-theme="dark"] .theme-icon-dark,
html[data-theme="light"] .theme-icon-light {
    display: none;
}

.theme-icon {
    font-size: 17px;
    line-height: 1;
}

html[data-theme="light"] #main-form {
    background: #ffffff !important;
    border-color: #dbe1e8 !important;
    color: #172033 !important;
    box-shadow: 0 20px 55px rgba(15, 23, 42, 0.14) !important;
}

html[data-theme="light"] #main-form > div:first-child {
    opacity: 0.08;
}

html[data-theme="light"] .grid-bg {
    opacity: 0.22 !important;
}

html[data-theme="light"] .scanline,
html[data-theme="light"] .particles,
html[data-theme="light"] .ring-container {
    opacity: 0.12 !important;
}

html[data-theme="light"] body #login-form .input-field,
html[data-theme="light"] body #register-form .input-field,
html[data-theme="light"] .input-field {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #1f2937 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body #login-form .input-field:focus,
html[data-theme="light"] body #register-form .input-field:focus {
    background: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14) !important;
}

html[data-theme="light"] body #login-form .input-field::placeholder,
html[data-theme="light"] body #register-form .input-field::placeholder {
    color: #94a3b8 !important;
}

html[data-theme="light"] body #login-form .input-field:-webkit-autofill,
html[data-theme="light"] body #login-form .input-field:-webkit-autofill:hover,
html[data-theme="light"] body #login-form .input-field:-webkit-autofill:focus,
html[data-theme="light"] body #login-form .input-field:-webkit-autofill:active,
html[data-theme="light"] body #register-form .input-field:-webkit-autofill,
html[data-theme="light"] body #register-form .input-field:-webkit-autofill:hover,
html[data-theme="light"] body #register-form .input-field:-webkit-autofill:focus,
html[data-theme="light"] body #register-form .input-field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #f8fafc inset !important;
    -webkit-text-fill-color: #1f2937 !important;
    background-color: #f8fafc !important;
    caret-color: #1f2937 !important;
}

html[data-theme="light"] body #login-form .input-field:-moz-autofill,
html[data-theme="light"] body #register-form .input-field:-moz-autofill {
    box-shadow: 0 0 0 1000px #f8fafc inset !important;
    -moz-text-fill-color: #1f2937 !important;
}

html[data-theme="light"] #main-form .title {
    background: none !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
    text-shadow: none !important;
}

html[data-theme="light"] #main-form .login-field-icon,
html[data-theme="light"] #main-form .login-field-icon i {
    color: #64748b !important;
}

html[data-theme="light"] .slider-captcha-track {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

html[data-theme="light"] .slider-captcha-text {
    color: #64748b !important;
}

html[data-theme="light"] .slider-captcha-success .slider-captcha-text {
    color: #15803d !important;
}

html[data-theme="light"] #login-form label span {
    color: #64748b !important;
}

html[data-theme="light"]::-webkit-scrollbar-track,
html[data-theme="light"] body::-webkit-scrollbar-track,
html[data-theme="light"] ::-webkit-scrollbar-track {
    background: #eef1f5 !important;
}

html[data-theme="light"]::-webkit-scrollbar-thumb,
html[data-theme="light"] body::-webkit-scrollbar-thumb,
html[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #bdc7d4 !important;
}

html[data-theme="light"]::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #98a6b8 !important;
}

html[data-theme="light"]::-webkit-scrollbar-corner,
html[data-theme="light"] body::-webkit-scrollbar-corner,
html[data-theme="light"] ::-webkit-scrollbar-corner {
    background: #eef1f5 !important;
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] * {
    scrollbar-color: #bdc7d4 #eef1f5;
}