@media screen {
/* =====================================================================
   [الوضع الغامق] شاشات الموظفين في الجيم + المنصة (مش شاشات العضو)
   - بيشتغل لما يبقى <html data-mode="dark"> (الاختيار متحفظ لكل يوزر في الداتابيز)
   - الملف ده متولّد من ملفات الـ CSS (كل لون فاتح ليه مقابل غامق) + تظبيطات بالإيد في الآخر
   - المنصة: أسود وأحمر — الجيم: نفس الفكرة بس بدرجات الثيم بتاع الجيم (GymThemes.Style بيحط --gd-* بتاعة الثيم)
   ===================================================================== */
html[data-mode="dark"] {
    color-scheme: dark;
    --gd-bg: #09090b;
    --gd-surface: #131316; --gd-surface-rgb: 19, 19, 22;
    --gd-surface-2: #1a1a1e;
    --gd-surface-3: #222227;
    --gd-surface-4: #2d2d33;
    --gd-border: #24242a;
    --gd-border-2: #33333a;
    --gd-border-3: #4a4a53;
    --gd-text: #f1f1f3;
    --gd-text-2: #cacace;
    --gd-muted: #9a9aa3;
    --gd-faint: #74747d;
    --gd-inv-bg: #f1f1f3;
    --gd-inv-text: #0b0b0d;
    /* متغيرات السيستم نفسه */
    --gs-bg: var(--gd-bg);
    --gs-surface: var(--gd-surface);
    --gs-border: var(--gd-border);
    --gs-border-strong: var(--gd-border-2);
    --gs-text: var(--gd-text);
    --gs-muted: var(--gd-muted);
    --gs-black: #2b2b31;
    --gs-black-hover: #38383f;
    --gs-red-soft: rgba(var(--gs-red-rgb, 213, 60, 65), .16);
    --gs-red-light: rgba(var(--gs-red-rgb, 213, 60, 65), .45);
    --gs-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --gs-shadow-md: 0 8px 22px rgba(0, 0, 0, .45);
    --gs-shadow-lg: 0 18px 40px rgba(0, 0, 0, .6);
    --gs-blue-soft: rgba(59, 130, 246, .16); --gs-green-soft: rgba(34, 197, 94, .15); --gs-orange-soft: rgba(245, 158, 11, .16);
    --gs-blue: #5b8def; --gs-green: #22c55e; --gs-orange: #f59e0b;
    --rp-ink: var(--gd-text); --rp-line: var(--gd-border); --rp-muted: var(--gd-muted); --rp-soft: var(--gd-surface-2); --rp-green: #4ade80;
    --light: #1a1a1e; --white: #131316; --gray-dark: #cacace; --dark: #f1f1f3;
}
/* القايمة الجانبية في المنصة والثيم الكلاسيك: أغمق من المحتوى بخط فاصل */
html[data-mode="dark"]:not([data-theme]) {
    --gs-side-bg: #0d0d10; --gs-side-hover: #18181c; --gs-side-line: #202025; --gs-side-sub: #08080a;
    --gs-side-top: #0d0d10; --gs-side-bottom: #08080a;
}
/* كتابة القايمة الجانبية في الوضع الغامق: أوضح (قريبة من الأبيض) — لكل الثيمات والمنصة */
html[data-mode="dark"] { --gs-side-text: #e6e7eb; }


/* ---- bootstrap.min.css ---- */
html[data-mode="dark"] { -webkit-tap-highlight-color: transparent; }
html[data-mode="dark"] body { color: var(--gd-text); background-color: var(--gd-surface); }
html[data-mode="dark"] a { background-color: transparent; }
html[data-mode="dark"] a:hover { color: hsl(211, 80%, 68%); }
html[data-mode="dark"] a:not([href]) { color: inherit; }
html[data-mode="dark"] a:not([href]):hover { color: inherit; }
html[data-mode="dark"] img { border-style: none; }
html[data-mode="dark"] caption { color: var(--gd-muted); }
html[data-mode="dark"] [type=button]::-moz-focus-inner, html[data-mode="dark"] [type=reset]::-moz-focus-inner, html[data-mode="dark"] [type=submit]::-moz-focus-inner, html[data-mode="dark"] button::-moz-focus-inner { border-style: none; }
html[data-mode="dark"] legend { color: inherit; }
html[data-mode="dark"] hr { border-top: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .mark, html[data-mode="dark"] mark { background-color: hsla(50, 70%, 55%, 0.16); }
html[data-mode="dark"] .blockquote-footer { color: var(--gd-muted); }
html[data-mode="dark"] .img-thumbnail { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .figure-caption { color: var(--gd-muted); }
html[data-mode="dark"] a>code { color: inherit; }
html[data-mode="dark"] kbd { color: var(--gd-inv-text); background-color: var(--gd-inv-bg); }
html[data-mode="dark"] pre { color: var(--gd-text); }
html[data-mode="dark"] pre code { color: inherit; }
html[data-mode="dark"] .table { color: var(--gd-text); }
html[data-mode="dark"] .table td, html[data-mode="dark"] .table th { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .table thead th { border-bottom: 2px solid var(--gd-border); }
html[data-mode="dark"] .table tbody+tbody { border-top: 2px solid var(--gd-border); }
html[data-mode="dark"] .table-bordered { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .table-bordered td, html[data-mode="dark"] .table-bordered th { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .table-hover tbody tr:hover { color: var(--gd-text); }
html[data-mode="dark"] .table-primary, html[data-mode="dark"] .table-primary>td, html[data-mode="dark"] .table-primary>th { background-color: hsla(211, 70%, 55%, 0.16); }
html[data-mode="dark"] .table-secondary, html[data-mode="dark"] .table-secondary>td, html[data-mode="dark"] .table-secondary>th { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .table-secondary tbody+tbody, html[data-mode="dark"] .table-secondary td, html[data-mode="dark"] .table-secondary th, html[data-mode="dark"] .table-secondary thead th { border-color: var(--gd-border-2); }
html[data-mode="dark"] .table-hover .table-secondary:hover { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .table-hover .table-secondary:hover>td, html[data-mode="dark"] .table-hover .table-secondary:hover>th { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .table-warning, html[data-mode="dark"] .table-warning>td, html[data-mode="dark"] .table-warning>th { background-color: hsla(45, 70%, 55%, 0.16); }
html[data-mode="dark"] .table-danger, html[data-mode="dark"] .table-danger>td, html[data-mode="dark"] .table-danger>th { background-color: hsla(354, 70%, 55%, 0.16); }
html[data-mode="dark"] .table-danger tbody+tbody, html[data-mode="dark"] .table-danger td, html[data-mode="dark"] .table-danger th, html[data-mode="dark"] .table-danger thead th { border-color: hsl(354, 48%, 34%); }
html[data-mode="dark"] .table-light, html[data-mode="dark"] .table-light>td, html[data-mode="dark"] .table-light>th { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .table-light tbody+tbody, html[data-mode="dark"] .table-light td, html[data-mode="dark"] .table-light th, html[data-mode="dark"] .table-light thead th { border-color: var(--gd-border); }
html[data-mode="dark"] .table-hover .table-light:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .table-hover .table-light:hover>td, html[data-mode="dark"] .table-hover .table-light:hover>th { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .table-dark, html[data-mode="dark"] .table-dark>td, html[data-mode="dark"] .table-dark>th { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .table-hover .table-dark:hover { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .table-hover .table-dark:hover>td, html[data-mode="dark"] .table-hover .table-dark:hover>th { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .table .thead-light th { color: var(--gd-text-2); background-color: var(--gd-surface-3); border-color: var(--gd-border); }
html[data-mode="dark"] .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(var(--gd-surface-rgb), 0.05); }
html[data-mode="dark"] .table-dark.table-hover tbody tr:hover { background-color: rgba(var(--gd-surface-rgb), 0.07); }
html[data-mode="dark"] .form-control { color: var(--gd-text-2); background-color: var(--gd-surface); border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .form-control::-ms-expand { background-color: transparent; }
html[data-mode="dark"] .form-control:-moz-focusring { color: transparent; }
html[data-mode="dark"] .form-control:focus { color: var(--gd-text-2); background-color: var(--gd-surface); border-color: hsl(211, 48%, 34%); }
html[data-mode="dark"] .form-control::-webkit-input-placeholder { color: var(--gd-muted); }
html[data-mode="dark"] .form-control::-moz-placeholder { color: var(--gd-muted); }
html[data-mode="dark"] .form-control:-ms-input-placeholder { color: var(--gd-muted); }
html[data-mode="dark"] .form-control::-ms-input-placeholder { color: var(--gd-muted); }
html[data-mode="dark"] .form-control::placeholder { color: var(--gd-muted); }
html[data-mode="dark"] .form-control:disabled, html[data-mode="dark"] .form-control[readonly] { background-color: var(--gd-surface-3); }
html[data-mode="dark"] select.form-control:focus::-ms-value { color: var(--gd-text-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .form-control-plaintext { color: var(--gd-text); background-color: transparent; border: solid transparent; }
html[data-mode="dark"] .form-check-input:disabled~.form-check-label, html[data-mode="dark"] .form-check-input[disabled]~.form-check-label { color: var(--gd-muted); }
html[data-mode="dark"] .valid-feedback { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .custom-select.is-valid, html[data-mode="dark"] .was-validated .custom-select:valid { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") var(--gd-surface) no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem); }
html[data-mode="dark"] .form-check-input.is-valid~.form-check-label, html[data-mode="dark"] .was-validated .form-check-input:valid~.form-check-label { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .custom-control-input.is-valid~.custom-control-label, html[data-mode="dark"] .was-validated .custom-control-input:valid~.custom-control-label { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .custom-select.is-invalid, html[data-mode="dark"] .was-validated .custom-select:invalid { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") var(--gd-surface) no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem); }
html[data-mode="dark"] .btn { color: var(--gd-text); background-color: transparent; border: 1px solid transparent; }
html[data-mode="dark"] .btn:hover { color: var(--gd-text); }
html[data-mode="dark"] .btn-warning { color: var(--gd-text); }
html[data-mode="dark"] .btn-warning:hover { color: var(--gd-text); }
html[data-mode="dark"] .btn-warning.focus, html[data-mode="dark"] .btn-warning:focus { color: var(--gd-text); }
html[data-mode="dark"] .btn-warning.disabled, html[data-mode="dark"] .btn-warning:disabled { color: var(--gd-text); }
html[data-mode="dark"] .btn-warning:not(:disabled):not(.disabled).active, html[data-mode="dark"] .btn-warning:not(:disabled):not(.disabled):active, html[data-mode="dark"] .show>.btn-warning.dropdown-toggle { color: var(--gd-text); }
html[data-mode="dark"] .btn-light { color: var(--gd-text); background-color: var(--gd-surface-2); border-color: var(--gd-border); }
html[data-mode="dark"] .btn-light:hover { color: var(--gd-text); background-color: var(--gd-surface-3); border-color: var(--gd-border-2); }
html[data-mode="dark"] .btn-light.focus, html[data-mode="dark"] .btn-light:focus { color: var(--gd-text); background-color: var(--gd-surface-3); border-color: var(--gd-border-2); }
html[data-mode="dark"] .btn-light.disabled, html[data-mode="dark"] .btn-light:disabled { color: var(--gd-text); background-color: var(--gd-surface-2); border-color: var(--gd-border); }
html[data-mode="dark"] .btn-light:not(:disabled):not(.disabled).active, html[data-mode="dark"] .btn-light:not(:disabled):not(.disabled):active, html[data-mode="dark"] .show>.btn-light.dropdown-toggle { color: var(--gd-text); background-color: var(--gd-surface-3); border-color: var(--gd-border-2); }
html[data-mode="dark"] .btn-dark:hover { color: var(--gd-inv-text); background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .btn-dark.focus, html[data-mode="dark"] .btn-dark:focus { color: var(--gd-inv-text); background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .btn-dark:not(:disabled):not(.disabled).active, html[data-mode="dark"] .btn-dark:not(:disabled):not(.disabled):active, html[data-mode="dark"] .show>.btn-dark.dropdown-toggle { color: var(--gd-inv-text); background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .btn-outline-primary.disabled, html[data-mode="dark"] .btn-outline-primary:disabled { background-color: transparent; }
html[data-mode="dark"] .btn-outline-secondary { color: var(--gd-muted); }
html[data-mode="dark"] .btn-outline-secondary.disabled, html[data-mode="dark"] .btn-outline-secondary:disabled { color: var(--gd-muted); background-color: transparent; }
html[data-mode="dark"] .btn-outline-success { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .btn-outline-success.disabled, html[data-mode="dark"] .btn-outline-success:disabled { color: hsl(134, 61%, 68%); background-color: transparent; }
html[data-mode="dark"] .btn-outline-info { color: hsl(188, 78%, 68%); }
html[data-mode="dark"] .btn-outline-info.disabled, html[data-mode="dark"] .btn-outline-info:disabled { color: hsl(188, 78%, 68%); background-color: transparent; }
html[data-mode="dark"] .btn-outline-warning:hover { color: var(--gd-text); }
html[data-mode="dark"] .btn-outline-warning.disabled, html[data-mode="dark"] .btn-outline-warning:disabled { background-color: transparent; }
html[data-mode="dark"] .btn-outline-warning:not(:disabled):not(.disabled).active, html[data-mode="dark"] .btn-outline-warning:not(:disabled):not(.disabled):active, html[data-mode="dark"] .show>.btn-outline-warning.dropdown-toggle { color: var(--gd-text); }
html[data-mode="dark"] .btn-outline-danger.disabled, html[data-mode="dark"] .btn-outline-danger:disabled { background-color: transparent; }
html[data-mode="dark"] .btn-outline-light { border-color: var(--gd-border); }
html[data-mode="dark"] .btn-outline-light:hover { color: var(--gd-text); background-color: var(--gd-surface-2); border-color: var(--gd-border); }
html[data-mode="dark"] .btn-outline-light.disabled, html[data-mode="dark"] .btn-outline-light:disabled { background-color: transparent; }
html[data-mode="dark"] .btn-outline-light:not(:disabled):not(.disabled).active, html[data-mode="dark"] .btn-outline-light:not(:disabled):not(.disabled):active, html[data-mode="dark"] .show>.btn-outline-light.dropdown-toggle { color: var(--gd-text); background-color: var(--gd-surface-2); border-color: var(--gd-border); }
html[data-mode="dark"] .btn-outline-dark { color: var(--gd-text-2); }
html[data-mode="dark"] .btn-outline-dark.disabled, html[data-mode="dark"] .btn-outline-dark:disabled { color: var(--gd-text-2); background-color: transparent; }
html[data-mode="dark"] .btn-link:hover { color: hsl(211, 80%, 68%); }
html[data-mode="dark"] .btn-link.disabled, html[data-mode="dark"] .btn-link:disabled { color: var(--gd-muted); }
html[data-mode="dark"] .dropdown-toggle::after { border-right: .3em solid transparent; border-left: .3em solid transparent; }
html[data-mode="dark"] .dropdown-menu { color: var(--gd-text); background-color: var(--gd-surface); border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .dropup .dropdown-toggle::after { border-right: .3em solid transparent; border-left: .3em solid transparent; }
html[data-mode="dark"] .dropright .dropdown-toggle::after { border-top: .3em solid transparent; border-bottom: .3em solid transparent; }
html[data-mode="dark"] .dropleft .dropdown-toggle::before { border-top: .3em solid transparent; border-bottom: .3em solid transparent; }
html[data-mode="dark"] .dropdown-divider { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .dropdown-item { color: var(--gd-text); background-color: transparent; }
html[data-mode="dark"] .dropdown-item:focus, html[data-mode="dark"] .dropdown-item:hover { color: var(--gd-text); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .dropdown-item.disabled, html[data-mode="dark"] .dropdown-item:disabled { color: var(--gd-muted); background-color: transparent; }
html[data-mode="dark"] .dropdown-header { color: var(--gd-muted); }
html[data-mode="dark"] .dropdown-item-text { color: var(--gd-text); }
html[data-mode="dark"] .input-group-text { color: var(--gd-text-2); background-color: var(--gd-surface-3); border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: hsl(211, 48%, 34%); }
html[data-mode="dark"] .custom-control-input:not(:disabled):active~.custom-control-label::before { border-color: hsl(212, 48%, 34%); }
html[data-mode="dark"] .custom-control-input:disabled~.custom-control-label, html[data-mode="dark"] .custom-control-input[disabled]~.custom-control-label { color: var(--gd-muted); }
html[data-mode="dark"] .custom-control-input:disabled~.custom-control-label::before, html[data-mode="dark"] .custom-control-input[disabled]~.custom-control-label::before { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .custom-control-label::before { background-color: var(--gd-surface); border: var(--gd-border-2) solid 1px; }
html[data-mode="dark"] .custom-switch .custom-control-label::after { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: var(--gd-surface); }
html[data-mode="dark"] .custom-select { color: var(--gd-text-2); background: var(--gd-surface) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .custom-select:focus { border-color: hsl(211, 48%, 34%); }
html[data-mode="dark"] .custom-select:focus::-ms-value { color: var(--gd-text-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .custom-select:disabled { color: var(--gd-muted); background-color: var(--gd-surface-3); }
html[data-mode="dark"] .custom-select:-moz-focusring { color: transparent; }
html[data-mode="dark"] .custom-file-input:focus~.custom-file-label { border-color: hsl(211, 48%, 34%); }
html[data-mode="dark"] .custom-file-input:disabled~.custom-file-label, html[data-mode="dark"] .custom-file-input[disabled]~.custom-file-label { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .custom-file-label { color: var(--gd-text-2); background-color: var(--gd-surface); border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .custom-file-label::after { color: var(--gd-text-2); background-color: var(--gd-surface-3); border-left: inherit; }
html[data-mode="dark"] .custom-range { background-color: transparent; }
html[data-mode="dark"] .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--gd-surface),0 0 0 .2rem rgba(0,123,255,.25); }
html[data-mode="dark"] .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px var(--gd-surface),0 0 0 .2rem rgba(0,123,255,.25); }
html[data-mode="dark"] .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px var(--gd-surface),0 0 0 .2rem rgba(0,123,255,.25); }
html[data-mode="dark"] .custom-range::-webkit-slider-runnable-track { color: transparent; background-color: var(--gd-surface-3); border-color: transparent; }
html[data-mode="dark"] .custom-range::-moz-range-track { color: transparent; background-color: var(--gd-surface-3); border-color: transparent; }
html[data-mode="dark"] .custom-range::-ms-track { color: transparent; background-color: transparent; border-color: transparent; }
html[data-mode="dark"] .custom-range::-ms-fill-lower { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .custom-range::-ms-fill-upper { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .custom-range:disabled::-webkit-slider-thumb { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .custom-range:disabled::-moz-range-thumb { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .custom-range:disabled::-ms-thumb { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .nav-link.disabled { color: var(--gd-muted); }
html[data-mode="dark"] .nav-tabs { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .nav-tabs .nav-link { border: 1px solid transparent; }
html[data-mode="dark"] .nav-tabs .nav-link:focus, html[data-mode="dark"] .nav-tabs .nav-link:hover { border-color: var(--gd-border) var(--gd-border) var(--gd-border); }
html[data-mode="dark"] .nav-tabs .nav-link.disabled { color: var(--gd-muted); background-color: transparent; border-color: transparent; }
html[data-mode="dark"] .nav-tabs .nav-item.show .nav-link, html[data-mode="dark"] .nav-tabs .nav-link.active { color: var(--gd-text-2); background-color: var(--gd-surface); border-color: var(--gd-border) var(--gd-border) var(--gd-border); }
html[data-mode="dark"] .navbar-toggler { background-color: transparent; border: 1px solid transparent; }
html[data-mode="dark"] .navbar-light .navbar-toggler { border-color: var(--gd-border-3); }
html[data-mode="dark"] .navbar-dark .navbar-toggler { border-color: var(--gd-border); }
html[data-mode="dark"] .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(var(--gd-surface-rgb), 0.50)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
html[data-mode="dark"] .card { background-color: var(--gd-surface); border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .card-header { border-bottom: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .card-footer { border-top: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .breadcrumb { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .breadcrumb-item+.breadcrumb-item::before { color: var(--gd-muted); }
html[data-mode="dark"] .breadcrumb-item.active { color: var(--gd-muted); }
html[data-mode="dark"] .page-link { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .page-link:hover { color: hsl(211, 80%, 68%); background-color: var(--gd-surface-3); border-color: var(--gd-border); }
html[data-mode="dark"] .page-item.disabled .page-link { color: var(--gd-muted); background-color: var(--gd-surface); border-color: var(--gd-border); }
html[data-mode="dark"] .badge-warning { color: var(--gd-text); }
html[data-mode="dark"] a.badge-warning:focus, html[data-mode="dark"] a.badge-warning:hover { color: var(--gd-text); }
html[data-mode="dark"] .badge-light { color: var(--gd-text); background-color: var(--gd-surface-2); }
html[data-mode="dark"] a.badge-light:focus, html[data-mode="dark"] a.badge-light:hover { color: var(--gd-text); background-color: var(--gd-surface-3); }
html[data-mode="dark"] a.badge-dark:focus, html[data-mode="dark"] a.badge-dark:hover { color: var(--gd-inv-text); background-color: var(--gd-inv-bg); }
html[data-mode="dark"] .jumbotron { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .alert { border: 1px solid transparent; }
html[data-mode="dark"] .alert-heading { color: inherit; }
html[data-mode="dark"] .alert-dismissible .close { color: inherit; }
html[data-mode="dark"] .alert-primary { color: hsl(211, 80%, 68%); background-color: hsla(211, 70%, 55%, 0.16); border-color: hsl(211, 48%, 34%); }
html[data-mode="dark"] .alert-primary hr { border-top-color: hsl(211, 48%, 34%); }
html[data-mode="dark"] .alert-primary .alert-link { color: hsl(211, 80%, 68%); }
html[data-mode="dark"] .alert-secondary { color: var(--gd-text-2); background-color: var(--gd-surface-3); border-color: var(--gd-border-2); }
html[data-mode="dark"] .alert-secondary hr { border-top-color: var(--gd-border-2); }
html[data-mode="dark"] .alert-secondary .alert-link { color: var(--gd-text); }
html[data-mode="dark"] .alert-success { color: hsl(134, 61%, 68%); background-color: hsla(134, 41%, 55%, 0.16); border-color: hsl(134, 33%, 34%); }
html[data-mode="dark"] .alert-success hr { border-top-color: hsl(133, 33%, 34%); }
html[data-mode="dark"] .alert-success .alert-link { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .alert-info { color: hsl(189, 78%, 68%); background-color: hsla(189, 53%, 55%, 0.16); border-color: hsl(188, 42%, 34%); }
html[data-mode="dark"] .alert-info hr { border-top-color: hsl(188, 42%, 34%); }
html[data-mode="dark"] .alert-info .alert-link { color: hsl(189, 79%, 68%); }
html[data-mode="dark"] .alert-warning { color: hsl(45, 80%, 68%); background-color: hsla(46, 70%, 55%, 0.16); border-color: hsl(45, 48%, 34%); }
html[data-mode="dark"] .alert-warning hr { border-top-color: hsl(45, 48%, 34%); }
html[data-mode="dark"] .alert-warning .alert-link { color: hsl(45, 80%, 68%); }
html[data-mode="dark"] .alert-danger { color: hsl(354, 61%, 68%); background-color: hsla(355, 70%, 55%, 0.16); border-color: hsl(354, 48%, 34%); }
html[data-mode="dark"] .alert-danger hr { border-top-color: hsl(354, 48%, 34%); }
html[data-mode="dark"] .alert-danger .alert-link { color: hsl(355, 60%, 68%); }
html[data-mode="dark"] .alert-light { color: var(--gd-muted); background-color: var(--gd-surface); border-color: var(--gd-border); }
html[data-mode="dark"] .alert-light hr { border-top-color: var(--gd-border); }
html[data-mode="dark"] .alert-light .alert-link { color: var(--gd-muted); }
html[data-mode="dark"] .alert-dark { color: var(--gd-text); background-color: var(--gd-surface-4); border-color: var(--gd-border-2); }
html[data-mode="dark"] .alert-dark hr { border-top-color: var(--gd-border-2); }
html[data-mode="dark"] .alert-dark .alert-link { color: var(--gd-text); }
html[data-mode="dark"] .progress { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .progress-bar-striped { background-image: linear-gradient(45deg,rgba(var(--gd-surface-rgb), 0.15) 25%,transparent 25%,transparent 50%,rgba(var(--gd-surface-rgb), 0.15) 50%,rgba(var(--gd-surface-rgb), 0.15) 75%,transparent 75%,transparent); }
html[data-mode="dark"] .list-group-item-action { color: var(--gd-text-2); }
html[data-mode="dark"] .list-group-item-action:focus, html[data-mode="dark"] .list-group-item-action:hover { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .list-group-item-action:active { color: var(--gd-text); background-color: var(--gd-surface-3); }
html[data-mode="dark"] .list-group-item { background-color: var(--gd-surface); border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .list-group-item.disabled, html[data-mode="dark"] .list-group-item:disabled { color: var(--gd-muted); background-color: var(--gd-surface); }
html[data-mode="dark"] .list-group-item-primary { color: hsl(211, 80%, 68%); background-color: hsla(211, 70%, 55%, 0.16); }
html[data-mode="dark"] .list-group-item-primary.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-primary.list-group-item-action:hover { color: hsl(211, 80%, 68%); }
html[data-mode="dark"] .list-group-item-secondary { color: var(--gd-text-2); background-color: var(--gd-surface-4); }
html[data-mode="dark"] .list-group-item-secondary.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-secondary.list-group-item-action:hover { color: var(--gd-text-2); background-color: var(--gd-surface-4); }
html[data-mode="dark"] .list-group-item-success { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .list-group-item-success.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-success.list-group-item-action:hover { color: hsl(134, 61%, 68%); }
html[data-mode="dark"] .list-group-item-info { color: hsl(189, 78%, 68%); }
html[data-mode="dark"] .list-group-item-info.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-info.list-group-item-action:hover { color: hsl(189, 78%, 68%); }
html[data-mode="dark"] .list-group-item-warning { color: hsl(45, 80%, 68%); background-color: hsla(45, 70%, 55%, 0.16); }
html[data-mode="dark"] .list-group-item-warning.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-warning.list-group-item-action:hover { color: hsl(45, 80%, 68%); }
html[data-mode="dark"] .list-group-item-danger { color: hsl(354, 61%, 68%); background-color: hsla(354, 70%, 55%, 0.16); }
html[data-mode="dark"] .list-group-item-danger.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-danger.list-group-item-action:hover { color: hsl(354, 61%, 68%); }
html[data-mode="dark"] .list-group-item-light { color: var(--gd-muted); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .list-group-item-light.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-light.list-group-item-action:hover { color: var(--gd-muted); background-color: var(--gd-surface-3); }
html[data-mode="dark"] .list-group-item-dark { color: var(--gd-text); background-color: var(--gd-surface-4); }
html[data-mode="dark"] .list-group-item-dark.list-group-item-action:focus, html[data-mode="dark"] .list-group-item-dark.list-group-item-action:hover { color: var(--gd-text); background-color: var(--gd-surface-4); }
html[data-mode="dark"] .list-group-item-dark.list-group-item-action.active { color: var(--gd-inv-text); background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .close { color: var(--gd-text); }
html[data-mode="dark"] .close:hover { color: var(--gd-text); }
html[data-mode="dark"] button.close { background-color: transparent; }
html[data-mode="dark"] .toast { background-color: rgba(var(--gd-surface-rgb), 0.85); border: 1px solid var(--gd-border-3); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.29); }
html[data-mode="dark"] .toast-header { color: var(--gd-muted); background-color: rgba(var(--gd-surface-rgb), 0.85); border-bottom: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .modal-content { background-color: var(--gd-surface); border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .modal-header { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .modal-footer { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .tooltip .arrow::before { border-color: transparent; }
html[data-mode="dark"] .bs-tooltip-auto[x-placement^=top] .arrow::before, html[data-mode="dark"] .bs-tooltip-top .arrow::before { border-top-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-tooltip-auto[x-placement^=right] .arrow::before, html[data-mode="dark"] .bs-tooltip-right .arrow::before { border-right-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-tooltip-auto[x-placement^=bottom] .arrow::before, html[data-mode="dark"] .bs-tooltip-bottom .arrow::before { border-bottom-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-tooltip-auto[x-placement^=left] .arrow::before, html[data-mode="dark"] .bs-tooltip-left .arrow::before { border-left-color: var(--gd-border-3); }
html[data-mode="dark"] .popover { background-color: var(--gd-surface); border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .popover .arrow::after, html[data-mode="dark"] .popover .arrow::before { border-color: transparent; }
html[data-mode="dark"] .bs-popover-auto[x-placement^=top]>.arrow::before, html[data-mode="dark"] .bs-popover-top>.arrow::before { border-top-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=top]>.arrow::after, html[data-mode="dark"] .bs-popover-top>.arrow::after { border-top-color: var(--gd-border); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=right]>.arrow::before, html[data-mode="dark"] .bs-popover-right>.arrow::before { border-right-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=right]>.arrow::after, html[data-mode="dark"] .bs-popover-right>.arrow::after { border-right-color: var(--gd-border); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=bottom]>.arrow::before, html[data-mode="dark"] .bs-popover-bottom>.arrow::before { border-bottom-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=bottom]>.arrow::after, html[data-mode="dark"] .bs-popover-bottom>.arrow::after { border-bottom-color: var(--gd-border); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=bottom] .popover-header::before, html[data-mode="dark"] .bs-popover-bottom .popover-header::before { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=left]>.arrow::before, html[data-mode="dark"] .bs-popover-left>.arrow::before { border-left-color: var(--gd-border-3); }
html[data-mode="dark"] .bs-popover-auto[x-placement^=left]>.arrow::after, html[data-mode="dark"] .bs-popover-left>.arrow::after { border-left-color: var(--gd-border); }
html[data-mode="dark"] .popover-header { background-color: var(--gd-surface-2); border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .popover-body { color: var(--gd-text); }
html[data-mode="dark"] .carousel-indicators li { background-color: var(--gd-surface); border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
html[data-mode="dark"] .spinner-border { border: .25em solid currentColor; border-right-color: transparent; }
html[data-mode="dark"] .spinner-grow { background-color: currentColor; }
html[data-mode="dark"] .bg-light { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] a.bg-light:focus, html[data-mode="dark"] a.bg-light:hover, html[data-mode="dark"] button.bg-light:focus, html[data-mode="dark"] button.bg-light:hover { background-color: var(--gd-surface-3) !important; }
html[data-mode="dark"] a.bg-dark:focus, html[data-mode="dark"] a.bg-dark:hover, html[data-mode="dark"] button.bg-dark:focus, html[data-mode="dark"] button.bg-dark:hover { background-color: var(--gd-inv-bg) !important; color: var(--gd-inv-text); }
html[data-mode="dark"] .bg-white { background-color: var(--gd-surface) !important; }
html[data-mode="dark"] .bg-transparent { background-color: transparent !important; }
html[data-mode="dark"] .border { border: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .border-top { border-top: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .border-right { border-right: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .border-bottom { border-bottom: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .border-left { border-left: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .border-light { border-color: var(--gd-border) !important; }
html[data-mode="dark"] .border-white { border-color: var(--gd-border) !important; }
html[data-mode="dark"] .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.23) !important; }
html[data-mode="dark"] .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.41) !important; }
html[data-mode="dark"] .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.47) !important; }
html[data-mode="dark"] a.text-primary:focus, html[data-mode="dark"] a.text-primary:hover { color: hsl(211, 80%, 68%) !important; }
html[data-mode="dark"] .text-secondary { color: var(--gd-muted) !important; }
html[data-mode="dark"] a.text-secondary:focus, html[data-mode="dark"] a.text-secondary:hover { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .text-success { color: hsl(134, 61%, 68%) !important; }
html[data-mode="dark"] a.text-success:focus, html[data-mode="dark"] a.text-success:hover { color: hsl(134, 62%, 68%) !important; }
html[data-mode="dark"] .text-info { color: hsl(188, 78%, 68%) !important; }
html[data-mode="dark"] a.text-info:focus, html[data-mode="dark"] a.text-info:hover { color: hsl(188, 77%, 68%) !important; }
html[data-mode="dark"] a.text-warning:focus, html[data-mode="dark"] a.text-warning:hover { color: hsl(45, 80%, 68%) !important; }
html[data-mode="dark"] a.text-danger:focus, html[data-mode="dark"] a.text-danger:hover { color: hsl(354, 70%, 68%) !important; }
html[data-mode="dark"] .text-dark { color: var(--gd-text-2) !important; }
html[data-mode="dark"] a.text-dark:focus, html[data-mode="dark"] a.text-dark:hover { color: var(--gd-text) !important; }
html[data-mode="dark"] .text-body { color: var(--gd-text) !important; }
html[data-mode="dark"] .text-muted { color: var(--gd-muted) !important; }
html[data-mode="dark"] .text-hide { color: transparent; background-color: transparent; }
html[data-mode="dark"] .text-reset { color: inherit !important; }

/* ---- sweetalert.css ---- */
html[data-mode="dark"] .sweet-alert { background-color: var(--gd-surface); border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .sweet-alert button.confirm[disabled] { color: transparent; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-success::before, html[data-mode="dark"] .sweet-alert .sa-icon.sa-success::after { background-color: var(--gd-surface); }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-success .sa-fix { background-color: var(--gd-surface); }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-custom { border: none; }
html[data-mode="dark"] .sweet-alert .btn-default:focus { border-color: var(--gd-border-2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 8px rgba(204, 204, 204, 0.6); }
html[data-mode="dark"] .sweet-alert .btn-success:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 8px rgba(76, 174, 76, 0.6); }
html[data-mode="dark"] .sweet-alert .btn-info:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 8px rgba(70, 184, 218, 0.6); }
html[data-mode="dark"] .sweet-alert .btn-danger:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 8px rgba(212, 63, 58, 0.6); }
html[data-mode="dark"] .sweet-alert .btn-warning:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23), 0 0 8px rgba(238, 162, 54, 0.6); }
html[data-mode="dark"] .la-ball-fall.la-dark { color: var(--gd-text-2); }
html[data-mode="dark"] .la-ball-fall > div { background-color: currentColor; border: 0 solid currentColor; }

/* ---- select2.min.css ---- */
html[data-mode="dark"] .select2-container .select2-search--inline .select2-search__field { border: none; }
html[data-mode="dark"] .select2-dropdown { background-color: var(--gd-surface); }
html[data-mode="dark"] .select2-container--open .select2-dropdown--above { border-bottom: none; }
html[data-mode="dark"] .select2-container--open .select2-dropdown--below { border-top: none; }
html[data-mode="dark"] .select2-close-mask { background-color: var(--gd-surface); }
html[data-mode="dark"] .select2-container--default .select2-selection--single { background-color: var(--gd-surface); }
html[data-mode="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--gd-muted); }
html[data-mode="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--gd-faint); }
html[data-mode="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; }
html[data-mode="dark"] .select2-container--default.select2-container--disabled .select2-selection--single { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; }
html[data-mode="dark"] .select2-container--default .select2-selection--multiple { background-color: var(--gd-surface); }
html[data-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: var(--gd-faint); }
html[data-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--gd-faint); }
html[data-mode="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--gd-text-2); }
html[data-mode="dark"] .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .select2-container--default .select2-search--inline .select2-search__field { border: none; }
html[data-mode="dark"] .select2-container--default .select2-results__option[aria-disabled=true] { color: var(--gd-faint); }
html[data-mode="dark"] .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .select2-container--classic .select2-selection--single { background-color: var(--gd-surface-2); background-image: -webkit-linear-gradient(top,var(--gd-surface) 50%,var(--gd-surface-3) 100%); background-image: -o-linear-gradient(top,var(--gd-surface) 50%,var(--gd-surface-3) 100%); background-image: linear-gradient(to bottom,var(--gd-surface) 50%,var(--gd-surface-3) 100%); }
html[data-mode="dark"] .select2-container--classic .select2-selection--single .select2-selection__rendered { color: var(--gd-text-2); }
html[data-mode="dark"] .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: var(--gd-faint); }
html[data-mode="dark"] .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: var(--gd-surface-3); border: none; background-image: -webkit-linear-gradient(top,var(--gd-surface-3) 50%,var(--gd-surface-4) 100%); background-image: -o-linear-gradient(top,var(--gd-surface-3) 50%,var(--gd-surface-4) 100%); background-image: linear-gradient(to bottom,var(--gd-surface-3) 50%,var(--gd-surface-4) 100%); }
html[data-mode="dark"] .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; }
html[data-mode="dark"] .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; }
html[data-mode="dark"] .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { border: none; }
html[data-mode="dark"] .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; }
html[data-mode="dark"] .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; background-image: -webkit-linear-gradient(top,var(--gd-surface) 0,var(--gd-surface-3) 50%); background-image: -o-linear-gradient(top,var(--gd-surface) 0,var(--gd-surface-3) 50%); background-image: linear-gradient(to bottom,var(--gd-surface) 0,var(--gd-surface-3) 50%); }
html[data-mode="dark"] .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; background-image: -webkit-linear-gradient(top,var(--gd-surface-3) 50%,var(--gd-surface) 100%); background-image: -o-linear-gradient(top,var(--gd-surface-3) 50%,var(--gd-surface) 100%); background-image: linear-gradient(to bottom,var(--gd-surface-3) 50%,var(--gd-surface) 100%); }
html[data-mode="dark"] .select2-container--classic .select2-selection--multiple { background-color: var(--gd-surface); }
html[data-mode="dark"] .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: var(--gd-muted); }
html[data-mode="dark"] .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--gd-text-2); }
html[data-mode="dark"] .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; }
html[data-mode="dark"] .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; }
html[data-mode="dark"] .select2-container--classic .select2-dropdown { background-color: var(--gd-surface); border: 1px solid transparent; }
html[data-mode="dark"] .select2-container--classic .select2-dropdown--above { border-bottom: none; }
html[data-mode="dark"] .select2-container--classic .select2-dropdown--below { border-top: none; }

/* ---- responsive.dataTables.min.css ---- */
html[data-mode="dark"] table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, html[data-mode="dark"] table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before { border: 0.15em solid var(--gd-surface); }
html[data-mode="dark"] table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, html[data-mode="dark"] table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, html[data-mode="dark"] table.dataTable.dtr-column > tbody > tr > td.control:before, html[data-mode="dark"] table.dataTable.dtr-column > tbody > tr > th.control:before { border: 0.15em solid var(--gd-surface); }
html[data-mode="dark"] table.dataTable > tbody > tr.child:hover { background-color: transparent !important; }
html[data-mode="dark"] table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: none; }
html[data-mode="dark"] div.dtr-modal div.dtr-modal-display { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border-3); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] div.dtr-modal div.dtr-modal-close { border: 1px solid var(--gd-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] div.dtr-modal div.dtr-modal-close:hover { background-color: var(--gd-surface-3); }

/* ---- jquery.dataTables.min.css ---- */
html[data-mode="dark"] table.dataTable thead th, html[data-mode="dark"] table.dataTable thead td { border-bottom: 1px solid var(--gd-border-3); }
html[data-mode="dark"] table.dataTable thead th:active, html[data-mode="dark"] table.dataTable thead td:active { outline: none; }
html[data-mode="dark"] table.dataTable tfoot th, html[data-mode="dark"] table.dataTable tfoot td { border-top: 1px solid var(--gd-border-3); }
html[data-mode="dark"] table.dataTable tbody tr { background-color: var(--gd-surface); }
html[data-mode="dark"] table.dataTable.row-border tbody th, html[data-mode="dark"] table.dataTable.row-border tbody td, html[data-mode="dark"] table.dataTable.display tbody th, html[data-mode="dark"] table.dataTable.display tbody td { border-top: 1px solid var(--gd-border-2); }
html[data-mode="dark"] table.dataTable.row-border tbody tr:first-child th, html[data-mode="dark"] table.dataTable.row-border tbody tr:first-child td, html[data-mode="dark"] table.dataTable.display tbody tr:first-child th, html[data-mode="dark"] table.dataTable.display tbody tr:first-child td { border-top: none; }
html[data-mode="dark"] table.dataTable.cell-border tbody th, html[data-mode="dark"] table.dataTable.cell-border tbody td { border-top: 1px solid var(--gd-border-2); border-right: 1px solid var(--gd-border-2); }
html[data-mode="dark"] table.dataTable.cell-border tbody tr th:first-child, html[data-mode="dark"] table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid var(--gd-border-2); }
html[data-mode="dark"] table.dataTable.cell-border tbody tr:first-child th, html[data-mode="dark"] table.dataTable.cell-border tbody tr:first-child td { border-top: none; }
html[data-mode="dark"] table.dataTable.stripe tbody tr.odd, html[data-mode="dark"] table.dataTable.display tbody tr.odd { background-color: var(--gd-surface-2); }
html[data-mode="dark"] table.dataTable.hover tbody tr:hover, html[data-mode="dark"] table.dataTable.display tbody tr:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] table.dataTable.order-column tbody tr>.sorting_1, html[data-mode="dark"] table.dataTable.order-column tbody tr>.sorting_2, html[data-mode="dark"] table.dataTable.order-column tbody tr>.sorting_3, html[data-mode="dark"] table.dataTable.display tbody tr>.sorting_1, html[data-mode="dark"] table.dataTable.display tbody tr>.sorting_2, html[data-mode="dark"] table.dataTable.display tbody tr>.sorting_3 { background-color: var(--gd-surface-2); }
html[data-mode="dark"] table.dataTable.display tbody tr.odd>.sorting_1, html[data-mode="dark"] table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 { background-color: var(--gd-surface-3); }
html[data-mode="dark"] table.dataTable.display tbody tr.odd>.sorting_2, html[data-mode="dark"] table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 { background-color: var(--gd-surface-3); }
html[data-mode="dark"] table.dataTable.display tbody tr.even>.sorting_1, html[data-mode="dark"] table.dataTable.order-column.stripe tbody tr.even>.sorting_1 { background-color: var(--gd-surface-2); }
html[data-mode="dark"] table.dataTable.display tbody tr.even>.sorting_2, html[data-mode="dark"] table.dataTable.order-column.stripe tbody tr.even>.sorting_2 { background-color: var(--gd-surface-2); }
html[data-mode="dark"] table.dataTable.display tbody tr.even>.sorting_3, html[data-mode="dark"] table.dataTable.order-column.stripe tbody tr.even>.sorting_3 { background-color: var(--gd-surface); }
html[data-mode="dark"] table.dataTable.display tbody tr:hover>.sorting_1, html[data-mode="dark"] table.dataTable.order-column.hover tbody tr:hover>.sorting_1 { background-color: var(--gd-surface-3); }
html[data-mode="dark"] table.dataTable.display tbody tr:hover>.sorting_2, html[data-mode="dark"] table.dataTable.order-column.hover tbody tr:hover>.sorting_2 { background-color: var(--gd-surface-3); }
html[data-mode="dark"] table.dataTable.display tbody tr:hover>.sorting_3, html[data-mode="dark"] table.dataTable.order-column.hover tbody tr:hover>.sorting_3 { background-color: var(--gd-surface-3); }
html[data-mode="dark"] table.dataTable.no-footer { border-bottom: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .dataTables_wrapper .dataTables_length select { background-color: transparent; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_filter input { background-color: transparent; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--gd-text-2) !important; border: 1px solid transparent; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current, html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: var(--gd-text-2) !important; background-color: var(--gd-surface); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--gd-surface)), color-stop(100%, var(--gd-surface-3))); background: -webkit-linear-gradient(top, var(--gd-surface) 0%, var(--gd-surface-3) 100%); background: -moz-linear-gradient(top, var(--gd-surface) 0%, var(--gd-surface-3) 100%); background: -ms-linear-gradient(top, var(--gd-surface) 0%, var(--gd-surface-3) 100%); background: -o-linear-gradient(top, var(--gd-surface) 0%, var(--gd-surface-3) 100%); background: linear-gradient(to bottom, var(--gd-surface) 0%, var(--gd-surface-3) 100%); }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: var(--gd-muted) !important; border: 1px solid transparent; background-color: transparent; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: var(--gd-inv-bg); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--gd-inv-bg)), color-stop(100%, var(--gd-inv-bg))); background: -webkit-linear-gradient(top, var(--gd-inv-bg) 0%, var(--gd-inv-bg) 100%); background: -moz-linear-gradient(top, var(--gd-inv-bg) 0%, var(--gd-inv-bg) 100%); background: -ms-linear-gradient(top, var(--gd-inv-bg) 0%, var(--gd-inv-bg) 100%); background: -o-linear-gradient(top, var(--gd-inv-bg) 0%, var(--gd-inv-bg) 100%); background: linear-gradient(to bottom, var(--gd-inv-bg) 0%, var(--gd-inv-bg) 100%); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.60); color: var(--gd-inv-text); }
html[data-mode="dark"] .dataTables_wrapper .dataTables_processing { background-color: var(--gd-surface); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(var(--gd-surface-rgb), 0.90)), color-stop(75%, rgba(var(--gd-surface-rgb), 0.90)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(var(--gd-surface-rgb), 0.90) 25%, rgba(var(--gd-surface-rgb), 0.90) 75%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(var(--gd-surface-rgb), 0.90) 25%, rgba(var(--gd-surface-rgb), 0.90) 75%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(var(--gd-surface-rgb), 0.90) 25%, rgba(var(--gd-surface-rgb), 0.90) 75%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(var(--gd-surface-rgb), 0.90) 25%, rgba(var(--gd-surface-rgb), 0.90) 75%, rgba(255,255,255,0) 100%); }
html[data-mode="dark"] .dataTables_wrapper .dataTables_length, html[data-mode="dark"] .dataTables_wrapper .dataTables_filter, html[data-mode="dark"] .dataTables_wrapper .dataTables_info, html[data-mode="dark"] .dataTables_wrapper .dataTables_processing, html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate { color: var(--gd-text-2); }
html[data-mode="dark"] .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, html[data-mode="dark"] .dataTables_wrapper.no-footer div.dataTables_scrollBody>table { border-bottom: none; }

/* ---- bootstrap-switch.min.css ---- */
html[data-mode="dark"] .bootstrap-switch { border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, html[data-mode="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { color: var(--gd-text); background-color: var(--gd-surface-3); }
html[data-mode="dark"] .bootstrap-switch .bootstrap-switch-label { color: var(--gd-text-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .bootstrap-switch.bootstrap-switch-focused { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.23),0 0 8px rgba(102,175,233,.6); }

/* ---- bootstrap-datetimepicker.min.css ---- */
html[data-mode="dark"] .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid var(--gd-border-2); border-bottom-color: var(--gd-border-3); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid var(--gd-border); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--gd-border-2); border-top-color: var(--gd-border-3); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--gd-border); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table th.disabled, html[data-mode="dark"] .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.day:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.hour:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.minute:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.second:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.today:before { border: solid transparent; border-bottom-color: var(--gd-border); border-top-color: var(--gd-border-3); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.active, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.active:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: var(--gd-border); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.disabled, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td span:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td i:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td span.active, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td i.active { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td span.disabled, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td i.disabled, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td span.disabled:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td i.disabled:hover { background: none; }

/* ---- highcharts.css ---- */
html[data-mode="dark"] .highcharts-container { -webkit-tap-highlight-color: transparent; }
html[data-mode="dark"] .highcharts-plot-border, html[data-mode="dark"] .highcharts-plot-background { fill: none; }
html[data-mode="dark"] .highcharts-label-box { fill: none; }
html[data-mode="dark"] .highcharts-button-box { fill: inherit; }
html[data-mode="dark"] .highcharts-title { fill: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-subtitle { fill: var(--gd-muted); }
html[data-mode="dark"] .highcharts-axis-line { fill: none; }
html[data-mode="dark"] .highcharts-axis-title { fill: var(--gd-muted); }
html[data-mode="dark"] .highcharts-axis-labels { fill: var(--gd-muted); }
html[data-mode="dark"] .highcharts-grid-line { fill: none; }
html[data-mode="dark"] .highcharts-credits { fill: var(--gd-faint); }
html[data-mode="dark"] .highcharts-credits:hover { fill: var(--gd-text); }
html[data-mode="dark"] .highcharts-tooltip text { fill: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-selection-marker { fill: hsl(220, 54%, 68%); }
html[data-mode="dark"] .highcharts-graph { fill: none; }
html[data-mode="dark"] .highcharts-data-label-box { fill: none; }
html[data-mode="dark"] .highcharts-data-label text, html[data-mode="dark"] text.highcharts-data-label { fill: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-data-label-connector { fill: none; }
html[data-mode="dark"] .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select { stroke: var(--gd-text); }
html[data-mode="dark"] .highcharts-funnel-series .highcharts-point-select { fill: inherit; stroke: inherit; }
html[data-mode="dark"] .highcharts-pyramid-series .highcharts-point-select { fill: inherit; stroke: inherit; }
html[data-mode="dark"] .highcharts-treemap-series .highcharts-point-hover { stroke: var(--gd-faint); }
html[data-mode="dark"] .highcharts-treemap-series .highcharts-internal-node { fill: none; }
html[data-mode="dark"] .highcharts-legend-box { fill: none; }
html[data-mode="dark"] .highcharts-legend-item text { fill: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-legend-item:hover text { fill: var(--gd-text); }
html[data-mode="dark"] .highcharts-legend-nav-active { fill: hsl(220, 80%, 68%); }
html[data-mode="dark"] .highcharts-legend-title-box { fill: none; }
html[data-mode="dark"] .highcharts-loading { background-color: var(--gd-surface); }
html[data-mode="dark"] .highcharts-plot-band, html[data-mode="dark"] .highcharts-pane { fill: var(--gd-text); }
html[data-mode="dark"] .highcharts-plot-line { fill: none; stroke: var(--gd-faint); }
html[data-mode="dark"] .highcharts-errorbar-series .highcharts-point { stroke: var(--gd-text); }
html[data-mode="dark"] .highcharts-gauge-series .highcharts-dial { fill: var(--gd-text); }
html[data-mode="dark"] .highcharts-polygon-series .highcharts-graph { fill: inherit; }
html[data-mode="dark"] .highcharts-waterfall-series .highcharts-graph { stroke: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-navigator-outline { fill: none; }
html[data-mode="dark"] .highcharts-navigator-series { fill: hsl(220, 54%, 68%); stroke: hsl(220, 54%, 68%); }
html[data-mode="dark"] .highcharts-navigator-xaxis.highcharts-axis-labels { fill: var(--gd-faint); }
html[data-mode="dark"] .highcharts-scrollbar-arrow { fill: var(--gd-muted); }
html[data-mode="dark"] .highcharts-scrollbar-rifles { stroke: var(--gd-muted); }
html[data-mode="dark"] .highcharts-button text { fill: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-button-hover { stroke: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-button-pressed { stroke: hsl(220, 54%, 68%); }
html[data-mode="dark"] .highcharts-range-label rect { fill: none; }
html[data-mode="dark"] .highcharts-range-label text { fill: var(--gd-muted); }
html[data-mode="dark"] .highcharts-range-input rect { fill: none; }
html[data-mode="dark"] .highcharts-range-input text { fill: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-crosshair-label .highcharts-label-box { fill: inherit; }
html[data-mode="dark"] .highcharts-candlestick-series .highcharts-point { stroke: var(--gd-text); }
html[data-mode="dark"] .highcharts-flags-series .highcharts-point .highcharts-label-box { stroke: var(--gd-faint); }
html[data-mode="dark"] .highcharts-flags-series .highcharts-point-hover .highcharts-label-box { stroke: var(--gd-text); }
html[data-mode="dark"] .highcharts-flags-series .highcharts-point text { fill: var(--gd-text); }
html[data-mode="dark"] .highcharts-mapline-series .highcharts-point { fill: none; }
html[data-mode="dark"] .highcharts-coloraxis-marker { fill: var(--gd-faint); }
html[data-mode="dark"] .highcharts-3d-frame { fill: transparent; }
html[data-mode="dark"] .highcharts-contextbutton { stroke: none; }
html[data-mode="dark"] .highcharts-button-symbol { stroke: var(--gd-muted); }
html[data-mode="dark"] .highcharts-menu { background-color: var(--gd-surface); }
html[data-mode="dark"] .highcharts-menu-item { background: none; color: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-drilldown-data-label text, html[data-mode="dark"] text.highcharts-drilldown-data-label, html[data-mode="dark"] .highcharts-drilldown-axis-label { fill: hsl(220, 80%, 68%); }
html[data-mode="dark"] .highcharts-no-data text { fill: var(--gd-muted); }
html[data-mode="dark"] .highcharts-axis-resizer { stroke: var(--gd-text); }
html[data-mode="dark"] .highcharts-lineargauge-target { stroke: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-lineargauge-target-line { stroke: var(--gd-text-2); }
html[data-mode="dark"] .highcharts-annotation-label-box { stroke: var(--gd-text); fill: var(--gd-text); }

/* ---- gs-polish.css ---- */
html[data-mode="dark"] .gs-admin table.dataTable tbody td.gs-es-td, html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td.gs-es-td { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr:has(> td.gs-es-td) { background-color: transparent !important; }
html[data-mode="dark"] .gs-es b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gs-es small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-toast { box-shadow: 0 20px 44px -14px rgba(0, 0, 0, 0.60), 0 0 0 1px rgba(255, 255, 255, .04); }
html[data-mode="dark"] .gs-toast .tx small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-toast .x { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .gs-toast .x:hover { background-color: rgba(var(--gd-surface-rgb), 0.08); }
html[data-mode="dark"] .sweet-alert .gs-swal-item { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: hsl(216, 18%, 68%); }
html[data-mode="dark"] .sweet-alert .gs-swal-item b { color: hsl(220, 43%, 68%); }
html[data-mode="dark"] .gs-trend-d.is-good { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gs-trend-d.is-eq, html[data-mode="dark"] .gs-trend-d.is-new { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .gs-trend-d.is-eq, html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .gs-trend-d.is-new { background-color: rgba(var(--gd-surface-rgb), 0.10); }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .gs-trend-c { color: var(--gd-faint); }
html[data-mode="dark"] .gs-admin :has(> label[id$="_validate"][style*="block"]) > .form-control, html[data-mode="dark"] .gs-admin :has(> label[id$="_validate"][style*="block"]) > .select2-container .select2-selection { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] .bootstrap-datetimepicker-widget.dropdown-menu { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table thead tr:first-child th { color: var(--gd-text); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.day:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td span:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .bootstrap-datetimepicker-widget .glyphicon-chevron-left::before, html[data-mode="dark"] .bootstrap-datetimepicker-widget .glyphicon-chevron-right::before, html[data-mode="dark"] .bootstrap-datetimepicker-widget .glyphicon-chevron-up::before, html[data-mode="dark"] .bootstrap-datetimepicker-widget .glyphicon-chevron-down::before { border: solid currentColor; }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table th.prev, html[data-mode="dark"] .bootstrap-datetimepicker-widget table th.next { color: hsl(216, 18%, 68%); }
html[data-mode="dark"] .gs-rp-tools .gs-rp-print { background-color: var(--gd-surface); border: 1px solid var(--gd-border); color: var(--gd-text); }
html[data-mode="dark"] .gs-rp-tools .gs-rp-print:hover { border-color: var(--gd-border-2); background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .gs-rp-tools .gs-rp-print .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-noaccess { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-noaccess .gs-na-ic { background: rgba(var(--gs-red-rgb, 213, 60, 65), .1); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-noaccess h2 { color: var(--gd-text); }
html[data-mode="dark"] .gs-noaccess p { color: var(--gd-muted); }
html[data-mode="dark"] .gs-noaccess .gs-na-back { background-color: var(--gd-surface); color: var(--gd-text); border: 1px solid var(--gd-border); }

/* ---- admin.css ---- */
html[data-mode="dark"] body.gs-admin { background-color: var(--gs-bg); color: var(--gs-text); }
html[data-mode="dark"] .gs-admin a { color: var(--gs-text); }
html[data-mode="dark"] .gs-admin a:hover { color: var(--gs-red); }
html[data-mode="dark"] .gs-skip { background-color: var(--gs-black); border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-sidebar { background-color: var(--gs-side-bg); color: var(--gs-side-text); }
html[data-mode="dark"] .gs-brand { border-bottom: 1px solid var(--gs-side-line); }
html[data-mode="dark"] .gs-brand-mark { border-radius: var(--gs-radius); background-color: var(--gs-red); }
html[data-mode="dark"] .gs-brand-name { color: var(--gs-side-text-strong); }
html[data-mode="dark"] .gs-brand-sub { color: var(--gd-faint); }
html[data-mode="dark"] .gs-nav-link { background-color: transparent; color: var(--gs-side-text) !important; border-inline-start: 3px solid transparent; }
html[data-mode="dark"] .gs-nav-link:hover, html[data-mode="dark"] .gs-nav-link:focus-visible { background-color: var(--gs-side-hover); color: var(--gs-side-text-strong) !important; outline: none; }
html[data-mode="dark"] .gs-nav-link.is-active, html[data-mode="dark"] .gs-nav-group.has-active > .gs-nav-link { color: var(--gs-side-text-strong) !important; border-inline-start-color: var(--gs-red); }
html[data-mode="dark"] .gs-nav-link.is-active { background-color: var(--gs-side-hover); }
html[data-mode="dark"] .gs-nav-sub { background: var(--gs-side-sub, #0d0d0d); }
html[data-mode="dark"] .gs-nav-sublink { color: var(--gs-side-text) !important; }
html[data-mode="dark"] .gs-sub-icon { background-color: rgba(var(--gd-surface-rgb), 0.04); color: var(--gd-faint); }
html[data-mode="dark"] .gs-nav-sublink:hover, html[data-mode="dark"] .gs-nav-sublink:focus-visible { color: var(--gs-side-text-strong) !important; background-color: var(--gs-side-hover); outline: none; }
html[data-mode="dark"] .gs-nav-sublink:hover .gs-sub-icon { background-color: rgba(var(--gd-surface-rgb), 0.09); }
html[data-mode="dark"] .gs-nav-sublink.is-active { color: var(--gs-side-text-strong) !important; }
html[data-mode="dark"] .gs-nav-sublink.is-active .gs-sub-icon { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-side-foot { border-top: 1px solid var(--gs-side-line); }
html[data-mode="dark"] .gs-user-avatar { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-user-role { color: var(--gd-faint); }
html[data-mode="dark"] .gs-topbar { background-color: var(--gs-surface); border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-icon-btn { border: 1px solid var(--gs-border); border-radius: var(--gs-radius); background-color: var(--gs-surface); color: var(--gs-text); }
html[data-mode="dark"] .gs-icon-btn:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-crumb { color: var(--gs-muted); }
html[data-mode="dark"] .gs-page-title { color: var(--gs-text); }
html[data-mode="dark"] .gs-lang { border: 1px solid var(--gs-border); border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-lang-btn { color: var(--gs-muted) !important; }
html[data-mode="dark"] .gs-lang-btn.is-on { background-color: var(--gs-accent); }
html[data-mode="dark"] .gs-lang-btn:not(.is-on):hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-chip { border-radius: var(--gs-radius); background-color: var(--gd-surface-2); color: var(--gs-text); }
html[data-mode="dark"] .gs-chip .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-user-btn { background-color: transparent; color: var(--gs-text); border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-user-btn:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-user-btn .gs-user-avatar { background-color: var(--gs-accent); }
html[data-mode="dark"] .gs-admin .dropdown-menu { border-color: var(--gs-border); border-radius: var(--gs-radius); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .gs-admin .dropdown-item:active, html[data-mode="dark"] .gs-admin .dropdown-item.active { background-color: var(--gs-accent); }
html[data-mode="dark"] .gs-footer { color: var(--gs-muted); border-top: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-footer a { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .banner-style-two.banner-bg { background: none; }
html[data-mode="dark"] .gs-admin .widget-box { background-color: var(--gs-surface); border: 1px solid var(--gs-border); border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-admin .widget-header { border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-admin .widget-title { color: var(--gs-text); }
html[data-mode="dark"] .gs-admin .widget-title span[style*="color:red"], html[data-mode="dark"] .gs-admin .widget-title span[style*="color: red"] { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .widget-body h3 { color: var(--gs-text); }
html[data-mode="dark"] .gs-admin .card { border-color: var(--gs-border); border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-admin .card-header { background-color: var(--gd-surface-2); border-bottom-color: var(--gs-border); }
html[data-mode="dark"] .gs-hint { color: var(--gs-muted); }
html[data-mode="dark"] .gs-hint .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-admin label { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-admin .form-control { border-color: var(--gs-border-strong); border-radius: var(--gs-radius); color: var(--gs-text); }
html[data-mode="dark"] .gs-admin .form-control:focus { border-color: var(--gs-accent); }
html[data-mode="dark"] .gs-admin .control-label[style*="red"], html[data-mode="dark"] .gs-error { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .btn { border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-admin .btn-primary, html[data-mode="dark"] .gs-admin .btn-info, html[data-mode="dark"] .gs-admin .btn-success { background-color: var(--gs-accent); border-color: var(--gs-accent); }
html[data-mode="dark"] .gs-admin .btn-dark { background: var(--gs-var(--gd-inv-bg)); border-color: var(--gs-var(--gd-inv-bg)); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .gs-admin .btn-dark:hover { background: var(--gs-var(--gd-inv-bg)-hover); border-color: var(--gs-var(--gd-inv-bg)-hover); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-admin .btn-primary:hover, html[data-mode="dark"] .gs-admin .btn-info:hover, html[data-mode="dark"] .gs-admin .btn-success:hover, html[data-mode="dark"] .gs-admin .btn-primary:focus, html[data-mode="dark"] .gs-admin .btn-info:focus, html[data-mode="dark"] .gs-admin .btn-success:focus, html[data-mode="dark"] .gs-admin .btn-primary:not(:disabled):active, html[data-mode="dark"] .gs-admin .btn-info:not(:disabled):active, html[data-mode="dark"] .gs-admin .btn-success:not(:disabled):active { background-color: var(--gs-accent-hover); border-color: var(--gs-accent-hover); }
html[data-mode="dark"] .gs-admin .btn-danger { background: var(--gs-var(--gd-inv-bg)); border-color: var(--gs-var(--gd-inv-bg)); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .gs-admin .btn-danger:hover { background: var(--gs-var(--gd-inv-bg)-hover); border-color: var(--gs-var(--gd-inv-bg)-hover); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-admin .btn-secondary { background-color: var(--gd-surface); border-color: var(--gs-border-strong); color: var(--gs-text) !important; }
html[data-mode="dark"] .gs-admin .btn-secondary:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-admin .red, html[data-mode="dark"] .gs-admin a.red { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .blue, html[data-mode="dark"] .gs-admin a.blue { color: var(--gs-text) !important; }
html[data-mode="dark"] .gs-admin .text-primary { color: var(--gs-text) !important; }
html[data-mode="dark"] .gs-admin .text-danger { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .modal-header { border-bottom-color: var(--gs-border); }
html[data-mode="dark"] .gs-admin .modal-title span[style*="color:red"], html[data-mode="dark"] .gs-admin .modal-title span[style*="color: red"] { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin table.dataTable, html[data-mode="dark"] .gs-admin .table { color: var(--gs-text); }
html[data-mode="dark"] .gs-admin table.dataTable thead th, html[data-mode="dark"] .gs-admin .table thead th { background-color: var(--gd-surface-2); color: var(--gd-text-2); border-bottom: 1px solid var(--gs-border-strong) !important; }
html[data-mode="dark"] .gs-admin .table-bordered, html[data-mode="dark"] .gs-admin .table-bordered td, html[data-mode="dark"] .gs-admin .table-bordered th { border-color: var(--gs-border) !important; }
html[data-mode="dark"] .gs-admin table.dataTable tbody tr:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_filter input { border: 1px solid var(--gs-border-strong); border-radius: var(--gs-radius); outline: none; }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_filter input:focus { border-color: var(--gs-accent); }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button { border-radius: var(--gs-radius) !important; border: 1px solid transparent !important; }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background-color: var(--gd-surface-3) !important; color: var(--gs-text) !important; border-color: var(--gs-border) !important; }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button.current, html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background-color: var(--gs-accent) !important; border-color: var(--gs-accent) !important; }
html[data-mode="dark"] .gs-admin button.dt-button, html[data-mode="dark"] .gs-admin a.dt-button { background-color: var(--gd-surface) !important; border: 1px solid var(--gs-border-strong) !important; border-radius: var(--gs-radius) !important; color: var(--gs-text) !important; }
html[data-mode="dark"] .gs-admin button.dt-button:hover, html[data-mode="dark"] .gs-admin a.dt-button:hover { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, html[data-mode="dark"] table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before { background-color: var(--gs-accent) !important; border-color: var(--gd-surface) !important; }
html[data-mode="dark"] table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before { background-color: var(--gs-var(--gd-inv-bg)) !important; color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection--single { border-color: var(--gs-border-strong); border-radius: var(--gs-radius); }
html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--gs-text); }
html[data-mode="dark"] .gs-admin .select2-container--default.select2-container--focus .select2-selection--single, html[data-mode="dark"] .gs-admin .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--gs-accent); }
html[data-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--gs-accent) !important; }
html[data-mode="dark"] .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--gs-red-soft); color: var(--gs-text); }
html[data-mode="dark"] .select2-dropdown { border-color: var(--gs-border-strong); }
html[data-mode="dark"] .sweet-alert button.confirm, html[data-mode="dark"] .sweet-alert button.btn { background-color: var(--gs-accent) !important; }
html[data-mode="dark"] .sweet-alert input:focus { border-color: var(--gs-accent) !important; }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.active, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.active:hover, html[data-mode="dark"] .bootstrap-datetimepicker-widget table td span.active { background-color: var(--gs-accent) !important; }
html[data-mode="dark"] .bootstrap-datetimepicker-widget table td.today::before { border-bottom-color: var(--gs-accent) !important; }
html[data-mode="dark"] .ui-state-active, html[data-mode="dark"] .ui-widget-content .ui-state-active, html[data-mode="dark"] .ui-menu .ui-menu-item-wrapper.ui-state-active { background-color: var(--gs-accent) !important; border-color: var(--gs-accent) !important; }
html[data-mode="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, html[data-mode="dark"] .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background-color: var(--gs-accent); }
html[data-mode="dark"] .gs-admin .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--gs-accent); border-color: var(--gs-accent); }
@media (max-width: 991.98px) {
html[data-mode="dark"] .gs-drawer-open .gs-sidebar, html[data-mode="dark"][dir="rtl"] .gs-drawer-open .gs-sidebar { box-shadow: 0 0 30px rgba(0, 0, 0, 0.60); }
}

/* ---- gs-boot.css ---- */
html[data-mode="dark"] .gs-boot { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gb-sk { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gb-sk::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(var(--gd-surface-rgb), 0.60), rgba(255, 255, 255, 0)); }
html[data-mode="dark"] .gb-side { background: var(--gs-side-bg, #141414); }
html[data-mode="dark"] .gb-side .gb-sk { background-color: rgba(var(--gd-surface-rgb), 0.07); }
html[data-mode="dark"] .gb-side .gb-sk::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(var(--gd-surface-rgb), 0.07), rgba(255, 255, 255, 0)); }
html[data-mode="dark"] .gb-top { background-color: var(--gd-surface); border-bottom: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gb-kpis .gb-sk { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gb-kpis .gb-sk::after { background: linear-gradient(90deg, rgba(236, 238, 241, 0), rgba(var(--gd-surface-rgb), 0.90), rgba(236, 238, 241, 0)); }
html[data-mode="dark"] .gb-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gb-row { border-bottom: 1px solid var(--gd-border); }
@media (max-width: 991.98px) {
html[data-mode="dark"] .gs-boot.has-bnav .gb-bnav { background-color: var(--gd-surface); border-top: 1px solid var(--gs-border, var(--gd-border)); }
}

/* ---- admin-fx.css ---- */
html[data-mode="dark"] .gs-progress { background: linear-gradient(90deg, var(--gs-red), var(--gs-red-light, #ff7a7e)); }
html[data-mode="dark"] .gs-topbar.is-scrolled { background-color: rgba(var(--gd-surface-rgb), 0.92); }
html[data-mode="dark"] .gs-clock { border-radius: var(--gs-radius); color: var(--gs-muted); }
html[data-mode="dark"] .gs-clock .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-sidebar { background: linear-gradient(180deg, var(--gs-side-top, #171717) 0%, var(--gs-side-bottom, #101010) 100%); }
html[data-mode="dark"] .gs-nav-group.has-active > .gs-nav-link .gs-nav-icon, html[data-mode="dark"] .gs-nav-link.is-active .gs-nav-icon { color: var(--gs-red); }
html[data-mode="dark"] .gs-nav-sublink.is-active { background: linear-gradient(90deg, rgba(var(--gs-red-rgb, 213, 60, 65), .18), rgba(var(--gs-red-rgb, 213, 60, 65), 0) 85%); }
html[data-mode="dark"][dir="rtl"] .gs-nav-sublink.is-active { background: linear-gradient(270deg, rgba(var(--gs-red-rgb, 213, 60, 65), .18), rgba(var(--gs-red-rgb, 213, 60, 65), 0) 85%); }
html[data-mode="dark"] .gs-nav-sublink.is-active::after { background-color: var(--gs-red); }
@media (min-width: 992px) {
html[data-mode="dark"] .gs-collapsed .gs-nav-group.has-active > .gs-nav-sub { background-color: rgba(var(--gd-surface-rgb), 0.04); border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .gs-collapsed .gs-nav-group.has-active .gs-nav-sublink.is-active { background: none; }
html[data-mode="dark"] .gs-collapsed .gs-nav-group:not(.has-active):hover > .gs-nav-sub { background: var(--gs-side-bg, #161616); border: 1px solid var(--gs-side-line, var(--gd-border-3)); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-collapsed .gs-nav-group:not(.has-active):hover > .gs-nav-sub::before { border-bottom: 1px solid var(--gs-side-line, var(--gd-border-3)); }
html[data-mode="dark"] .gs-collapsed .gs-nav-group:not(.has-active):hover > .gs-nav-toggle { background-color: var(--gs-side-hover); }
}
html[data-mode="dark"] .gs-admin .widget-header::before { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-ripple { background-color: rgba(var(--gd-surface-rgb), 0.45); }
html[data-mode="dark"] .btn-secondary .gs-ripple, html[data-mode="dark"] button.dt-button .gs-ripple { background: rgba(var(--gs-red-rgb, 213, 60, 65), .18); }
html[data-mode="dark"] .gs-admin table.dataTable tbody tr:hover > td { background: rgba(var(--gs-red-rgb, 213, 60, 65), .05) !important; }
html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color"]::before, html[data-mode="dark"] .gs-admin table.dataTable td h5[style*="color"]::before, html[data-mode="dark"] .gs-admin table.dataTable td h5.blue::before { background-color: currentColor; }
html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color:green"], html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color: green"], html[data-mode="dark"] .gs-admin table.dataTable td h5[style*="color:green"], html[data-mode="dark"] .gs-admin table.dataTable td h5[style*="color: green"] { background-color: hsla(146, 44%, 55%, 0.16); color: hsl(150, 66%, 68%) !important; }
html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color:blue"], html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color: blue"], html[data-mode="dark"] .gs-admin table.dataTable td h5.blue { background-color: hsla(218, 70%, 55%, 0.16); color: hsl(221, 73%, 68%) !important; }
html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color:red"], html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color: red"], html[data-mode="dark"] .gs-admin table.dataTable td p[style*="color: Red"] { background-color: var(--gs-red-soft); color: hsl(358, 65%, 68%) !important; }
html[data-mode="dark"] .gs-admin table.dataTable td p[style*="darkorange"] { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(31, 80%, 68%) !important; }
html[data-mode="dark"] .gs-admin .modal-header::after { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-admin .form-control:hover:not(:focus) { border-color: var(--gd-border-2); }
html[data-mode="dark"] .gs-brand { background: radial-gradient(120% 140% at 0% 0%, rgba(var(--gs-red-rgb, 213, 60, 65), .22), rgba(var(--gs-red-rgb, 213, 60, 65), 0) 60%); }
html[data-mode="dark"][dir="rtl"] .gs-brand { background: radial-gradient(120% 140% at 100% 0%, rgba(var(--gs-red-rgb, 213, 60, 65), .22), rgba(var(--gs-red-rgb, 213, 60, 65), 0) 60%); }
html[data-mode="dark"] .gs-brand-fav { background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-title-icon { background: linear-gradient(135deg, var(--gs-red), var(--gs-red-light, #e8676b)); }
html[data-mode="dark"] .gs-content { background: radial-gradient(900px 260px at 100% -60px, rgba(var(--gs-red-rgb, 213, 60, 65), .07), transparent 70%),
        radial-gradient(700px 220px at 0% -80px, rgba(20, 20, 20, .05), transparent 70%); }
html[data-mode="dark"] .gs-admin table.dataTable thead th { background: linear-gradient(180deg, var(--gd-surface-2), var(--gd-surface-3)) !important; }
html[data-mode="dark"] .gs-admin table.dataTable tbody tr:nth-child(even) > td { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-admin table.dataTable tbody tr.selected > td { background-color: var(--gs-red-soft) !important; }
html[data-mode="dark"] .gs-admin table.dataTable tbody tr.child > td { background-color: var(--gd-surface) !important; }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_filter input { background: var(--gd-surface) no-repeat; }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_length select { border: 1px solid var(--gs-border-strong); }
html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_info { color: var(--gs-muted); }
html[data-mode="dark"] .gs-admin button.dt-button:hover, html[data-mode="dark"] .gs-admin a.dt-button:hover { border-color: var(--gs-red) !important; color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .widget-header { background: linear-gradient(180deg, var(--gd-surface), var(--gd-surface-2)); }
html[data-mode="dark"] .gs-admin ::selection { background: rgba(var(--gs-red-rgb, 213, 60, 65), .22); }
html[data-mode="dark"] .gs-admin * { scrollbar-color: var(--gd-border-2) transparent; }
html[data-mode="dark"] .gs-admin ::-webkit-scrollbar-thumb { background-color: var(--gd-surface-4); border: 2px solid transparent; }
html[data-mode="dark"] .gs-admin ::-webkit-scrollbar-thumb:hover { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-lang-btn.is-on { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.41); }
html[data-mode="dark"] .gs-chip { border: 1px solid transparent; }
html[data-mode="dark"] .gs-chip:hover { border-color: var(--gs-border); }
html[data-mode="dark"] .gs-ptr { background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-ptr-ring { border: 2.5px solid rgba(var(--gs-red-rgb, 213, 60, 65), .25); border-top-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-ptr.is-ready .gs-ptr-ring { border-color: var(--gs-red, #d53c41); border-top-color: var(--gs-red, #d53c41); border-right-color: rgba(var(--gs-red-rgb, 213, 60, 65), .25); }
html[data-mode="dark"] .gs-ptr.is-busy .gs-ptr-ring { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .25); border-top-color: var(--gs-red, #d53c41); }

/* ---- gs-pages.css ---- */
html[data-mode="dark"] .gs-red { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-muted { color: var(--gs-muted); }
html[data-mode="dark"] .gs-pill { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-pill::before { background-color: currentColor; }
html[data-mode="dark"] .gs-pill.is-green { background-color: var(--gs-green-soft); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gs-pill.is-orange { background-color: var(--gs-orange-soft); color: hsl(31, 80%, 68%); }
html[data-mode="dark"] .gs-pill.is-red { background-color: var(--gs-red-soft); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gs-pill.is-blue { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .gs-pill.is-gray { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .gs-pill.is-dark { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-no { color: var(--gs-red); background-color: var(--gs-red-soft); }
html[data-mode="dark"] .gs-spinner { border: 3px solid rgba(var(--gs-red-rgb, 213, 60, 65), .2); border-top-color: var(--gs-red); }
html[data-mode="dark"] .gs-empty { color: var(--gs-muted); }
html[data-mode="dark"] .gs-empty.is-page { background-color: var(--gs-surface); border: 1px dashed var(--gs-border-strong); border-radius: var(--gs-card-r); }
html[data-mode="dark"] .gs-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-bar > span { background: linear-gradient(90deg, var(--gs-red), #ef7a7e); }
html[data-mode="dark"][dir="rtl"] .gs-bar > span { background: linear-gradient(270deg, var(--gs-red), #ef7a7e); }
html[data-mode="dark"] .gs-link { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-wa { background-color: var(--gs-wa); }
html[data-mode="dark"] .gs-wa:hover { background-color: var(--gs-wa-dark); }
html[data-mode="dark"] .gs-wa.is-off { background-color: var(--gd-surface-3); color: var(--gd-faint) !important; }
html[data-mode="dark"] .gs-wa-group > .gs-wa-more { border-inline-start: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-wa-menu .dropdown-item .fa { color: var(--gs-wa-dark); }
html[data-mode="dark"] .gs-search-field input { border: 1px solid var(--gs-border); background-color: var(--gd-surface-2); color: var(--gs-text); outline: none; }
html[data-mode="dark"] .gs-search-field input:focus { background-color: var(--gd-surface); border-color: var(--gs-red); }
html[data-mode="dark"] .gs-search-ic { color: var(--gs-red); }
html[data-mode="dark"] .gs-search kbd { color: var(--gd-faint); background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-search-results { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-search-item { background-color: transparent; color: var(--gs-text); }
html[data-mode="dark"] .gs-search-item:hover, html[data-mode="dark"] .gs-search-item.is-active { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-search-main small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-search-empty { color: var(--gs-muted); }
@media (max-width: 991.98px) {
html[data-mode="dark"] .gs-search-field { background-color: var(--gd-surface); border-bottom: 1px solid var(--gs-border); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19); }
}
html[data-mode="dark"] .gs-seg { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-seg button { background-color: transparent; color: var(--gd-text-2); }
html[data-mode="dark"] .gs-seg button:hover { background-color: var(--gd-surface-2); color: var(--gs-text); }
html[data-mode="dark"] .gs-seg button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .gs-seg.is-sm button.is-on { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-range { color: var(--gs-muted); }
html[data-mode="dark"] .gs-range .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-select-wrap .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-select-wrap select { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); outline: none; }
html[data-mode="dark"] .gs-select-wrap select:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .gs-kpi { background-color: var(--gd-surface); border: 1px solid var(--gs-border); border-radius: var(--gs-card-r); }
html[data-mode="dark"] .gs-kpi::after { background: radial-gradient(circle, rgba(var(--gs-red-rgb, 213, 60, 65), .08), transparent 70%); }
html[data-mode="dark"] .gs-kpi.is-click:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); }
html[data-mode="dark"] .gs-kpi-ic { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .gs-kpi-label { color: var(--gs-muted); }
html[data-mode="dark"] .gs-kpi-val { color: var(--gs-text); }
html[data-mode="dark"] .gs-kpi-sub { color: var(--gs-muted); }
html[data-mode="dark"] .gs-kpi-sub b { color: var(--gs-text); }
html[data-mode="dark"] .gs-kpi.is-hero { border-color: var(--gd-border-3); }
html[data-mode="dark"] .gs-kpi.is-hero::after { background: radial-gradient(circle, rgba(var(--gs-red-rgb, 213, 60, 65), .45), transparent 70%); }
html[data-mode="dark"] .gs-kpi.is-hero .gs-kpi-ic { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-kpi.is-hero .gs-kpi-label, html[data-mode="dark"] .gs-kpi.is-hero .gs-kpi-sub { color: var(--gd-faint); }
html[data-mode="dark"] .gs-kpi.is-warn .gs-kpi-ic { background-color: var(--gs-orange-soft); color: var(--gs-orange); }
html[data-mode="dark"] .gs-kpi.is-alert .gs-kpi-ic { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .gs-kpi.is-alert .gs-kpi-val { color: var(--gs-red); }
html[data-mode="dark"] .gs-split > span { background-color: var(--gs-green); }
html[data-mode="dark"] .gs-delta.is-up { background-color: var(--gs-green-soft); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gs-delta.is-down { background-color: var(--gs-red-soft); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gs-delta.is-flat { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .gs-kpi.is-hero .gs-delta.is-down { background: rgba(var(--gs-red-rgb, 213, 60, 65), .25); }
html[data-mode="dark"] .gs-panel { background-color: var(--gd-surface); border: 1px solid var(--gs-border); border-radius: var(--gs-card-r); }
html[data-mode="dark"] .gs-panel-title { color: var(--gs-text); }
html[data-mode="dark"] .gs-panel-sub { color: var(--gs-muted); }
html[data-mode="dark"] .gs-panel-hint { color: var(--gs-muted); }
html[data-mode="dark"] .gs-live-dot { background-color: var(--gs-green); }
html[data-mode="dark"] .gs-bk-row { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .gs-bk-row span { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-bk-row small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-bk-row.is-total span { color: var(--gs-text); }
html[data-mode="dark"] .gs-tabs button { border: 1px solid transparent; background-color: transparent; color: var(--gd-text-2); }
html[data-mode="dark"] .gs-tabs button:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-tabs button em { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-tabs button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-tabs button.is-on em { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-person { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-person:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .35); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-person-name a { color: var(--gs-text); }
html[data-mode="dark"] .gs-person-name a:hover { color: var(--gs-red); }
html[data-mode="dark"] .gs-person-meta { color: var(--gs-muted); }
html[data-mode="dark"] .gs-person-meta b { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-peak-h { color: var(--gs-muted); }
html[data-mode="dark"] .gs-peak-d { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-peak-c { color: hsl(358, 49%, 68%); background: rgba(var(--gs-red-rgb, 213, 60, 65), var(--a)); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }
html[data-mode="dark"] .gs-peak-c[style^="--a:0;"] { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-peak-c.is-peak { outline: 2px solid var(--gd-border-3); }
html[data-mode="dark"] .gs-heat-legend { color: var(--gs-muted); }
html[data-mode="dark"] .gs-heat-legend.is-scale i { background: rgba(var(--gs-red-rgb, 213, 60, 65), var(--a)); }
html[data-mode="dark"] .gs-insight { background-color: var(--gd-surface-2); border: 1px solid rgba(var(--gs-red-rgb, 213, 60, 65), .18); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-insight .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-day-name { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-day-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-day.is-top .gs-day-bar > span { background: linear-gradient(90deg, var(--gs-red), #ef7a7e); }
html[data-mode="dark"] .gs-day.is-top .gs-day-name, html[data-mode="dark"] .gs-day.is-top b { color: var(--gs-red); }
html[data-mode="dark"] .gs-mm-head { background: radial-gradient(120% 160% at 0% 0%, rgba(var(--gs-red-rgb, 213, 60, 65), .45), transparent 55%), linear-gradient(135deg, #1b1b1b, #0c0c0c); }
html[data-mode="dark"][dir="rtl"] .gs-mm-head { background: radial-gradient(120% 160% at 100% 0%, rgba(var(--gs-red-rgb, 213, 60, 65), .45), transparent 55%), linear-gradient(225deg, #1b1b1b, #0c0c0c); }
html[data-mode="dark"] .gs-mm-avatar { background: linear-gradient(135deg, var(--gs-red), #8e1f23); }
html[data-mode="dark"] .gs-chip-dark { border: 1px solid var(--gd-border); background-color: rgba(var(--gd-surface-rgb), 0.07); }
html[data-mode="dark"] a.gs-chip-dark:hover, html[data-mode="dark"] button.gs-chip-dark:hover { background-color: rgba(var(--gd-surface-rgb), 0.14); }
html[data-mode="dark"] .gs-copy.is-copied { background-color: var(--gs-green) !important; border-color: var(--gs-green); }
html[data-mode="dark"] .gs-mm-btn { background-color: rgba(var(--gd-surface-rgb), 0.10); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-mm-btn:hover { background-color: rgba(var(--gd-surface-rgb), 0.18); }
html[data-mode="dark"] .gs-mm-body { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-mm-kpi { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-mm-kpi small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-mm-kpi b { color: var(--gs-text); }
html[data-mode="dark"] .gs-mm-kpi span { color: var(--gs-muted); }
html[data-mode="dark"] .gs-mm-kpi.is-warn { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .35); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-mm-kpi.is-warn b, html[data-mode="dark"] .gs-mm-kpi.is-warn > .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-mm-kpi.is-ok b { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gs-mm-body .gs-tabs { border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-mm-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-mm-card h6 { color: var(--gs-text); }
html[data-mode="dark"] .gs-mm-card h6 em { color: var(--gs-muted); }
html[data-mode="dark"] .gs-mm-range small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-dl dt { color: var(--gs-muted); }
html[data-mode="dark"] .gs-dl dd { color: var(--gs-text); }
html[data-mode="dark"] .gs-notes small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-notes p { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-table-wrap { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-table th { background-color: var(--gd-surface-2); color: var(--gd-text-2); border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-table td { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-table tbody tr:hover td { background: rgba(var(--gs-red-rgb, 213, 60, 65), .05); }
html[data-mode="dark"] .gs-timeline::before { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-tl-dot { background-color: var(--gd-surface); border: 3px solid var(--gs-red); box-shadow: 0 0 0 4px var(--gd-surface); }
html[data-mode="dark"] .gs-timeline li div { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-timeline small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-heat-days { color: var(--gs-muted); }
html[data-mode="dark"] .gs-heat-grid i, html[data-mode="dark"] .gs-heat-legend i { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-heat-grid i.l1, html[data-mode="dark"] .gs-heat-legend i.l1 { background: rgba(var(--gs-red-rgb, 213, 60, 65), .35); }
html[data-mode="dark"] .gs-heat-grid i.l2, html[data-mode="dark"] .gs-heat-legend i.l2 { background: rgba(var(--gs-red-rgb, 213, 60, 65), .65); }
html[data-mode="dark"] .gs-heat-grid i.l3, html[data-mode="dark"] .gs-heat-legend i.l3 { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-heat-grid i.is-future { background-color: transparent; }
html[data-mode="dark"] .gs-heat-grid i:not(.is-future):hover { outline: 2px solid var(--gd-border-3); }
html[data-mode="dark"] .gs-mm-btn.is-attend { background-color: var(--gd-surface); color: var(--gd-text) !important; border-color: var(--gd-surface); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-mm-btn.is-attend .fa { color: var(--gs-green); }
html[data-mode="dark"] .gs-mm-btn.is-attend:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-mm-btn.is-light { background-color: var(--gd-surface-2); color: var(--gs-text) !important; border-color: var(--gs-border); }
html[data-mode="dark"] .gs-mm-btn.is-light:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-medal-view { background-color: rgba(var(--gd-surface-rgb), 0.98); }
html[data-mode="dark"] .gs-medal-bar b .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-medal-hint { color: var(--gs-muted); }
html[data-mode="dark"] .gs-medal-hint .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-medal-phone { border: 8px solid var(--gd-border-3); box-shadow: 0 24px 50px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-medal-phone iframe { background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-mm-btn.is-freeze { background-color: hsla(204, 70%, 55%, 0.16); color: hsl(201, 80%, 68%) !important; border-color: hsl(201, 48%, 34%); }
html[data-mode="dark"] .gs-mm-btn.is-freeze .fa { color: hsl(200, 80%, 68%); }
html[data-mode="dark"] .gs-mm-btn.is-freeze:hover { background-color: hsla(204, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-fz-card h6 .fa { color: hsl(200, 80%, 68%); }
html[data-mode="dark"] .gs-fz-now { background-color: hsla(204, 70%, 55%, 0.16); border: 1px solid hsl(201, 48%, 34%); }
html[data-mode="dark"] .gs-fz-now > .fa { color: hsl(200, 80%, 68%); }
html[data-mode="dark"] .gs-fz-now.is-scheduled { background-color: hsla(33, 70%, 55%, 0.16); border-color: hsl(32, 48%, 34%); }
html[data-mode="dark"] .gs-fz-now.is-scheduled > .fa { color: hsl(21, 80%, 68%); }
html[data-mode="dark"] .gs-fz-now small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-use { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-use b { color: var(--gs-text); }
html[data-mode="dark"] .gs-fz-left { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-reason { color: hsl(23, 80%, 68%); background-color: hsla(48, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-fz-list li { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-fz-list small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-list p { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-fz-view { background-color: rgba(var(--gd-surface-rgb), 0.98); }
html[data-mode="dark"] .gs-fz-form { background-color: var(--gd-surface); border: 1px solid var(--gs-border); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34); }
html[data-mode="dark"] .gs-fz-head b .fa { color: hsl(200, 80%, 68%); }
html[data-mode="dark"] .gs-fz-sub { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-form label > span { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-preview { background-color: var(--gd-surface-2); border: 1px dashed hsl(213, 21%, 34%); }
html[data-mode="dark"] .gs-fz-preview span { color: var(--gs-muted); }
html[data-mode="dark"] .gs-fz-preview em { color: hsl(200, 80%, 68%); }
html[data-mode="dark"] .gs-name-link { color: var(--gs-text) !important; border-bottom: 1px dashed rgba(var(--gs-red-rgb, 213, 60, 65), .5); }
html[data-mode="dark"] .gs-name-link:hover { color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin select.form-control, html[data-mode="dark"] .gs-admin .dataTables_wrapper .dataTables_length select, html[data-mode="dark"] .gs-select-wrap select { border: 1px solid var(--gs-border-strong); background-color: var(--gd-surface); color: var(--gs-text); }
html[data-mode="dark"] .gs-admin select.form-control:hover, html[data-mode="dark"] .gs-admin .dataTables_length select:hover, html[data-mode="dark"] .gs-select-wrap select:hover { border-color: var(--gd-border-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-admin select.form-control:focus, html[data-mode="dark"] .gs-admin .dataTables_length select:focus, html[data-mode="dark"] .gs-select-wrap select:focus { border-color: var(--gs-red); outline: none; }
html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection--single { border-color: var(--gs-border-strong); }
html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--gs-red) transparent transparent transparent; }
html[data-mode="dark"] .gs-admin .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--gs-red) transparent; }
html[data-mode="dark"] .select2-dropdown { border-color: var(--gs-border) !important; }
html[data-mode="dark"] .select2-search--dropdown .select2-search__field { border-color: var(--gs-border-strong) !important; outline: none; }
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.gs-cards { background-color: transparent; }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr:not(.child) { background-color: var(--gd-surface) !important; border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr:not(.child)::before { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr.selected { border-color: var(--gs-red); }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td, html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td[style*="display: none"] { border-top: 1px solid var(--gd-border) !important; background-color: transparent !important; color: var(--gs-text); }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td[data-label]::after { color: var(--gd-faint); }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td.gs-td-title.is-part2 { color: var(--gs-red); }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions a, html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions button { background-color: var(--gd-surface-2); border: 1px solid var(--gs-border); color: var(--gs-text) !important; }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions a.red { background-color: var(--gs-red-soft); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .22); color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions a.blue { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions a[style*="green"] { background-color: var(--gs-green-soft); }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions a[style*="darkred"] { background-color: var(--gs-red-soft); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .22); }
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td.dataTables_empty { color: var(--gs-muted); }
html[data-mode="dark"] .gs-table-wrap:has(.gs-cards) { background-color: transparent; }
}
html[data-mode="dark"] .gs-admin table.dataTable thead th, html[data-mode="dark"] .gs-admin .table thead th, html[data-mode="dark"] .gs-table th { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .gs-admin table.dataTable tbody td { color: var(--gd-text); }
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr > td, html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr:hover > td, html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr:nth-child(even) > td, html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr.selected > td { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr:not(.child) { background-color: var(--gd-surface) !important; }
html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr.selected { background-color: var(--gd-surface-2) !important; }
}
@media (max-width: 767.98px) and (hover: hover) {
html[data-mode="dark"] .gs-admin table.dataTable.gs-cards > tbody > tr:not(.child):hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .35); }
}
html[data-mode="dark"] .gs-admin, html[data-mode="dark"] .gs-admin a, html[data-mode="dark"] .gs-admin button { -webkit-tap-highlight-color: transparent; }
@media (max-width: 991.98px) {
html[data-mode="dark"] .gs-bottom-nav { background-color: rgba(var(--gd-surface-rgb), 0.96); border-top: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-bn-item { background-color: transparent; color: var(--gd-muted) !important; }
html[data-mode="dark"] .gs-bn-item.is-active { color: var(--gs-red) !important; background-color: var(--gs-red-soft); }
html[data-mode="dark"] .gs-bn-item:active { background-color: var(--gd-surface-2); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin .modal:not(.gs-member-modal) .modal-content::before { background-color: var(--gd-surface-3); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin .modal:not(.gs-member-modal) .modal-footer { background-color: var(--gd-surface); box-shadow: 0 -8px 16px var(--gd-surface); }
html[data-mode="dark"] .gs-admin .modal:not(.gs-member-modal) .modal-header { background-color: var(--gd-surface); }
}
html[data-mode="dark"] .gs-admin .highcharts-tooltip text { fill: var(--gd-text) !important; }
html[data-mode="dark"] .gs-admin div.highcharts-tooltip, html[data-mode="dark"] .gs-admin div.highcharts-tooltip > span { color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-an-year > b { color: var(--gs-text); }
html[data-mode="dark"] .gs-an-month { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-an-month:hover:not([disabled]) { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .gs-an-month.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .gs-an-month[disabled] { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-an-count { color: var(--gs-muted); }
html[data-mode="dark"] .gs-an-count b { color: var(--gs-text); }
html[data-mode="dark"] .gs-an-plans .gs-day em { color: var(--gs-muted); }
html[data-mode="dark"] .gs-an-scroll { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-an-table th, html[data-mode="dark"] .gs-an-table td { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-an-table thead th { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-an-table td { color: var(--gd-text); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-an-table .gs-an-metric { background-color: var(--gd-surface); border-inline-end: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-an-table thead .gs-an-metric { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-an-table .gs-an-metric .fa { color: var(--gs-muted); }
html[data-mode="dark"] .gs-an-table .gs-an-metric small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-an-table .gs-an-total { background-color: var(--gd-surface-2); border-inline-start: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-an-table thead .gs-an-total { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-an-table tr.is-strong .gs-an-metric .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-an-table tr.is-sub .gs-an-metric { color: var(--gs-muted); }
html[data-mode="dark"] .gs-an-table tr.is-alert td:not(.gs-an-metric):not(.gs-an-total) { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gs-an-table tr.gs-an-sec td { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-an-table tbody tr:not(.gs-an-sec):hover td { background-color: rgba(var(--gs-red-rgb, 213, 60, 65), .05); }
html[data-mode="dark"] .gs-an-table tbody tr:not(.gs-an-sec):hover td.gs-an-metric { background: rgba(var(--gs-red-rgb, 213, 60, 65), .05); }
html[data-mode="dark"] .gs-an-note { color: var(--gs-muted); }
html[data-mode="dark"] .gs-an-note .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-an-month.is-on:hover:not([disabled]) { border-color: var(--gs-red); }
html[data-mode="dark"] .gs-loader { background-color: rgba(var(--gd-surface-rgb), 0.55); }
html[data-mode="dark"] .gs-loader-box { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gs-loader-box b { color: var(--gd-text); }
html[data-mode="dark"] .gs-loader-spin { border: 3px solid hsl(358, 41%, 34%); border-top-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-paybar { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.39); }
html[data-mode="dark"] .gs-paybar > .fa { background: rgba(var(--gs-red-rgb, 213, 60, 65),.18); }
html[data-mode="dark"] .gs-paybar .btn { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-sub-ic { background: rgba(var(--gs-red-rgb, 213, 60, 65),.1); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-sub-ic.is-ok { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-sub-period { color: var(--gd-muted); }
html[data-mode="dark"] .gs-sub-due { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .gs-sub-pay { background: linear-gradient(135deg, var(--gs-red, #d53c41), #a3232a); }
html[data-mode="dark"] .gs-sub-muted { color: var(--gd-faint); }
html[data-mode="dark"] .gs-sub-note.is-ok { color: hsl(143, 64%, 68%); }
html[data-mode="dark"] .gs-sub-loading { color: var(--gd-faint); }
html[data-mode="dark"] .gs-sub-sec + .gs-sub-sec { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-sub-sec h5 .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-sub-plan > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-sub-plan small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-sub-row { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-sub-row small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-sub-req { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-sub-paysm { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-bell-n { background: var(--gs-red, #d53c41); box-shadow: 0 0 0 2px var(--gd-surface); }
html[data-mode="dark"] .gs-bell-panel { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-bell-head { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-bell-all { background-color: transparent; color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-bell-allow { border: 1px dashed hsl(358, 40%, 34%); background-color: var(--gd-surface-2); color: hsl(358, 67%, 68%); }
html[data-mode="dark"] .gs-bell-item { border-bottom: 1px solid var(--gd-border); color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-bell-item:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-bell-item.is-new { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-bell-item.is-new .gs-bell-txt b::after { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-bell-ic { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-bell-ic.is-billing { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-bell-ic.is-medals { background-color: hsla(219, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-bell-ic.is-info { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(37, 80%, 68%); }
html[data-mode="dark"] .gs-bell-txt span { color: var(--gd-muted); }
html[data-mode="dark"] .gs-bell-txt small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-bell-empty { color: var(--gd-faint); }
html[data-mode="dark"] .gs-mm-avatar.has-photo { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.60), 0 0 0 3px var(--gd-surface), 0 0 0 5px var(--gs-red); }
html[data-mode="dark"] .gs-photo-view img { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-bell-dev { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-bell-dev.is-on { background-color: var(--gd-surface-2); border-color: hsl(140, 39%, 34%); color: hsl(143, 64%, 68%); }
html[data-mode="dark"] .gs-bell-dev.is-off { background-color: hsla(35, 70%, 55%, 0.16); border-color: hsl(36, 48%, 34%); color: hsl(23, 80%, 68%); }
html[data-mode="dark"] .gs-bell-test { background-color: var(--gd-surface); color: var(--gd-text); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px #e1e3e8 inset; }
html[data-mode="dark"] .gs-bell-back { background: none; color: var(--gd-text); }
html[data-mode="dark"] .gs-bell-detail p { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-bell-detail small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-bell-ic.is-system { background-color: var(--gd-surface-3); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .gs-ntoast { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-sub-pager { color: var(--gd-muted); }
html[data-mode="dark"] .gs-sub-pager button { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .gs-sortbar label { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] #clienttable.gs-member-cards { background-color: transparent !important; }
html[data-mode="dark"] #clienttable.gs-member-cards tbody tr { background-color: var(--gd-surface) !important; border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] #clienttable.gs-member-cards tbody tr:has(.gs-pill.is-red)::before { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] #clienttable.gs-member-cards tbody td { background: none !important; }
html[data-mode="dark"] #clienttable.gs-member-cards td.c-plan p { background-color: var(--gd-surface-2); }
html[data-mode="dark"] #clienttable.gs-member-cards td.c-phone a { color: var(--gd-text); }
html[data-mode="dark"] #clienttable.gs-member-cards td.c-exp, html[data-mode="dark"] #clienttable.gs-member-cards td.c-classes { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] #clienttable.gs-member-cards td[data-label]::before { color: var(--gd-faint); }
html[data-mode="dark"] .gs-mc-open { background-color: hsla(222, 70%, 55%, 0.16); color: hsl(224, 76%, 68%) !important; }
html[data-mode="dark"] .gs-mc-x { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .gs-mc-x:hover { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-mc-none { color: var(--gd-faint); }
html[data-mode="dark"] #clienttable.gs-member-cards td.c-acts { border-top: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .gs-mc-act { background-color: var(--gd-surface-2); color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-mc-act.is-danger { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .gs-mc-act.is-danger:hover { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] #clienttable.gs-member-cards td.dataTables_empty { color: var(--gd-faint); }
html[data-mode="dark"] #clienttable_wrapper .dataTables_processing { background-color: transparent !important; }
html[data-mode="dark"] .gs-mc-loading { background-color: var(--gd-surface); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-bell-mark { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-bell-mark:hover { background-color: var(--gd-surface-2); border-color: hsl(139, 38%, 34%); }
html[data-mode="dark"] .gs-bell-more { border-top: 1px solid var(--gd-border); color: var(--gd-text) !important; background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-bell-more:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-bell-warn { background-color: hsla(33, 70%, 55%, 0.16); border: 1px solid hsl(32, 48%, 34%); color: hsl(15, 79%, 68%); }
html[data-mode="dark"] .gs-bell-ic.is-attend { background-color: hsla(140, 45%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-bell-ic.is-member { background-color: hsla(219, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-bell-ic.is-renew { background-color: hsla(269, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-bell-ic.is-payment, html[data-mode="dark"] .gs-bell-ic.is-visit { background-color: hsla(152, 70%, 55%, 0.16); color: hsl(161, 80%, 68%); }
html[data-mode="dark"] .gs-bell-ic.is-expense { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gs-bell-ic.is-deleted, html[data-mode="dark"] .gs-bell-ic.is-overdue { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-inbox-head { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-inbox-n { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-inbox-item { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-inbox-item:hover, html[data-mode="dark"] .gs-inbox-item:focus-visible { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-inbox-item.is-new { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-inbox-item.is-new .gs-inbox-txt b::after { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-inbox-txt p { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-inbox-txt small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-inbox-mark { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-inbox-mark:hover { background-color: var(--gd-surface-2); border-color: hsl(139, 38%, 34%); }
html[data-mode="dark"] .gs-inbox-empty { color: var(--gd-faint); }
html[data-mode="dark"] .gs-inbox-pager { color: var(--gd-muted); }
html[data-mode="dark"] .gs-inbox-pager button { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-nav-fixed { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-bell-meta { color: var(--gd-faint); }
html[data-mode="dark"] .gs-bell-cog { color: var(--gd-muted) !important; }
html[data-mode="dark"] .gs-bell-cog:hover { background-color: var(--gd-surface-3); color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-prefs h6 { color: var(--gd-muted); }
html[data-mode="dark"] .gs-prefs-note { color: var(--gd-muted); }
html[data-mode="dark"] .gs-pref { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-pref.is-off { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-pref.is-off .gs-pref-txt b { color: var(--gd-muted); }
html[data-mode="dark"] .gs-pref-ic { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-pref-ic.is-attend, html[data-mode="dark"] .gs-pref-ic.is-subscriber { background-color: hsla(140, 45%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-pref-ic.is-applicant, html[data-mode="dark"] .gs-pref-ic.is-expense { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gs-pref-ic.is-renew { background-color: hsla(269, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-pref-ic.is-payment, html[data-mode="dark"] .gs-pref-ic.is-visit { background-color: hsla(152, 70%, 55%, 0.16); color: hsl(161, 80%, 68%); }
html[data-mode="dark"] .gs-pref-ic.is-deleted, html[data-mode="dark"] .gs-pref-ic.is-overdue, html[data-mode="dark"] .gs-pref-ic.is-billing { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-pref-ic.is-medals { background-color: hsla(219, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-pref-txt small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-pref-na { color: var(--gd-faint); }
html[data-mode="dark"] .gs-toggle-track { background-color: var(--gd-surface-4); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); }
html[data-mode="dark"] .gs-toggle-dot { background-color: var(--gd-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-bell-ic.is-applicant { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gs-bell-ic.is-subscriber { background-color: hsla(140, 45%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .modal.gs-behind .modal-content { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.34) !important; }
html[data-mode="dark"] .gs-mc-has { background-color: var(--gd-surface-2); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gs-lk-head { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-lk-sub { color: var(--gd-muted); }
html[data-mode="dark"] .gs-lk-row { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-lk-row.is-off { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-lk-row.is-off .gs-lk-main b { color: var(--gd-faint); }
html[data-mode="dark"] .gs-lk-sort button { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-muted); }
html[data-mode="dark"] .gs-lk-main small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-lk-hint { color: var(--gd-muted); }
html[data-mode="dark"] .gs-toggle-row { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-bell-ic.is-sale, html[data-mode="dark"] .gs-pref-ic.is-sale { background-color: hsla(140, 45%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-bell-ic.is-purchase, html[data-mode="dark"] .gs-pref-ic.is-purchase { background-color: hsla(219, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-bell-ic.is-low_stock, html[data-mode="dark"] .gs-pref-ic.is-low_stock { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gs-sub-bar { background-color: hsla(146, 44%, 55%, 0.16); }
html[data-mode="dark"] .gs-new-tabs button.is-on em { background-color: rgba(var(--gd-surface-rgb), 0.20); }
html[data-mode="dark"] .gs-move-btn { background-color: var(--gd-inv-bg); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .gs-move-btn:hover { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-move-who { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-move-who span { color: var(--gd-muted); }
html[data-mode="dark"] .gs-move-hint { color: var(--gd-muted); }
html[data-mode="dark"] .gs-shopstrip-ic { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .gs-shopstrip-item { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-shopstrip-item small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-shopstrip-item > b { color: var(--gs-text); }
html[data-mode="dark"] .gs-shopstrip-item span { color: var(--gs-muted); }
html[data-mode="dark"] .gs-shopstrip-item.is-hero { border-color: var(--gd-border-3); }
html[data-mode="dark"] .gs-shopstrip-item.is-hero small, html[data-mode="dark"] .gs-shopstrip-item.is-hero span { color: var(--gd-faint); }
html[data-mode="dark"] .gs-shopstrip-item.is-hero > i { color: var(--gs-red); }
html[data-mode="dark"] .gs-shopstrip-item.is-warn > b { color: var(--gs-red); }
html[data-mode="dark"] .gs-sub-row.is-click:hover, html[data-mode="dark"] .gs-sub-row.is-click:focus-visible { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); background-color: var(--gd-surface-2); outline: none; }
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
html[data-mode="dark"] .gs-refresh:hover .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-refresh.is-spin { border-color: var(--gs-red); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-refresh.is-spin .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-refresh.is-done { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-refresh.is-done .fa { color: hsl(142, 76%, 68%); }
}
html[data-mode="dark"] .gs-top-alert { border: 1px solid transparent; }
html[data-mode="dark"] .gs-top-alert:focus-visible { outline: 2px solid var(--gs-accent); }
html[data-mode="dark"] .gs-top-alert.is-leads { background-color: var(--gs-red-soft); color: var(--gs-red-dark) !important; border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .25); }
html[data-mode="dark"] .gs-top-alert.is-leads b { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-top-alert.is-due { background-color: var(--gs-orange-soft); color: hsl(23, 80%, 68%) !important; }
html[data-mode="dark"] .gs-top-alert.is-due b { background-color: var(--gs-orange); }
html[data-mode="dark"] .gs-lead-pill { border: 1px solid rgba(var(--gs-red-rgb, 213, 60, 65), .25); background-color: var(--gs-red-soft); color: var(--gs-red-dark); }
html[data-mode="dark"] .gs-lead-pill b { background-color: var(--gs-red); }
html[data-mode="dark"] .gs-lead-pill:hover { background-color: hsla(356, 63%, 55%, 0.16); }
html[data-mode="dark"] .gs-lead-st.is-new { background-color: var(--gs-red-soft); color: var(--gs-red-dark); }
html[data-mode="dark"] .gs-lead-st.is-done { background-color: var(--gs-green-soft); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gs-lead-sub { color: var(--gs-muted); }
html[data-mode="dark"] .gs-lead-sales-chip { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .gs-lead-none { color: var(--gs-muted); }
html[data-mode="dark"] .gs-lead-who { color: var(--gs-muted); }
html[data-mode="dark"] .gs-lead-hint { color: var(--gs-muted); }
html[data-mode="dark"] .gs-lead-log { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-lead-log-h { color: var(--gs-text); }
html[data-mode="dark"] .gs-lead-log li { border-top: 1px dashed var(--gs-border); }
html[data-mode="dark"] .gs-lead-log-t span { color: var(--gs-muted); }
html[data-mode="dark"] .gs-lead-tag { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-lead-tag.is-sales { color: var(--gs-blue); }
html[data-mode="dark"] .gs-lead-tag.is-res { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gs-lead-tag.is-next { color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .gs-lead-next { background-color: hsla(37, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .gs-lead-next.is-due { background-color: hsla(0, 70%, 55%, 0.16); color: hsl(6, 63%, 68%); }
html[data-mode="dark"] .gs-lead-quick button { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-lead-quick button:hover { border-color: var(--gs-red, #d53c41); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-lead-pager button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-lead-pager span { color: var(--gs-muted); }
html[data-mode="dark"] .gs-ss-none { color: var(--gs-muted); }
html[data-mode="dark"] .gs-ss-edit { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-red); }
html[data-mode="dark"] .gs-ss-edit:hover { border-color: var(--gs-red); }
html[data-mode="dark"] .gs-ss-hint { color: var(--gs-muted); }
html[data-mode="dark"] .gs-paybar.is-late > .fa { background-color: rgba(var(--gd-surface-rgb), 0.16); }
html[data-mode="dark"] .gs-paybar.is-late .btn { background-color: var(--gd-surface); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gs-sub-ic.is-late { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-sub-total-lbl { color: var(--gd-muted); }
html[data-mode="dark"] .gs-sub-part { border: 1px solid var(--gd-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-sub-part > span { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-sub-part > span .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gs-sub-part.is-late { border-color: rgba(var(--gs-red-rgb, 213, 60, 65),.35); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-sub-due.is-late { background: rgba(var(--gs-red-rgb, 213, 60, 65),.1); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gs-sub-note:not(.is-ok) { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-sub-dueall { background-color: hsla(38, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .gs-sub-dueall:hover, html[data-mode="dark"] .gs-sub-dueall:focus-visible { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.19); outline: none; }
html[data-mode="dark"] .gs-sub-dueall.is-late { border-color: rgba(var(--gs-red-rgb, 213, 60, 65),.4); background-color: var(--gd-surface-2); color: hsl(358, 67%, 68%); }
html[data-mode="dark"] .gs-sub-soft-off { background: var(--gs-soft, var(--gd-surface-2)); color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-sub-soft-off .fa { color: var(--gs-primary, #d53c41); }
html[data-mode="dark"] .gs-sub-qdesc { color: var(--gs-muted); }
html[data-mode="dark"] .gs-sub-qline { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gs-sub-tiers span { border: 1px solid var(--gs-border, var(--gd-border)); color: var(--gs-muted); }
html[data-mode="dark"] .gs-sub-tiers span.is-on { border-color: var(--gd-inv-bg); background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-sub-keys { border-color: var(--gd-border-3); background-color: var(--gd-surface-2); color: inherit !important; }
html[data-mode="dark"] .gs-sub-est { color: var(--gs-muted); }
html[data-mode="dark"] .gs-subnav a { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-subnav a:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .4); color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gs-subnav a.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-subnav a .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-subnav a.is-on .fa { color: var(--gs-red-light, #ff8a8e); }
html[data-mode="dark"] .gs-ss-add { color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .gs-pref-lock { color: var(--gd-text-2); background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-pref-lock .fa { color: var(--gd-faint); }
@media (max-width: 767px) {
html[data-mode="dark"] .gs-alert-strip:not([hidden]) { background-color: var(--gs-surface); border-bottom: 1px solid var(--gs-border); }
}
html[data-mode="dark"] .gs-pager button { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); color: inherit; }
html[data-mode="dark"] .gs-pager button:hover:not(:disabled):not(.is-on) { border-color: var(--gd-border-3); }
html[data-mode="dark"] .gs-pager button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .gs-pager em { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-pager span { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gl-f label { color: var(--gs-muted); }
html[data-mode="dark"] .gl-time small, html[data-mode="dark"] .gl-muted { color: var(--gs-muted); }
html[data-mode="dark"] .gl-act { color: var(--gd-faint); }
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-table-wrap:has(> .gl-table) { background-color: transparent; }
html[data-mode="dark"] .gl-table tr { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gl-table tr.is-fail { border-color: hsl(3, 48%, 34%); }
html[data-mode="dark"] .gl-table tr.is-fail td { background-color: transparent; }
html[data-mode="dark"] .gl-table td { background-color: transparent !important; }
html[data-mode="dark"] .gl-table td::before { color: var(--gs-muted); }
}
html[data-mode="dark"] .gl-det em { color: var(--gs-muted); }
html[data-mode="dark"] .gl-table tr.is-fail td { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-period-custom label { color: var(--gs-muted); }
html[data-mode="dark"] .gs-period-note { color: var(--gs-muted); }
html[data-mode="dark"] .gs-period-note .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-dt-d { color: inherit; }
html[data-mode="dark"] .gs-dt-t { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-cmdk-btn { border: 1px solid var(--gd-border); background-color: rgba(var(--gd-surface-rgb), 0.06); color: var(--gd-faint); }
html[data-mode="dark"] .gs-cmdk-btn:hover, html[data-mode="dark"] .gs-cmdk-btn:focus-visible { background-color: rgba(var(--gd-surface-rgb), 0.11); border-color: var(--gd-border); }
html[data-mode="dark"] .gs-cmdk-btn .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-cmdk-btn kbd { color: var(--gd-faint); background-color: rgba(var(--gd-surface-rgb), 0.08); border: 1px solid var(--gd-surface); }
html[data-mode="dark"] .gs-cmdk .modal-content { box-shadow: 0 30px 90px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-cmdk-in { border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .gs-cmdk-in > .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-cmdk-in input { background: none; color: var(--gs-text); }
html[data-mode="dark"] .gs-cmdk kbd { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: var(--gd-muted); }
html[data-mode="dark"] .gs-cmdk-h { color: var(--gd-faint); }
html[data-mode="dark"] .gs-cmdk-item { background: none; color: var(--gs-text); }
html[data-mode="dark"] .gs-cmdk-item.is-on { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-cmdk-item.is-on .gs-cmdk-go { color: var(--gs-red); }
html[data-mode="dark"] .gs-cmdk-ic { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-cmdk-ic.is-feature { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red); }
html[data-mode="dark"] .gs-cmdk-ic.is-coach, html[data-mode="dark"] .gs-cmdk-ic.is-group { background-color: hsla(212, 70%, 55%, 0.16); color: hsl(224, 76%, 68%); }
html[data-mode="dark"] .gs-cmdk-ic.is-employee, html[data-mode="dark"] .gs-cmdk-ic.is-user { background-color: hsla(252, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-cmdk-ic.is-plan, html[data-mode="dark"] .gs-cmdk-ic.is-product { background-color: hsla(145, 70%, 55%, 0.16); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gs-cmdk-ic.is-avatar { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-cmdk-t small { color: var(--gs-muted); }
html[data-mode="dark"] .gs-cmdk-price { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-cmdk-go { color: var(--gd-faint); }
html[data-mode="dark"] .gs-cmdk-empty { color: var(--gs-muted); }
html[data-mode="dark"] .gs-cmdk-empty b { color: var(--gs-text); }
html[data-mode="dark"] .gs-cmdk-tips span { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-cmdk-tips .fa { color: var(--gs-red); }
html[data-mode="dark"] .gs-cmdk-foot { border-top: 1px solid var(--gs-border); color: var(--gd-faint); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-wn-card { background-color: var(--gd-surface); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-wn-head { background: radial-gradient(400px 160px at 100% 0, rgba(var(--gs-red-rgb, 213, 60, 65), .14), transparent 70%), linear-gradient(180deg, var(--gd-surface), var(--gd-surface-2)); border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-wn-ic { background: linear-gradient(135deg, #e0474c, var(--gs-red-dark, #b52f34)); }
html[data-mode="dark"] .gs-wn-head h3 { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gs-wn-head p { color: var(--gd-muted); }
html[data-mode="dark"] .gs-wn-x { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .gs-wn-x:hover { background-color: var(--gd-surface-3); color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gs-wn-item { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-wn-meta time { color: var(--gd-faint); }
html[data-mode="dark"] .gs-wn-tag.is-new { background: var(--gs-red-soft, hsla(0, 70%, 55%, 0.16)); color: var(--gs-red-dark, hsl(358, 65%, 68%)); }
html[data-mode="dark"] .gs-wn-tag.is-improved { background: var(--gs-blue-soft, hsla(218, 70%, 55%, 0.16)); color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .gs-wn-tag.is-fixed { background: var(--gs-green-soft, hsla(146, 44%, 55%, 0.16)); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gs-wn-item h4 { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gs-wn-body { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-wn-foot { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-mm-email { color: var(--gs-red); }
html[data-mode="dark"] .gs-go { background: var(--gs-red-soft, hsla(0, 70%, 55%, 0.16)); color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .gs-go:hover { background-color: hsla(358, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-go.is-plain { background-color: transparent; }
html[data-mode="dark"] .gsv-sub h6 small { color: var(--gs-muted); }
html[data-mode="dark"] .gsv-note { color: var(--gs-muted); }
html[data-mode="dark"] .gsv-row { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gsv-main small { color: var(--gs-muted); }
html[data-mode="dark"] .gsv-main small b { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gsv-main small b.gsv-zero { color: var(--gs-muted); }
html[data-mode="dark"] .gsv-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gsv-bar i { background-color: var(--gs-red); }
html[data-mode="dark"] .gsv-form { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gsv-form label small { color: var(--gs-muted); }
html[data-mode="dark"] .gps-all { color: hsl(224, 76%, 68%); background-color: hsla(221, 70%, 55%, 0.16); }
html[data-mode="dark"] .gps-lock { color: var(--gd-faint); }
html[data-mode="dark"] .gsv-acts .gsv-ok { background-color: var(--gs-red); border-color: var(--gs-red); }
@media (max-width: 991.98px) {
html[data-mode="dark"] .gs-fab-btn { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-fab.is-open .gs-fab-btn { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-fab-menu a { background-color: var(--gd-surface); color: hsl(214, 33%, 68%) !important; }
html[data-mode="dark"] .gs-fab-menu .ic.is-visit { background-color: hsla(145, 70%, 55%, 0.16); color: hsl(155, 80%, 68%); }
html[data-mode="dark"] .gs-fab-menu .ic.is-out { background-color: var(--gd-surface-2); color: hsl(4, 76%, 68%); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-member-modal.show .gs-mm-close { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.60); border: 1px solid var(--gd-surface); }
}

/* ---- gs-classes.css ---- */
html[data-mode="dark"] .gsc-dot { background: hsl(var(--h), 62%, 52%); }
html[data-mode="dark"] .gsc-av { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .gsc-av.is-off { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .gsc-av.is-lg { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gsc-main b, html[data-mode="dark"] .gsc-main .gsc-name { color: var(--gs-text); }
html[data-mode="dark"] .gsc-main small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-name:hover { color: var(--gs-red); }
html[data-mode="dark"] .gsc-mh small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-times > div { background-color: var(--gd-surface-2); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gsc-times small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-times em { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-kpis > div { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gsc-kpis small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-kpis em { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-kpis .is-green b { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gsc-kpis .is-red b { color: var(--gs-red); }
html[data-mode="dark"] .gsc-sec { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gsc-sec h5, html[data-mode="dark"] .gsc-card h5 { color: var(--gs-text); }
html[data-mode="dark"] .gsc-sec h5 .fa, html[data-mode="dark"] .gsc-card h5 .fa { color: var(--gs-red); }
html[data-mode="dark"] .gsc-bars span { background: linear-gradient(180deg, var(--gs-red-light, #ff7a7e), var(--gs-red)); }
html[data-mode="dark"] .gsc-bars span b { color: var(--gs-text); }
html[data-mode="dark"] .gsc-bars small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-row { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gsc-row:hover { border-color: var(--gd-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gsc-end small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-end small.is-late { color: hsl(31, 80%, 68%); }
html[data-mode="dark"] .gsc-live-pill { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.60), 0 0 0 0 rgba(34, 197, 94, .5); }
html[data-mode="dark"] .gsc-live-pill small { color: var(--gd-faint); }
html[data-mode="dark"] .gsc-live-pop { background-color: var(--gd-surface); border: 1px solid var(--gs-border); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.58); }
html[data-mode="dark"] .gsc-live-head small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-live-item + .gsc-live-item { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gsc-live-item:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gsc-came { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gsc-search .fa { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gsc-pc button { background: none; }
html[data-mode="dark"] .gsc-pc button:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gsc-pc small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-hbars small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-hbars span { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gsc-top > div:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gsc-top small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-srow { background-color: var(--gd-surface); border: 1px solid var(--gs-border); color: inherit; }
html[data-mode="dark"] .gsc-srow:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .4); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.19); }
html[data-mode="dark"] .gsc-srow.is-live { background: linear-gradient(90deg, rgba(22, 163, 74, .05), var(--gd-surface) 40%); }
html[data-mode="dark"] .gsc-date { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gsc-date small { color: var(--gs-red); }
html[data-mode="dark"] .gsc-date em { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-att b small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-att > small { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-prog { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gsc-dur { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-pager { color: var(--gs-muted); }
html[data-mode="dark"] .gsc-pager b { color: var(--gs-text); }
html[data-mode="dark"] .gsc-pg { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); }
html[data-mode="dark"] .gsc-pg:hover:not(:disabled):not(.is-on) { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .gsc-pg.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .gsc-pg-gap { color: var(--gd-faint); }
html[data-mode="dark"] .gsc-pg-size select { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gsc-modal.is-coach .modal-body { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sc-legend { color: var(--gs-muted); }
html[data-mode="dark"] .sc-period small { color: var(--gd-faint); }
html[data-mode="dark"] .sc-pdel { background-color: rgba(var(--gd-surface-rgb), 0.10); }
html[data-mode="dark"] .sc-pdel:hover { background-color: var(--gs-red); }
html[data-mode="dark"] .sc-plock { background-color: transparent; color: var(--gd-muted); }
html[data-mode="dark"] .sc-dname { background-color: var(--gd-surface-2); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sc-dname small { color: var(--gs-red); }
html[data-mode="dark"] .sc-day.is-today .sc-dname { background-color: var(--gs-red); border-color: var(--gs-red); }
html[data-mode="dark"] .sc-slot { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: inherit; }
html[data-mode="dark"] .sc-slot::before { background: hsl(var(--h), 62%, 52%); }
html[data-mode="dark"] .sc-slot:hover { border-color: hsla(var(--h), 62%, 52%, .6); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.19); }
html[data-mode="dark"] .sc-sname .fa { color: hsl(var(--h), 55%, 45%); }
html[data-mode="dark"] .sc-slot.is-text::before { background: repeating-linear-gradient(180deg, hsl(var(--h), 40%, 70%) 0 6px, transparent 6px 10px); }
html[data-mode="dark"] .sc-slot small { color: var(--gs-muted); }
html[data-mode="dark"] .sc-slot em { color: hsl(var(--h), 55%, 38%); background: hsla(var(--h), 62%, 52%, .1); }
html[data-mode="dark"] .sc-slot.is-empty { color: var(--gd-faint); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sc-slot.is-empty:hover { color: var(--gs-red); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); }
html[data-mode="dark"] .sc-slot.is-none { background: repeating-linear-gradient(45deg, var(--gd-surface-2) 0 8px, var(--gd-surface-2) 8px 16px); }
html[data-mode="dark"] .sc-cls { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .sc-cls .gsc-dot { background: hsl(var(--h), 62%, 52%); }
html[data-mode="dark"] .sc-cls small { color: var(--gs-muted); }
html[data-mode="dark"] .sc-tick { color: var(--gd-text); }
html[data-mode="dark"] .sc-cls.is-on { border-color: var(--gd-border-3); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .sc-timebox { border: 1px solid var(--gs-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sc-timehead b .fa { color: var(--gs-red); }
html[data-mode="dark"] .sc-notime { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-muted); }
html[data-mode="dark"] .sc-notime.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .sc-preview { border-top: 1px dashed var(--gs-border-strong, var(--gd-border-2)); color: var(--gs-muted); }
html[data-mode="dark"] .sc-preview b { color: var(--gs-text); background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] #scSlotTitle small { color: var(--gs-muted); }
html[data-mode="dark"] .sc-times label { color: var(--gs-muted); }
html[data-mode="dark"] .sc-quick span { color: var(--gs-muted); }
html[data-mode="dark"] .sc-quick button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .sc-quick button.is-on, html[data-mode="dark"] .sc-quick button:hover { border-color: var(--gd-inv-bg); background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .sc-err { color: var(--gs-red); }
html[data-mode="dark"] .sc-err.is-info { color: var(--gs-muted); }
html[data-mode="dark"] .sc-clear { color: var(--gs-red) !important; }

/* ---- gs-submodes.css ---- */
html[data-mode="dark"] .gsub-opt { border-top: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gsub-sw { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gsub-sw::after { background-color: var(--gd-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gsub-opt input:checked + .gsub-sw { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gsub-opt input:focus-visible + .gsub-sw { outline: 3px solid rgba(var(--gs-red-rgb, 213, 60, 65), .3); }
html[data-mode="dark"] .gsub-t b { color: var(--gd-text); }
html[data-mode="dark"] .gsub-t small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gsub-more { border: 1px dashed var(--gs-border-strong, var(--gd-border-2)); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gsub-more-h { color: var(--gd-text); }
html[data-mode="dark"] .gsub-more-h .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gsub-radio small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-open-pill { color: hsl(175, 77%, 68%); background-color: hsla(173, 47%, 55%, 0.16); }
html[data-mode="dark"] .gs-more-pill { color: hsl(226, 71%, 68%); background-color: hsla(222, 70%, 55%, 0.16); }
html[data-mode="dark"] .gsub-kind label { border: 1px solid var(--gs-border-strong, var(--gd-border-2)); }
html[data-mode="dark"] .gsub-kind label.is-on { border-color: var(--gs-red, #d53c41); background: rgba(var(--gs-red-rgb, 213, 60, 65), .05); }
html[data-mode="dark"] .gsub-kind small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-run { border-top: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gs-run-h b { color: var(--gd-text); }
html[data-mode="dark"] .gs-run-m { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-run-m b { color: var(--gd-text); }
html[data-mode="dark"] .gs-fz-part { border-top: 1px dashed var(--gs-border-strong, var(--gd-border-2)); }
html[data-mode="dark"] .gs-fz-card h6 em { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gsub-kind b .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-fz-which { background-color: hsla(219, 70%, 55%, 0.16); color: hsl(226, 71%, 68%); }
html[data-mode="dark"] option.gs-opt-off { color: var(--gd-faint); }

/* ---- gs-swal.css ---- */
html[data-mode="dark"] .sweet-alert { background-color: var(--gd-surface) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon::before { background: none !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-error { background-color: hsla(0, 70%, 55%, 0.16) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-error::before { color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-warning { background-color: hsla(39, 70%, 55%, 0.16) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-warning::before { color: hsl(32, 80%, 68%) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-info { background-color: hsla(219, 70%, 55%, 0.16) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-success { background-color: hsla(140, 45%, 55%, 0.16) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-success::before { color: hsl(142, 76%, 68%) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-custom { background-color: transparent !important; }
html[data-mode="dark"] .sweet-alert h2 { color: var(--gd-text) !important; }
html[data-mode="dark"] .sweet-alert p, html[data-mode="dark"] .sweet-alert .lead { color: var(--gd-muted) !important; }
html[data-mode="dark"] .sweet-alert input[type], html[data-mode="dark"] .sweet-alert .form-group .form-control { border: 1px solid var(--gd-border) !important; background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] .sweet-alert input[type]:focus, html[data-mode="dark"] .sweet-alert .form-group .form-control:focus { border-color: var(--gd-border-3) !important; background-color: var(--gd-surface) !important; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.24) !important; }
html[data-mode="dark"] .sweet-alert .sa-input-error, html[data-mode="dark"] .sweet-alert .sa-error-container, html[data-mode="dark"] .sweet-alert .sa-help-text { color: hsl(358, 67%, 68%) !important; }
html[data-mode="dark"] .sweet-alert button:focus-visible { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.34) !important; }
html[data-mode="dark"] .sweet-alert button.confirm:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-info) { background-color: var(--gs-accent, var(--gsm-accent, #d53c41)) !important; border-color: transparent !important; }
html[data-mode="dark"] .sweet-alert button.confirm.btn-danger { background-color: var(--gs-red, #d53c41) !important; border-color: transparent !important; }
html[data-mode="dark"] .sweet-alert button.confirm.btn-success { border-color: transparent !important; }
html[data-mode="dark"] .sweet-alert button.confirm.btn-warning { border-color: transparent !important; }
html[data-mode="dark"] .sweet-alert button.confirm.btn-info { border-color: transparent !important; }
html[data-mode="dark"] .sweet-alert button.cancel, html[data-mode="dark"] .sweet-alert button.btn-default { background-color: var(--gd-surface-3) !important; background-color: var(--gd-surface-3) !important; color: var(--gd-text-2) !important; }
html[data-mode="dark"] .sweet-alert button.cancel:hover { background-color: var(--gd-surface-3) !important; }
html[data-mode="dark"] .gs-install-steps { color: var(--gd-text-2); }

/* ---- platform.css ---- */
html[data-mode="dark"] body.gs-platform.gs-no-side { background: radial-gradient(900px 520px at 85% -10%, rgba(213, 60, 65, .38), transparent 60%),
        radial-gradient(700px 480px at -10% 110%, rgba(213, 60, 65, .22), transparent 60%),
        linear-gradient(160deg, #1d1d1f 0%, #0b0b0c 55%, #050505 100%) fixed; }
html[data-mode="dark"] .gs-platform.gs-no-side .gs-main { background-color: transparent; }
html[data-mode="dark"] .gs-platform.gs-no-side .gs-topbar { background-color: transparent !important; }
html[data-mode="dark"] .gs-platform.gs-no-side .gs-lang { background-color: rgba(var(--gd-surface-rgb), 0.08); border-color: var(--gd-border); }
html[data-mode="dark"] .gs-platform.gs-no-side .gs-clock { color: var(--gd-faint); }
html[data-mode="dark"] .gs-platform.gs-no-side .gs-footer, html[data-mode="dark"] .gs-platform.gs-no-side .gs-footer p { color: var(--gd-faint); background-color: transparent; border-color: var(--gd-border); }
html[data-mode="dark"] .pf-auth-card { background-color: var(--gd-surface); border: 1px solid var(--gd-surface); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60), 0 0 0 1px rgba(213, 60, 65, .08); }
html[data-mode="dark"] .pf-auth-kicker { color: var(--gs-red); background-color: var(--gs-red-soft); }
html[data-mode="dark"] .pf-auth-title { color: var(--gs-text); }
html[data-mode="dark"] .pf-auth-card label { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-auth-link { color: var(--gs-muted) !important; }
html[data-mode="dark"] .pf-auth-link:hover { color: var(--gs-red) !important; }
html[data-mode="dark"] .pf-auth-err { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-auth-ok { background-color: hsla(146, 47%, 55%, 0.16); color: hsl(148, 72%, 68%); }
html[data-mode="dark"] .pf-auth-bad { background-color: var(--gs-red-soft); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-auth-note { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .pf-eye { background-color: transparent; color: var(--gs-muted); }
html[data-mode="dark"] .pf-eye:hover { color: var(--gs-text); }
html[data-mode="dark"] .pf-muted { color: var(--gs-muted); }
html[data-mode="dark"] .gs-platform .btn-light { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-platform .btn-light:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-alert.is-warn { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); border: 1px solid hsl(37, 48%, 34%); }
html[data-mode="dark"] .pf-search .fa { color: var(--gs-muted); }
html[data-mode="dark"] .pf-search input { border: 1px solid var(--gs-border-strong); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-search input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .pf-form-sec { color: var(--gd-text-2); border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-platform .modal-body label { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-sub { color: var(--gs-muted); }
html[data-mode="dark"] .pf-limit small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-limit.is-full { color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .pf-limit.is-over { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-empty { color: var(--gs-muted); }
html[data-mode="dark"] .pf-switch span { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .pf-switch span::after { background-color: var(--gd-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .pf-switch input:checked + span { background-color: var(--gs-red); }
html[data-mode="dark"] .pf-check:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-table-wrap { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-table th { background-color: var(--gd-surface-2); color: var(--gd-text-2); border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-table td { border-bottom: 1px solid var(--gd-border); color: var(--gd-text); }
html[data-mode="dark"] .pf-table tbody tr:hover td { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-table tr.is-off td { color: var(--gd-faint); }
html[data-mode="dark"] .pf-table code { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .pf-domain small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-details { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .pf-gym-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); color: inherit !important; }
html[data-mode="dark"] .pf-gym-id span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gym-stats { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gym-stats small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gym-stats code { background-color: transparent; color: var(--gd-text); }
html[data-mode="dark"] .pf-gym-head .pf-gym-id b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-gym-head #pfHeadName { color: inherit; }
html[data-mode="dark"] .pf-gym-head #pfHeadDomain { color: var(--gs-muted); }
html[data-mode="dark"] .pf-img-field label { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-img-box { border: 1px solid var(--gs-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-img-prev { border: 1px dashed var(--gs-border-strong); background-color: var(--gd-surface); color: var(--gd-faint); }
html[data-mode="dark"] .pf-img-prev:hover { border-color: var(--gs-accent, #d53c41); }
html[data-mode="dark"] .pf-img-field.is-dark .pf-img-prev { border-color: var(--gd-border-3); }
html[data-mode="dark"] .pf-img-name { color: var(--gd-muted); }
html[data-mode="dark"] .pf-img-field.is-empty .pf-img-name { color: var(--gd-faint); }
html[data-mode="dark"] .pf-color input[type=color] { border: 1px solid var(--gs-border-strong); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-placeholders { color: var(--gs-muted); }
html[data-mode="dark"] .pf-chip { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] button.pf-chip:hover { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .pf-chip.is-id { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-dirty { color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .pf-preview-bar { background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-preview-body { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-preview-body iframe { background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-role-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-perm-group { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-perm-group h6 { color: var(--gs-muted); }
html[data-mode="dark"] .pf-secret code { background-color: transparent; }
html[data-mode="dark"] .pf-toast { box-shadow: 0 14px 30px rgba(0, 0, 0, 0.60); }
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.pf-table.gs-cards > tbody > tr:hover > td { background-color: transparent; }
}
html[data-mode="dark"] .pf-perm-group { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-intro { color: var(--gs-muted); }
html[data-mode="dark"] .pf-pager { color: var(--gs-muted); }
html[data-mode="dark"] .pf-pager.is-float { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-pager-info b { color: var(--gs-text); }
html[data-mode="dark"] .pf-pg { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-pg:hover:not([disabled]):not(.is-on) { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .pf-pg.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.43); }
html[data-mode="dark"] .pf-pg-gap { color: var(--gd-faint); }
html[data-mode="dark"] .gs-admin .pf-pager-size { color: var(--gs-muted); }
html[data-mode="dark"] .pf-pager-size select { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-gym-go { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gym-card:hover .pf-gym-go { color: var(--gs-red); }
html[data-mode="dark"] .pf-gym-top img, html[data-mode="dark"] .pf-gym-top .pf-gym-mark { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .pf-files-tools .gs-select-wrap .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-files-tools select { border: 1px solid var(--gs-border-strong); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-crumbs button { background-color: transparent; color: var(--gd-text-2); }
html[data-mode="dark"] .pf-crumbs button:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-crumbs button:last-of-type { color: var(--gs-accent, #d53c41); }
html[data-mode="dark"] .pf-crumbs > .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-folder { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-folder:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.19); }
html[data-mode="dark"] .pf-file { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-file:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .pf-file-thumb { color: var(--gd-faint); background-color: var(--gd-surface-2); background-image: linear-gradient(45deg, var(--gd-surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--gd-surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--gd-surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--gd-surface-3) 75%); }
html[data-mode="dark"] .pf-file-meta { color: var(--gd-faint); }
html[data-mode="dark"] .pf-drop { border: 2px dashed var(--gs-accent, #d53c41); background-color: rgba(var(--gd-surface-rgb), 0.92); color: var(--gs-accent, #d53c41); }
html[data-mode="dark"] .pf-upbar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-upbar b { color: var(--gd-text); }
html[data-mode="dark"] .pf-pick-modal .modal-body { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-fchip { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-fchip b { color: var(--gd-faint); }
html[data-mode="dark"] .pf-fchip .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-fchip:hover { border-color: var(--gd-border-2); }
html[data-mode="dark"] .pf-fchip.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.39); }
html[data-mode="dark"] .pf-fchip.is-idle .fa, html[data-mode="dark"] .pf-fchip.is-due .fa { color: hsl(37, 80%, 68%); }
html[data-mode="dark"] .pf-fchip.is-active .fa, html[data-mode="dark"] .pf-fchip.is-paid .fa, html[data-mode="dark"] .pf-fchip.is-delivered .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-gym-last { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gym-reason { color: var(--gd-muted); }
html[data-mode="dark"] .pf-gym-card.is-stopped { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-late { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .pf-attn-item { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text) !important; }
html[data-mode="dark"] .pf-attn-item:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); }
html[data-mode="dark"] .pf-attn-item > .fa:last-child { color: var(--gd-faint); }
html[data-mode="dark"] .pf-attn-item.is-idle > .fa:first-child { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(37, 80%, 68%); }
html[data-mode="dark"] .pf-attn-item.is-unpaid > .fa:first-child { background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-attn-item.is-claimed > .fa:first-child { background-color: hsla(219, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-attn-item.is-stopped > .fa:first-child { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .pf-status-ic { background-color: hsla(144, 48%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-status-sub { color: var(--gs-muted); }
html[data-mode="dark"] .pf-status-meta { color: var(--gs-muted); }
html[data-mode="dark"] .pf-status.is-idle .pf-status-ic { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(37, 80%, 68%); }
html[data-mode="dark"] .pf-status.is-unpaid .pf-status-ic { background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-status.is-stopped { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-status.is-stopped .pf-status-ic { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-danger-txt:hover { background-color: hsla(0, 70%, 55%, 0.16) !important; }
html[data-mode="dark"] .pf-calc > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-calc small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-calc b em { color: var(--gs-muted); }
html[data-mode="dark"] .pf-calc span { color: var(--gd-faint); }
html[data-mode="dark"] .pf-calc .is-total small, html[data-mode="dark"] .pf-calc .is-total span, html[data-mode="dark"] .pf-calc .is-total em { color: var(--gd-faint); }
html[data-mode="dark"] .pf-inv, html[data-mode="dark"] .pf-batch { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-inv.is-s3, html[data-mode="dark"] .pf-batch.is-s3 { border-top-color: var(--gd-border-2); }
html[data-mode="dark"] .pf-inv-gym { color: var(--gd-text) !important; }
html[data-mode="dark"] .pf-inv-no { color: var(--gd-faint); }
html[data-mode="dark"] .pf-inv-amount small, html[data-mode="dark"] .pf-batch-price small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-inv-period, html[data-mode="dark"] .pf-inv-due, html[data-mode="dark"] .pf-batch-time { color: var(--gd-muted); }
html[data-mode="dark"] .pf-inv-period .fa, html[data-mode="dark"] .pf-inv-due .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-inv-calc { color: var(--gd-faint); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-inv-claim { background-color: hsla(219, 70%, 55%, 0.16); color: hsl(224, 64%, 68%); }
html[data-mode="dark"] .pf-inv-paid { color: hsl(143, 64%, 68%); }
html[data-mode="dark"] .pf-inv-notes { color: var(--gd-muted); }
html[data-mode="dark"] .pf-inv-actions { border-top: 1px solid var(--gd-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-select select { border: 1px solid var(--gs-border-strong); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-select .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-alert.is-info { background-color: hsla(219, 70%, 55%, 0.16); color: hsl(224, 64%, 68%); border: 1px solid hsl(218, 48%, 34%); }
html[data-mode="dark"] .pf-maint.is-on { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-batch-count span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-batch-use small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-batch-price span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-batch-time { color: var(--gd-faint); }
html[data-mode="dark"] .pf-print-title span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-btn-n { background-color: rgba(var(--gd-surface-rgb), 0.18); }
html[data-mode="dark"] .pf-qr-opt { color: var(--gs-muted); }
html[data-mode="dark"] .pf-qr { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-qr:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .pf-qr-key { color: var(--gd-muted); }
html[data-mode="dark"] .pf-qr.is-skel .pf-qr-code span, html[data-mode="dark"] .pf-skel-line { background: linear-gradient(90deg, var(--gd-surface-3) 25%, var(--gd-surface-3) 37%, var(--gd-surface-3) 63%); }
html[data-mode="dark"] .pf-qr-busy-card { background-color: var(--gd-surface); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .pf-qr-busy-card small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-qr-prog { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-gym-cell-txt small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-inv-link { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-inv-link a { color: var(--gd-text); }
html[data-mode="dark"] .pf-inv-nolink { border: 1px dashed hsl(358, 40%, 34%); background-color: var(--gd-surface); color: hsl(358, 67%, 68%); }
html[data-mode="dark"] .pf-inv-nolink:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-palette label { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-presets { border-top: 1px dashed var(--gs-border); }
html[data-mode="dark"] .pf-presets > span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-preset { border: 2px solid var(--gd-surface); box-shadow: 0 0 0 1px var(--gs-border), 0 4px 10px rgba(0, 0, 0, 0.24); background: linear-gradient(135deg, var(--b) 0 50%, var(--a) 50% 100%); }
html[data-mode="dark"] .pf-save-row { border-top: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-live { background: repeating-linear-gradient(45deg, var(--gd-surface-2) 0 10px, var(--gd-surface-3) 10px 20px); }
html[data-mode="dark"] .pf-live.is-phone .pf-live-frame { border: 10px solid var(--gd-border-3); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .pf-live.is-desk .pf-live-frame { border: 1px solid var(--gs-border); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.39); }
html[data-mode="dark"] .pf-auth .pf-check { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-auth .pf-check span { border: 1.5px solid var(--gd-border-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-dev-btn { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-dev-kpi small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-dev-limit { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-dev { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-dev.is-off { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-dev-ic { background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-dev-info small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-notif { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-notif-ic { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-notif-ic.is-billing { background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-notif-ic.is-medals { background-color: hsla(219, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-notif-ic.is-info { background-color: hsla(36, 70%, 55%, 0.16); color: hsl(37, 80%, 68%); }
html[data-mode="dark"] .pf-notif-body p { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-notif-meta { color: var(--gs-muted); }
html[data-mode="dark"] .pf-notif-read small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-num-ok { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-devlimit p { color: var(--gs-muted); }
html[data-mode="dark"] .pf-devlimit-row { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-devlimit-txt small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-devlimit-back { background: none; }
html[data-mode="dark"] .pf-push-grid > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-push-grid small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-modules button { border: 1.5px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-modules button .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-modules button b { color: var(--gd-text); }
html[data-mode="dark"] .pf-modules button small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-modules button:hover:not(:disabled) { border-color: var(--gd-border-2); }
html[data-mode="dark"] .pf-modules button.is-on { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-appicon { border: 1px dashed var(--gd-border-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-appicon-prev { background-color: var(--gd-surface-3); color: var(--gd-faint); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.34); }
html[data-mode="dark"] .pf-appicon-txt small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-ie .modal-body { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-ie-stage { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.39); background: repeating-conic-gradient(var(--gd-surface-3) 0 25%, var(--gd-surface) 0 50%) 0 0 / 20px 20px; }
html[data-mode="dark"] .pf-ie-safe { box-shadow: 0 0 0 1px var(--gd-surface); }
html[data-mode="dark"] .pf-ie-load { background-color: rgba(var(--gd-surface-rgb), 0.60); color: var(--gd-muted); }
html[data-mode="dark"] .pf-ie-mocks img { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.60); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-ie-sec { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-ie-val { color: var(--gs-muted); }
html[data-mode="dark"] .pf-ie-srcs button { border: 2px solid var(--gs-border); background: repeating-conic-gradient(#8a9099 0 25%, var(--gd-surface-4) 0 50%) 0 0 / 12px 12px; }
html[data-mode="dark"] .pf-ie-srcs button small { color: hsl(217, 19%, 68%); background-color: rgba(var(--gd-surface-rgb), 0.85); }
html[data-mode="dark"] .pf-ie-srcs button.is-on { border-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .pf-ie-sw button { border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .pf-ie-sw button.is-on { box-shadow: 0 0 0 2px var(--gd-surface), 0 0 0 4px var(--gs-red, #d53c41); }
html[data-mode="dark"] .pf-ie-hint { color: var(--gs-muted); }
html[data-mode="dark"] .pf-ie-pad button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-ie-pad button:hover { border-color: var(--gs-red, #d53c41); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .pf-ied .modal-body { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-ied-stage { background: repeating-conic-gradient(var(--gd-surface-3) 0 25%, var(--gd-surface-2) 0 50%) 0 0 / 18px 18px; }
html[data-mode="dark"] .pf-ied-crop { box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.60); outline: 2px solid var(--gd-surface); }
html[data-mode="dark"] .pf-ied-crop::before, html[data-mode="dark"] .pf-ied-crop::after { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-ied-crop i { background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-ied-load { color: var(--gd-muted); background-color: rgba(var(--gd-surface-rgb), 0.70); }
html[data-mode="dark"] .pf-ied-note { color: hsl(23, 80%, 68%); background-color: hsla(48, 70%, 55%, 0.16); border: 1px solid hsl(48, 48%, 34%); }
html[data-mode="dark"] .pf-ied-sec { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-ied-sec > b small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-ied-chips button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-ied-chips button.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-ied-nums label { color: var(--gs-muted); }
html[data-mode="dark"] .pf-ied input[type=number] { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-ied-lock { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-faint); }
html[data-mode="dark"] .pf-ied-warn { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .pf-ied-q, html[data-mode="dark"] .pf-ied-bg { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-ied-bg input { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-ied-lockmsg { color: var(--gs-muted); }
html[data-mode="dark"] .pf-ied-result small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-ied-result > .fa { color: var(--gd-muted); }
html[data-mode="dark"] .pf-live-state { background-color: var(--gd-surface-2); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .pf-live-note { color: var(--gs-muted); }
html[data-mode="dark"] .pf-delta { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .pf-delta.is-up { background-color: hsla(140, 45%, 55%, 0.16); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .pf-delta.is-down { background-color: hsla(0, 70%, 55%, 0.16); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gs-kpi.is-hero .pf-delta { background-color: rgba(var(--gd-surface-rgb), 0.12); }
html[data-mode="dark"] .pf-legend { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-legend i.is-today, html[data-mode="dark"] .pf-tip i.is-today { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-legend i.is-lw, html[data-mode="dark"] .pf-tip i.is-lw { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .pf-hours-svg .pf-axis { fill: var(--gd-faint); }
html[data-mode="dark"] .pf-hours-svg .pf-bar-t { fill: var(--gd-text); }
html[data-mode="dark"] .pf-hours-svg .pf-hit { fill: transparent; }
html[data-mode="dark"] .pf-tip { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.58); }
html[data-mode="dark"] .pf-tip i.is-lw { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .pf-now-item { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-now-txt small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-now-n { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-now-n small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-online, html[data-mode="dark"] .pf-online-s { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .pf-offline { color: var(--gd-faint); }
html[data-mode="dark"] .pf-sub { color: var(--gs-muted); }
html[data-mode="dark"] .pf-day-btn { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .pf-day-btn:hover { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-drawer .modal-content { box-shadow: -20px 0 50px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .pf-gp-head { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gp-id small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gp-kpi { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gp-kpi small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gp-kpi > span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gp-kpi.is-main small, html[data-mode="dark"] .pf-gp-kpi.is-main > span { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gp-kpi.is-main .pf-delta { background-color: rgba(var(--gd-surface-rgb), 0.12); }
html[data-mode="dark"] .pf-gp-h { color: var(--gd-text); }
html[data-mode="dark"] .pf-day-n { color: var(--gd-muted); }
html[data-mode="dark"] .pf-day-bar { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .pf-day-l { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gp-li { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gp-li.is-on { border-color: hsl(139, 38%, 34%); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gp-li-ic { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-gp-li-main small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gp-li-n small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gp-foot { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gp-upd { color: var(--gs-muted); }
html[data-mode="dark"] .pf-hours-stats > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-hours-stats small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-gym-br { color: var(--gs-muted); }
html[data-mode="dark"] .ve-tb-group { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-tb { background-color: transparent; color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .ve-tb:hover:not(:disabled) { background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .ve-tb.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.41); }
html[data-mode="dark"] .ve-stage { background: repeating-linear-gradient(45deg, var(--gd-surface-2), var(--gd-surface-2) 10px, var(--gd-surface-3) 10px, var(--gd-surface-3) 20px); }
html[data-mode="dark"] .ve-frame-box { background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-frame-box.is-device { border: 8px solid var(--gd-border-3); }
html[data-mode="dark"] .ve-frame-box iframe { background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-loading { background-color: rgba(var(--gd-surface-rgb), 0.65); }
html[data-mode="dark"] .ve-side { border: 1px solid var(--gs-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-tabs { border-bottom: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-tabs button { background-color: transparent; color: var(--gd-text-2); }
html[data-mode="dark"] .ve-tabs button:hover:not(:disabled) { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .ve-tabs button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .ve-zoom { color: var(--gd-muted); }
html[data-mode="dark"] .ve-ib { background-color: transparent; color: var(--gd-muted); }
html[data-mode="dark"] .ve-search { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-faint); }
html[data-mode="dark"] .ve-search:focus-within { border-color: var(--gd-border-3); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.19); }
html[data-mode="dark"] .ve-search input { background-color: transparent; color: var(--gd-text); }
html[data-mode="dark"] .ve-nav-top { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-node::before { border-inline-start: 1px dashed var(--gd-border); }
html[data-mode="dark"] .ve-node:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .ve-node.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .ve-caret { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .ve-node-main { background-color: transparent; color: var(--gd-text); }
html[data-mode="dark"] .ve-node-main > .fa { color: var(--gd-faint); }
html[data-mode="dark"] .ve-node-main b { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .ve-node-main small { color: var(--gd-faint); }
html[data-mode="dark"] .ve-tag-so { color: hsl(15, 79%, 68%); background-color: hsla(33, 70%, 55%, 0.16); }
html[data-mode="dark"] .ve-foot-hint { color: var(--gd-faint); }
html[data-mode="dark"] .ve-design { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .ve-row2 > span { color: var(--gd-muted); }
html[data-mode="dark"] .ve-radius button[data-v]::before { border: 2px solid currentColor; }
html[data-mode="dark"] .ve-sw button, html[data-mode="dark"] .ve-sw-custom { border: 1px solid var(--gd-border-3); background: var(--c, var(--gd-surface)); }
html[data-mode="dark"] .ve-sw button.is-none { background: linear-gradient(135deg, var(--gd-surface) 45%, #d53c41 45%, #d53c41 55%, var(--gd-surface) 55%); }
html[data-mode="dark"] .ve-sw button.is-on, html[data-mode="dark"] .ve-sw-custom.is-on { box-shadow: 0 0 0 2px var(--gd-surface), 0 0 0 4px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .ve-sw-custom { background: var(--c, conic-gradient(#e80000, #ffb400, #16a34a, #2563eb, #9333ea, #e80000)); }
html[data-mode="dark"] .ve-step { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-step .ve-ib { background-color: var(--gd-surface); color: var(--gd-text); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .ve-looks-t { color: var(--gd-muted); }
html[data-mode="dark"] .ve-looks button { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .ve-looks button:hover { border-color: var(--gd-border-3); }
html[data-mode="dark"] .ve-looks button i::before, html[data-mode="dark"] .ve-looks button i::after { background-color: currentColor; }
html[data-mode="dark"] .lk-soft i { background-color: var(--gd-surface-2); color: var(--gd-text); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .lk-clean i { background-color: var(--gd-surface); color: var(--gd-text); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .lk-motion i { background-color: var(--gd-surface); border: 1px dashed hsl(359, 48%, 34%); }
html[data-mode="dark"] .ve-icon-row small { color: var(--gd-muted); }
html[data-mode="dark"] .ve-add-where { color: hsl(217, 19%, 68%); background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .ve-add-card { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-add-card:hover:not(:disabled) { border-color: var(--gd-border-3); }
html[data-mode="dark"] .ve-add-card b { color: var(--gd-text); }
html[data-mode="dark"] .ve-add-card small { color: var(--gd-muted); }
html[data-mode="dark"] .ve-sk { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-sk i { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .ve-sk .sk-dark { background: linear-gradient(0deg, rgba(20,20,20,.85), rgba(20,20,20,.85)), repeating-linear-gradient(45deg, #777 0 6px, var(--gd-surface-4) 6px 12px); }
html[data-mode="dark"] .ve-sk .sk-dark ~ i { background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-sk .sk-cards4, html[data-mode="dark"] .ve-sk .sk-cards3, html[data-mode="dark"] .ve-sk .sk-nums3, html[data-mode="dark"] .ve-sk .sk-people3 { background-color: transparent; }
html[data-mode="dark"] .ve-sk .sk-cards4 { background: repeating-linear-gradient(90deg, var(--gd-surface) 0 calc(25% - 3px), transparent calc(25% - 3px) 25%); }
html[data-mode="dark"] .ve-sk .sk-cards3 { background: repeating-linear-gradient(90deg, var(--gd-surface) 0 calc(33.33% - 3px), transparent calc(33.33% - 3px) 33.33%); }
html[data-mode="dark"] .ve-sk .sk-nums3 { background: radial-gradient(circle at 16% 40%, #1d2127 0 5px, transparent 6px), radial-gradient(circle at 50% 40%, #1d2127 0 5px, transparent 6px), radial-gradient(circle at 84% 40%, #1d2127 0 5px, transparent 6px), repeating-linear-gradient(90deg, var(--gd-surface) 0 calc(33.33% - 3px), transparent calc(33.33% - 3px) 33.33%); }
html[data-mode="dark"] .ve-sk .sk-people3 { background: radial-gradient(circle at 16% 38%, var(--gd-surface-4) 0 7px, transparent 8px), radial-gradient(circle at 50% 38%, var(--gd-surface-4) 0 7px, transparent 8px), radial-gradient(circle at 84% 38%, var(--gd-surface-4) 0 7px, transparent 8px), repeating-linear-gradient(90deg, var(--gd-surface) 0 calc(33.33% - 3px), transparent calc(33.33% - 3px) 33.33%); }
html[data-mode="dark"] .ve-sk .sk-img-text { background: linear-gradient(90deg, var(--gd-surface-4) 0 44%, transparent 44% 52%, var(--gd-surface) 52%); }
html[data-mode="dark"] .ve-sk .sk-rows { background: repeating-linear-gradient(180deg, var(--gd-surface) 0 8px, transparent 8px 11px); }
html[data-mode="dark"] .ve-sk .sk-quote { background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-sk .sk-quote::before { color: hsl(0, 80%, 68%); }
html[data-mode="dark"] .ve-sk .sk-map { background: linear-gradient(135deg, hsla(214, 70%, 55%, 0.16) 25%, hsla(113, 44%, 55%, 0.16) 25% 50%, hsla(214, 70%, 55%, 0.16) 50% 75%, hsla(113, 44%, 55%, 0.16) 75%); }
html[data-mode="dark"] .ve-ipk-box { background-color: var(--gd-surface); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .ve-ipk-bar { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .ve-ipk-foot { color: var(--gd-faint); border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .ve-head small { color: var(--gs-muted); }
html[data-mode="dark"] .ve-back { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-crumbs { color: var(--gd-faint); }
html[data-mode="dark"] .ve-crumbs button { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .ve-crumbs button:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .ve-group { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .ve-group h6 { color: var(--gd-text); }
html[data-mode="dark"] .ve-group h6 .fa { background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .ve-group.is-section h6 .fa { background-color: var(--gd-surface-3); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .ve-hint, html[data-mode="dark"] .ve-sub, html[data-mode="dark"] .ve-note, html[data-mode="dark"] .ve-typing { color: var(--gd-text-2); }
html[data-mode="dark"] .ve-note { color: var(--gd-muted); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-note.is-warn { background-color: hsla(33, 70%, 55%, 0.16); color: hsl(15, 79%, 68%); }
html[data-mode="dark"] .ve-keys { color: var(--gd-muted); }
html[data-mode="dark"] .ve-keys kbd { background-color: var(--gd-surface); color: var(--gd-text); border: 1px solid var(--gd-border-2); }
html[data-mode="dark"] .ve-img-prev { border: 1px dashed var(--gd-border-2); background: var(--gd-surface-2) repeating-conic-gradient(var(--gd-surface-3) 0 25%, var(--gd-surface) 0 50%) 0 0 / 14px 14px; color: var(--gd-faint); }
html[data-mode="dark"] .ve-img-acts small, html[data-mode="dark"] .ve-file small { color: var(--gd-muted); }
html[data-mode="dark"] .ve-file > .fa { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .ve-btn { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .ve-btn:hover:not(:disabled) { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .ve-btn.is-main { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .ve-btn.is-danger { border-color: hsl(359, 48%, 34%); background-color: var(--gd-surface); }
html[data-mode="dark"] .ve-field > span { color: var(--gd-muted); }
html[data-mode="dark"] .ve-seg button { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .ve-seg button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .ve-switch { color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .ve-switch span { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .ve-switch span::after { background-color: var(--gd-surface); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.53); }
html[data-mode="dark"] .ve-empty { color: var(--gd-muted); }
html[data-mode="dark"] .ve-empty p { color: var(--gd-text); }
html[data-mode="dark"] .ve-outline button { background-color: transparent; color: var(--gd-text); }
html[data-mode="dark"] .ve-outline button:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ve-outline button b { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .ve-outline button > .fa { color: var(--gd-faint); }
html[data-mode="dark"] .ve-outline small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-attn-gyms { color: var(--gd-muted); }
html[data-mode="dark"] .pf-recent-li { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .pf-recent-ic { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-recent-main small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-recent-t { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gp-acts { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gp-act { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-text) !important; }
html[data-mode="dark"] .pf-gp-act:hover { border-color: var(--gd-border-3); }
html[data-mode="dark"] .pi-custom input { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pi-gym { color: inherit !important; }
html[data-mode="dark"] .pi-gym:hover b { color: var(--gs-red); }
html[data-mode="dark"] .pi-empty { color: var(--gs-muted); }
html[data-mode="dark"] .pf-stmt-kpis > div { background-color: var(--gd-surface-2); border-top: 3px solid var(--gd-border); }
html[data-mode="dark"] .pf-stmt-kpis small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-stmt-kpis b em { color: var(--gs-muted); }
html[data-mode="dark"] .pf-stmt-kpis span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-stmt-kpis .is-late b { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-stmt-h { color: var(--gs-muted); }
html[data-mode="dark"] .pf-stmt-row { border: 1px solid var(--gd-border); color: inherit !important; }
html[data-mode="dark"] .pf-stmt-row:hover { border-color: var(--gd-border-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-stmt-row.is-late { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-stmt-row b .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-stmt-row small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-tpl-card { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-tpl-card:hover { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .pf-tpl-check { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .pf-tpl-body p { color: var(--gs-muted); }
html[data-mode="dark"] .pf-tpl-meta { color: var(--gs-muted); }
html[data-mode="dark"] .pf-tpl-acts .dropdown-menu { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34); border-color: var(--gd-border); }
html[data-mode="dark"] .pf-tpl-pagelinks span { color: var(--gs-muted); }
html[data-mode="dark"] .pf-tpl-pagelinks a { background-color: var(--gd-surface-2); color: var(--gd-text-2) !important; }
html[data-mode="dark"] .pf-demo-ic { background-color: hsla(259, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-demo-sub { color: var(--gs-muted); }
html[data-mode="dark"] .pf-demo-state { background-color: var(--gd-surface-2); border: 1px solid hsl(259, 48%, 34%); }
html[data-mode="dark"] .pf-demo-state.is-err { background-color: var(--gd-surface-2); border-color: hsl(358, 48%, 34%); }
html[data-mode="dark"] .pf-demo-state.is-err .pf-demo-head { color: hsl(4, 76%, 68%); }
html[data-mode="dark"] .pf-demo-head small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-demo-bar { background-color: hsla(259, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-demo-meta { color: var(--gs-muted); }
html[data-mode="dark"] .pf-demo-chip { background-color: var(--gd-surface); border: 1px solid hsl(259, 48%, 34%); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-demo-chip b { color: var(--gd-text); }
html[data-mode="dark"] .ps-field { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .ps-reset { background: none; color: var(--gd-faint); }
html[data-mode="dark"] .ps-pair small { color: var(--gd-faint); }
html[data-mode="dark"] .ps-shot { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .ps-shot-img { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ps-serp-item { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .ps-serp-item small { color: hsl(138, 68%, 68%); }
html[data-mode="dark"] .ps-serp-item b { color: hsl(245, 80%, 68%); }
html[data-mode="dark"] .ps-serp-item p { color: var(--gd-text-2); }
html[data-mode="dark"] .ps-serp-item span { color: var(--gd-faint); }
html[data-mode="dark"] .ps-st { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ps-st.is-ok { background-color: hsla(144, 52%, 55%, 0.16); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .ps-st.is-bad { background-color: hsla(353, 70%, 55%, 0.16); color: hsl(4, 76%, 68%); }
html[data-mode="dark"] .ps-st.is-warn { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .ps-st.is-off { color: var(--gd-muted); }
html[data-mode="dark"] .ps-lead { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .ps-lead-top small { color: var(--gd-faint); }
html[data-mode="dark"] .ps-lead-meta { color: var(--gd-text-2); }
html[data-mode="dark"] .ps-lead-meta a { color: var(--gd-text); }
html[data-mode="dark"] .ps-lead-msg { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-qr-item { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-qr-code { background-color: var(--gd-surface); box-shadow: 0 0 0 1px var(--gd-surface); }
html[data-mode="dark"] .pf-qr-kind { color: var(--gd-muted); }
html[data-mode="dark"] .pf-qr-meta a { color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .pf-qr-meta small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-qr-br { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-demo-banner { background-color: hsla(259, 70%, 55%, 0.16); color: hsl(263, 69%, 68%); border: 1px solid hsl(258, 48%, 34%); }
html[data-mode="dark"] .gs-kpi.is-demo { border-color: hsl(258, 48%, 34%); }
html[data-mode="dark"] .gs-kpi.is-demo .gs-kpi-ic { background-color: hsla(259, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-lead-origin { background-color: var(--gd-surface-2); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] a.pf-lead-origin:hover { background-color: hsla(142, 56%, 55%, 0.16); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gs-pill.is-purple { background-color: hsla(259, 70%, 55%, 0.16); }
html[data-mode="dark"] .crm-kpi { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-kpi small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-kpi > b.is-green { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .crm-src-bars span { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-src-bars em { color: var(--gs-muted); }
html[data-mode="dark"] .pf-fchip.is-due:not(.is-on) { border-color: hsl(356, 48%, 34%); color: hsl(0, 74%, 68%); }
html[data-mode="dark"] .crm-filters .pf-search input { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-row { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-row:hover, html[data-mode="dark"] .crm-row:focus { border-color: var(--gd-border-2); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.19); }
html[data-mode="dark"] .crm-src-ic { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-row-top small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-no { color: var(--gd-faint); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-row-meta { color: var(--gs-muted); }
html[data-mode="dark"] .crm-row-side small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-won { color: hsl(142, 72%, 68%) !important; }
html[data-mode="dark"] .crm-ic { border: 1px solid var(--gs-border); color: var(--gd-text-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .crm-ic:hover { border-color: var(--gd-border-3); color: var(--gd-text); }
html[data-mode="dark"] .crm-ic.is-wa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .crm-lead-head small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-step { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-muted); }
html[data-mode="dark"] .crm-step.is-past { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-step.is-on { border-color: transparent; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.29); }
html[data-mode="dark"] .crm-step.is-on.is-blue { background: var(--gs-blue, #1d4fb8); }
html[data-mode="dark"] .crm-step.is-on.is-dark { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .crm-step.is-won:not(.is-on) { color: hsl(142, 72%, 68%); border-color: hsl(140, 38%, 34%); }
html[data-mode="dark"] .crm-step.is-lost:not(.is-on) { color: var(--gd-faint); }
html[data-mode="dark"] .crm-box { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-dl dt { color: var(--gs-muted); }
html[data-mode="dark"] .crm-msg { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-msg small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-others { color: var(--gs-muted); }
html[data-mode="dark"] .crm-won-box { background-color: var(--gd-surface-2); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .crm-lost-box { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .crm-won-box a { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] #crmOwnerBox .crm-next-at { color: var(--gd-text-2); }
html[data-mode="dark"] .crm-acts button, html[data-mode="dark"] .crm-srcs button, html[data-mode="dark"] .crm-quick button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-acts button.is-on, html[data-mode="dark"] .crm-srcs button.is-on, html[data-mode="dark"] .crm-quick button.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .crm-next > span { color: var(--gs-muted); }
html[data-mode="dark"] .crm-tl-ic { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-timeline li.is-won .crm-tl-ic { background-color: var(--gd-surface-2); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .crm-timeline li.is-stage .crm-tl-ic { background-color: hsla(259, 70%, 55%, 0.16); }
html[data-mode="dark"] .crm-timeline li.is-whatsapp .crm-tl-ic { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .crm-timeline li small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-tl-empty { color: var(--gs-muted); }
html[data-mode="dark"] .crm-label { color: var(--gs-muted); }
html[data-mode="dark"] .crm-gym { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .crm-gym small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-gym em { color: hsl(31, 80%, 68%); }
html[data-mode="dark"] .ps-tab-link { color: var(--gd-text-2); }
html[data-mode="dark"] .ps-tab-link:hover { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .pf-search-btn { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-muted); }
html[data-mode="dark"] .pf-search-btn:hover { border-color: var(--gd-border-2); color: var(--gd-text); }
html[data-mode="dark"] .pf-search-btn kbd { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: var(--gd-muted); }
html[data-mode="dark"] .pf-cmdk .modal-content { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .pf-cmdk-in { border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-cmdk-in .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-cmdk-in input { background: none; }
html[data-mode="dark"] .pf-cmdk kbd { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: var(--gd-muted); }
html[data-mode="dark"] .pf-cmdk-item { background: none; }
html[data-mode="dark"] .pf-cmdk-item.is-on, html[data-mode="dark"] .pf-cmdk-item:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-cmdk-t small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-cmdk-item em { color: var(--gd-faint); }
html[data-mode="dark"] .pf-cmdk-empty { color: var(--gs-muted); }
html[data-mode="dark"] .pf-cmdk-foot { border-top: 1px solid var(--gs-border); color: var(--gd-faint); }
html[data-mode="dark"] .crm-col { background-color: var(--gd-surface-2); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-col.is-over { border-color: var(--gd-border-3); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .crm-col header { border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-col header b { background-color: var(--gd-surface); }
html[data-mode="dark"] .crm-col header small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-col.is-blue header .fa { color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .crm-col.is-orange header .fa { color: hsl(21, 80%, 68%); }
html[data-mode="dark"] .crm-col.is-dark header .fa { color: var(--gd-text); }
html[data-mode="dark"] .crm-col.is-green header .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .crm-col.is-gray header .fa { color: var(--gd-faint); }
html[data-mode="dark"] .crm-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-card:hover { box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .crm-card-top { color: var(--gd-faint); }
html[data-mode="dark"] .crm-card small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-col-empty { color: var(--gd-faint); border: 2px dashed var(--gd-border); }
html[data-mode="dark"] .crm-col-more { background: none; color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .pf-folder.is-site { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .pf-folder.is-site .fa { color: var(--gs-red); }
html[data-mode="dark"] .pf-prefix-ro { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] .pf-log-date { color: var(--gd-muted); }
html[data-mode="dark"] .pf-log-date input { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-log-clear { background-color: transparent; }
html[data-mode="dark"] .pf-log-row.is-open { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-hr-bg { fill: none; }
html[data-mode="dark"] .pf-hr-fg { fill: none; stroke: var(--hc); }
html[data-mode="dark"] .pf-hr b { color: var(--gd-text); }
html[data-mode="dark"] .pf-hr.is-none { background-color: var(--gd-surface-3); color: var(--gd-faint); }
html[data-mode="dark"] .pf-hl.is-good { background-color: var(--gs-green-soft); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .pf-hl.is-watch { background-color: var(--gs-orange-soft); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .pf-hl.is-risk { background-color: var(--gs-red-soft); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-hl.is-stopped { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .pf-health-sum { background: linear-gradient(160deg, var(--gd-surface-2), var(--gd-surface-2)); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-health-avg > div small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-health-avg > div b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-health-avg > div span { color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .pf-health-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-hleg { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-hleg b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-health-li { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-health-li:hover, html[data-mode="dark"] .pf-health-li:focus-visible { border-color: var(--gd-border); }
html[data-mode="dark"] .pf-health-li-main b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-health-li-main small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-hc { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-hc.is-risk { background: linear-gradient(180deg, var(--gd-surface-2), var(--gd-surface) 60%); border-color: hsl(358, 48%, 34%); }
html[data-mode="dark"] .pf-hc.is-watch { background: linear-gradient(180deg, hsla(39, 70%, 55%, 0.16), var(--gd-surface) 60%); border-color: hsl(40, 48%, 34%); }
html[data-mode="dark"] .pf-hc-id small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-hc-meta { color: var(--gd-muted); }
html[data-mode="dark"] .pf-hc-why li { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-hc-ok { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .pf-hc-steps { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .pf-hc-sh span { color: var(--gd-muted); }
html[data-mode="dark"] .pf-hc-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-hc-steps li { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-hc-steps li.is-done { color: var(--gd-faint); }
html[data-mode="dark"] .pf-hc-steps li.is-done .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-hc-steps li a { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-rev-load { background: linear-gradient(90deg, var(--gd-surface-3) 25%, var(--gd-surface-2) 50%, var(--gd-surface-3) 75%); }
html[data-mode="dark"] .pf-rev-grid h6 { color: var(--gd-muted); }
html[data-mode="dark"] .pf-aging-l { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-aging-l small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-aging-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-aging-row.is-ok i { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .pf-aging-row b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-owing-li { border: 1px solid var(--gd-border); color: inherit !important; }
html[data-mode="dark"] .pf-owing-li:hover { background-color: var(--gd-surface-2); border-color: var(--gd-border); }
html[data-mode="dark"] .pf-owing-main small { color: var(--gd-faint); }
html[data-mode="dark"] .pi-heat-h { color: var(--gd-faint); }
html[data-mode="dark"] .pi-heat-d { color: var(--gd-text-2); }
html[data-mode="dark"] .pi-heat-c { background: rgba(213, 60, 65, var(--a)); }
html[data-mode="dark"] .pi-heat-c.is-zero { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pi-heat-c:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.34); }
html[data-mode="dark"] .pi-heat-leg { color: var(--gd-faint); }
html[data-mode="dark"] .pi-scr-name { color: var(--gd-text); }
html[data-mode="dark"] .pi-scr-name small { color: var(--gd-faint); }
html[data-mode="dark"] .pi-scr-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pi-kinds { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .pf-news-card { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-news-card.is-draft { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-news-top time { color: var(--gd-faint); }
html[data-mode="dark"] .pf-news-card h4 { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-news-one { color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .pf-news-foot { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-news-reach small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-news-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-news-prev { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-news-prev > small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-news-prev .gs-wn-item { background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-gym-check { border: 2px solid var(--gd-border-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-gym-card.is-sel { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.60), 0 10px 24px rgba(16, 24, 40, .1) !important; }
html[data-mode="dark"] .pf-gym-card.is-sel .pf-gym-check { border-color: var(--gd-border-3); }
html[data-mode="dark"] #pfSelect.is-on { background-color: var(--gd-inv-bg) !important; color: var(--gd-inv-text) !important; border-color: var(--gd-inv-bg) !important; }
html[data-mode="dark"] .pf-bulk { box-shadow: 0 20px 50px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .pf-bulk .btn-light { background-color: rgba(var(--gd-surface-rgb), 0.10) !important; border-color: var(--gd-border) !important; }
html[data-mode="dark"] .pf-bulk .btn-light:hover:not(:disabled) { background-color: rgba(var(--gd-surface-rgb), 0.18) !important; }
html[data-mode="dark"] .pf-bulk .gs-icon-btn { background-color: transparent; }
html[data-mode="dark"] .pf-bulk-to { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-tfa-hero { background: radial-gradient(520px 180px at 100% 0, rgba(213, 60, 65, .1), transparent 70%), linear-gradient(180deg, var(--gd-surface), var(--gd-surface-2)); border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-tfa-ic { box-shadow: 0 12px 26px rgba(0, 0, 0, 0.58); }
html[data-mode="dark"] .pf-tfa-hero p { color: var(--gd-muted); }
html[data-mode="dark"] .pf-tfa-step { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .pf-tfa-step b { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-tfa-step small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-tfa-qr { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-tfa-qr small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-tfa-key { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-tfa-key code { color: hsl(221, 39%, 68%); background: none; }
html[data-mode="dark"] .pf-tfa-info > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-tfa-info small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-tfa-codes code { background-color: var(--gd-surface-2); border: 1px dashed var(--gd-border-2); color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-alert.is-ok { background-color: hsla(146, 47%, 55%, 0.16); color: hsl(148, 72%, 68%); }
html[data-mode="dark"] #pf2fa .pf-auth-link { background: none; }
html[data-mode="dark"] .gs-platform *::-webkit-scrollbar-thumb { background-color: var(--gd-surface-4); border: 3px solid transparent; }
html[data-mode="dark"] .gs-platform *::-webkit-scrollbar-thumb:hover { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .gs-platform *::-webkit-scrollbar-track { background-color: transparent; }
html[data-mode="dark"] .pf-keys h6 { color: var(--gd-faint); }
html[data-mode="dark"] .pf-keys-list li { border-bottom: 1px solid var(--gd-border); color: var(--gd-text); }
html[data-mode="dark"] .pf-keys kbd, html[data-mode="dark"] .pf-menu-kbd { background-color: var(--gd-surface); color: var(--gd-text-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-hl.is-new { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .pf-ok { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .pf-dom-empty { color: var(--gd-muted); }
html[data-mode="dark"] .pf-dom-start { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-dom-start small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-dom-row { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-dom-row.is-active { border-color: hsl(142, 34%, 34%); background: linear-gradient(90deg, var(--gd-surface-2), var(--gd-surface) 60%); }
html[data-mode="dark"] [dir=rtl] .pf-dom-row.is-active { background: linear-gradient(270deg, var(--gd-surface-2), var(--gd-surface) 60%); }
html[data-mode="dark"] .pf-dom-row.is-error { border-color: hsl(358, 48%, 34%); }
html[data-mode="dark"] .pf-dom-ic { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .pf-dom-row.is-active .pf-dom-ic { background-color: hsla(143, 47%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-dom-row.is-dns .pf-dom-ic { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .pf-dom-row.is-ssl .pf-dom-ic { background-color: hsla(218, 70%, 55%, 0.16); color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .pf-dom-row.is-error .pf-dom-ic { background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-dom-main small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-dom-err { color: hsl(358, 65%, 68%) !important; }
html[data-mode="dark"] .pf-dom-guide { border: 1px dashed var(--gd-border); }
html[data-mode="dark"] .pf-dom-guide h6 .fa { color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .pf-dom-rec { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-dom-kv small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-dom-kv code { background-color: var(--gd-surface-2); color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-dom-copy { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .pf-gtf-opt { border: 1.5px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-gtf-opt:hover:not(:disabled) { border-color: var(--gd-border-2); }
html[data-mode="dark"] .pf-gtf-opt.is-on { border-color: var(--gd-border-3); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .pf-gtf-opt > .fa { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-gtf-opt.is-on > .fa { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-gtf-opt small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-gtf-stats { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gtf-now small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gtf-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-gtf-bar span { border-radius: inherit; }
html[data-mode="dark"] .pf-gtf-nums { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-gtf-nums b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-link-btn { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .pf-link-btn:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pf-gsw-name { outline: none; }
html[data-mode="dark"] .pf-gsw-caret { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gsw-name:hover .pf-gsw-caret { color: var(--gd-text); }
html[data-mode="dark"] .pf-gsw { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gsw-pos { background-color: transparent; color: var(--gd-muted); }
html[data-mode="dark"] .pf-gsw-pos:hover { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .pf-gsw-pos b { color: var(--gd-text); }
html[data-mode="dark"] .pf-gsw-pop { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gsw-search { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gsw-search .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gsw-search input, html[data-mode="dark"] .pf-gsw-search input:focus { outline: none; background-color: transparent; }
html[data-mode="dark"] .pf-gsw-pop kbd { color: var(--gd-muted); background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gsw-item { color: inherit; }
html[data-mode="dark"] .pf-gsw-item.is-sel { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gsw-txt small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gsw-empty { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gsw-foot { border-top: 1px solid var(--gd-border); background-color: var(--gd-surface-2); color: var(--gd-faint); }
@media (max-width: 767px) {
html[data-mode="dark"] .pf-gym-head > .pf-gsw .gs-icon-btn { background-color: var(--gd-surface-2); }
}
html[data-mode="dark"] .pf-pkg { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-pkg.is-pop { border-color: var(--gd-border-3); }
html[data-mode="dark"] .pf-pkg-tag { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .pf-pkg-tag.is-pop { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-pkg-tag.is-off { background-color: hsla(0, 70%, 55%, 0.16); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .pf-pkg-top p { color: var(--gd-muted); }
html[data-mode="dark"] .pf-pkg-price span { color: var(--gd-muted); }
html[data-mode="dark"] .pf-pkg-incl span { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pkg-extra { color: var(--gd-muted); }
html[data-mode="dark"] .pf-pkg-extra b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-pkg-disc span { color: hsl(150, 66%, 68%); background-color: hsla(140, 45%, 55%, 0.16); }
html[data-mode="dark"] .pf-pkg-feat { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .pf-pkg-feat li .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-pkg-feat li.is-off { color: var(--gd-faint); }
html[data-mode="dark"] .pf-pkg-max { color: var(--gd-muted); }
html[data-mode="dark"] .pf-pkg-foot { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-pkg-gyms { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-pkg-acts .gs-icon-btn { background-color: transparent; }
html[data-mode="dark"] .pf-pkg-acts .gs-icon-btn:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pkg-h { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-pkg-fopt { border: 1.5px solid var(--gd-border); }
html[data-mode="dark"] .pf-pkg-fopt:hover { border-color: var(--gd-border-2); }
html[data-mode="dark"] .pf-pkg-fopt:has(input:checked) { border-color: var(--gd-border-3); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pkg-fck { border: 1.5px solid var(--gd-border-2); background-color: var(--gd-surface); color: transparent; }
html[data-mode="dark"] .pf-pkg-fopt:has(input:checked) .pf-pkg-fck { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-pkg-fic { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pkg-fopt:has(input:checked) .pf-pkg-fic { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-pkg-fopt small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-pkg-prev > small, html[data-mode="dark"] .pf-pkg-try > small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-pkg-try { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pkg-try-row span { color: var(--gd-muted); }
html[data-mode="dark"] .pf-pkg-glist a { background-color: var(--gd-surface-2); color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .pf-gpk-cur { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gpk-cur small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gpk-ic.is-none { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-admin .pf-gpk-f { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-gpk-f.is-on { border-color: hsl(142, 34%, 34%); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-gpk-fic { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .pf-gpk-f.is-on .pf-gpk-fic { background-color: hsla(143, 47%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-gpk-ft small { color: var(--gd-faint); }
html[data-mode="dark"] .pf-gpk-custom { color: hsl(26, 80%, 68%); background-color: hsla(35, 70%, 55%, 0.16); }
html[data-mode="dark"] .pf-pt-row { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-pt-row.is-off { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pt-tier { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pt-box { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-pt-trow label { color: var(--gs-muted); }
html[data-mode="dark"] .pf-dom-prov { color: var(--gs-muted); }
html[data-mode="dark"] .pf-dom-alt { border: 1px dashed var(--gd-border-2); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-dom-alt:hover { border-color: var(--gd-border-3); color: var(--gd-text); }
html[data-mode="dark"] .pf-apex-test .fa-check-circle { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-lvl.is-view { background-color: hsla(219, 70%, 55%, 0.16); color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .pf-lvl.is-edit { background-color: var(--gd-surface-3); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-lvl.is-sensitive { background-color: hsla(8, 70%, 55%, 0.16); color: hsl(4, 76%, 68%); }
html[data-mode="dark"] .pf-lvl-pill.is-view { background-color: hsla(219, 70%, 55%, 0.16) !important; color: hsl(221, 73%, 68%) !important; }
html[data-mode="dark"] .pf-lvl-pill.is-sensitive { background-color: hsla(8, 70%, 55%, 0.16) !important; color: hsl(4, 76%, 68%) !important; }
html[data-mode="dark"] .pf-role-warn { color: hsl(4, 76%, 68%); }
html[data-mode="dark"] .pf-role-side { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-prev-sec > small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-prev-screens li { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-prev-list { color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-prev-note { color: hsl(4, 76%, 68%); }
html[data-mode="dark"] .pf-prev-note.is-muted { color: var(--gs-muted); }
html[data-mode="dark"] .pf-role-tpl small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-tpl-chip { border: 1px dashed var(--gd-border-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-tpl-chip:hover, html[data-mode="dark"] .pf-tpl-chip.is-on { border-color: var(--gd-inv-bg); background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .pf-perm:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-perm-txt small { color: var(--gs-muted); }
html[data-mode="dark"] .pf-perm input:checked ~ .pf-perm-txt b { color: var(--gd-text); }
html[data-mode="dark"] .gs-admin .pf-scope-opt { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .pf-scope-opt.is-on { border-color: var(--gd-border-3); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.60) inset; }
html[data-mode="dark"] .pf-scope-opt small { color: var(--gs-muted); }
html[data-mode="dark"] .pv-live:not(.is-on) .pv-dot { background-color: var(--gd-surface-4); }
html[data-mode="dark"] .pv-live-card { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: inherit; }
html[data-mode="dark"] .pv-live-card:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); }
html[data-mode="dark"] .pv-live-page { color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .pv-live-meta { color: var(--gs-muted); }
html[data-mode="dark"] .pv-live-lead, html[data-mode="dark"] .pv-lead { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .pv-live-empty { color: var(--gs-muted); }
html[data-mode="dark"] .pv-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .pv-sub-h { color: var(--gs-muted); }
html[data-mode="dark"] .pv-col small { color: var(--gs-muted); }
html[data-mode="dark"] .pv-delta.is-up { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pv-lead-box { background-color: hsla(38, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .pv-info { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pv-info small { color: var(--gs-muted); }
html[data-mode="dark"] .pv-path { border-inline-start: 2px solid var(--gd-border); }
html[data-mode="dark"] .pv-path-t { color: var(--gs-muted); }
html[data-mode="dark"] .pv-path-p small { color: var(--gs-muted); }
html[data-mode="dark"] .pv-other { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pv-other:hover { border-color: var(--gd-border-3); }
html[data-mode="dark"] .pv-ua code { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-cmdk-h { color: var(--gd-faint); }
html[data-mode="dark"] .pf-cmdk-ic.is-flow { background: var(--gs-red, #bc1823); }
html[data-mode="dark"] .pf-cmdk-ic.is-page, html[data-mode="dark"] .pf-cmdk-ic.is-account, html[data-mode="dark"] .pf-cmdk-ic.is-recent { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pf-cmdk-tips { border-top: 1px dashed var(--gs-border); }
html[data-mode="dark"] .pf-cmdk-tips span { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pf-cmdk-tips .fa { color: var(--gs-red, hsl(356, 77%, 68%)); }
html[data-mode="dark"] .pv-funnel li.is-drop { background-color: hsla(33, 70%, 55%, 0.16); }
html[data-mode="dark"] .pv-f-ic { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pv-funnel li:last-child .pv-f-ic { background-color: hsla(145, 55%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pv-f-top small { color: var(--gs-muted); }
html[data-mode="dark"] .pv-f-note { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .pv-hot-row { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .pv-hot-row:hover { border-color: var(--gd-border-2); }
html[data-mode="dark"] .pv-hot-main small, html[data-mode="dark"] .pv-hot-end small { color: var(--gs-muted); }
html[data-mode="dark"] .pv-hot-ic { color: hsl(21, 80%, 68%); }
html[data-mode="dark"] .pv-src { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .pv-src-meta { color: var(--gs-muted); }
html[data-mode="dark"] .pv-src-meta .is-good { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .pf-kpi-link { color: inherit !important; }
html[data-mode="dark"] .pf-subs-row { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .pf-subs-t small { color: var(--gd-muted); }
html[data-mode="dark"] .pf-theme-i { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); }
html[data-mode="dark"] .pf-theme-i.is-on { border-color: var(--gd-border-3); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.34); }
html[data-mode="dark"] .pf-theme-sw i { border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .pn-seg { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .pn-seg .fa { color: var(--gd-faint); }
html[data-mode="dark"] .pn-seg em { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .pn-seg.is-on { background-color: hsla(356, 65%, 55%, 0.16); color: hsl(358, 59%, 68%); }
html[data-mode="dark"] .pn-pick { border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .pn-pick-i:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .pn-pick-i small { color: var(--gd-faint); }
html[data-mode="dark"] .pn-reach { background-color: hsla(206, 70%, 55%, 0.16); color: hsl(218, 80%, 68%); }
html[data-mode="dark"] .pn-reach small { color: var(--gd-text-2); }
html[data-mode="dark"] .pf-gym-cell img, html[data-mode="dark"] .pf-gym-top img, html[data-mode="dark"] .pf-gp-logo img, html[data-mode="dark"] .pf-gym-logo img, html[data-mode="dark"] .pf-now-item .pf-now-logo, html[data-mode="dark"] .pi-gym img, html[data-mode="dark"] .pf-owing-li img, html[data-mode="dark"] .pf-gsw-logo img, html[data-mode="dark"] .gs-admin table.pf-table.gs-cards .pf-gym-cell img { background-color: transparent !important; }
html[data-mode="dark"] .pf-gsw-logo:has(img) { background-color: transparent !important; }
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.pf-table.gs-cards > tbody > tr > td.gs-td-actions { border-top: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .gs-admin table.pf-table.gs-cards td.gs-td-actions .btn { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: var(--gd-text); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin .modal.pf-drawer:not(.gs-member-modal) .modal-content { box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.60); }
}
html[data-mode="dark"] .crm-ad, html[data-mode="dark"] .crm-wait { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-ad.is-paid { background-color: hsla(226, 70%, 55%, 0.16); color: hsl(244, 55%, 68%); }
html[data-mode="dark"] .crm-wait { background-color: hsla(33, 70%, 55%, 0.16); color: hsl(17, 80%, 68%); }
html[data-mode="dark"] .crm-wait.is-late { background-color: var(--gd-surface-2); color: hsl(0, 74%, 68%); }
html[data-mode="dark"] .crm-replied { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .crm-replied.is-late { color: hsl(17, 80%, 68%); }
html[data-mode="dark"] .crm-adbox { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-adbox.is-paid { border-color: hsl(228, 48%, 34%); background: linear-gradient(180deg, var(--gd-surface-2), var(--gd-surface)); }
html[data-mode="dark"] .crm-adbox > small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-contact .btn.crm-tpl-btn.is-on, html[data-mode="dark"] .crm-contact .btn.crm-tpl-btn.is-on:hover { background-color: var(--gd-inv-bg) !important; border-color: var(--gd-inv-bg) !important; color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .crm-tpl-list button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .crm-tpl-list button:hover, html[data-mode="dark"] .crm-tpl-list button:focus-visible { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-tpl-list b .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .crm-tpl-list small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-fstep { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-fstep small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-fstep em { color: var(--gd-muted); }
html[data-mode="dark"] .crm-fstep.is-s3 b { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .crm-fbar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .crm-fbar i { border-radius: inherit; }
html[data-mode="dark"] .crm-fstep.is-s0 .crm-fbar { background-color: rgba(var(--gd-surface-rgb), 0.15); }
html[data-mode="dark"] .crm-fstep.is-s0 .crm-fbar i { background-color: var(--gd-surface); }
html[data-mode="dark"] .crm-speed > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-speed small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-perf .is-green { color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .crm-perf .is-warn { color: hsl(17, 80%, 68%); }
html[data-mode="dark"] .crm-perf .is-bad { color: hsl(0, 74%, 68%); }
html[data-mode="dark"] .crm-scard { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-scard.is-none { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-scard header small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-av { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .crm-rank { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .crm-rank.is-r0 { background-color: hsla(48, 70%, 55%, 0.16); color: hsl(35, 80%, 68%); }
html[data-mode="dark"] .crm-rank.is-r1 { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-rank.is-r2 { background-color: hsla(24, 70%, 55%, 0.16); color: hsl(23, 69%, 68%); }
html[data-mode="dark"] .crm-sbig > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .crm-sbig small, html[data-mode="dark"] .crm-smetrics small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-camp { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-camp.is-paid { border-color: hsl(228, 48%, 34%); }
html[data-mode="dark"] .crm-camp-ic { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-camp.is-paid .crm-camp-ic { background-color: hsla(226, 70%, 55%, 0.16); color: hsl(244, 55%, 68%); }
html[data-mode="dark"] .crm-camp-t small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-camp-n small { color: var(--gs-muted); }
html[data-mode="dark"] .crm-set { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-set-h p { color: var(--gs-muted); }
html[data-mode="dark"] .crm-set-user { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .crm-set-user .crm-av { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .crm-set-user:has(input:checked) { border-color: var(--gd-inv-bg); background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .crm-set-user:has(input:checked) .crm-av { background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .crm-set-user:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.53); }
html[data-mode="dark"] .crm-tpl-keys { color: var(--gs-muted); }
html[data-mode="dark"] .crm-tpl-keys code { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .crm-tpl-row { background-color: var(--gd-surface-2); }

/* ---- gs-base.css ---- */
html[data-mode="dark"]::-webkit-scrollbar, html[data-mode="dark"] body::-webkit-scrollbar, html[data-mode="dark"] *::-webkit-scrollbar { background-color: transparent; }
html[data-mode="dark"] .gs-net { box-shadow: 0 18px 44px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-net small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-net button { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-refbar span { background: linear-gradient(90deg, var(--gs-red, #d53c41), var(--gs-red-light, #ff7a7e)); }
html[data-mode="dark"] .gs-reftoast { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-reftoast small { color: var(--gd-faint); }
@media (max-width: 767.98px) {
html[data-mode="dark"].gs-modal-open { background-color: var(--gd-surface) !important; }
html[data-mode="dark"].gs-modal-open .modal-dialog > .modal-content { box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.60); }
}
@media (min-width: 992px) {
html[data-mode="dark"] .gs-topbar.tb-3 .gs-search-field { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
}
@media (max-width: 991.98px) {
html[data-mode="dark"] body.gs-admin.gs-drawer-open .gs-sidebar { box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 24px 60px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] body.gs-admin .gs-sidebar::after { background: var(--gs-side-bottom, #101010); }
}

/* ---- gs-tables.css ---- */
@media (min-width: 768px) {
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details), html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain), html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain), html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain), html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin .gs-table-wrap:has(> table.gs-table:not(.gs-plain)), html[data-mode="dark"] .gs-admin .sh-table-wrap:has(> table.sh-table:not(.gs-plain)), html[data-mode="dark"] .gs-admin .pf-table-wrap:has(> table.pf-table:not(.gs-plain)) { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > thead, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > thead > tr, html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain) > thead, html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain) > thead > tr, html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain) > thead, html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain) > thead > tr, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > thead, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > thead > tr, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > thead, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > thead > tr { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > thead > tr > th, html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain) > thead > tr > th, html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain) > thead > tr > th, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > thead > tr > th, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > thead > tr > th { background-color: transparent !important; color: var(--gd-faint) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > thead > tr > th.sorting_asc, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > thead > tr > th.sorting_desc { color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > thead > tr > th.sorting_asc::after, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > thead > tr > th.sorting_desc::after { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > tbody > tr:not(.child), html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain) > tbody > tr, html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain) > tbody > tr, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr:not(.child) { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > tbody > tr:not(.child) > td, html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain) > tbody > tr > td, html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain) > tbody > tr > td, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr > td, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr:not(.child) > td { background-color: var(--gd-surface) !important; color: var(--gd-text); }
html[data-mode="dark"][dir="ltr"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > tbody > tr:not(.child) > td:first-child, html[data-mode="dark"][dir="ltr"] .gs-admin table.gs-table:not(.gs-plain) > tbody > tr > td:first-child, html[data-mode="dark"][dir="ltr"] .gs-admin table.sh-table:not(.gs-plain) > tbody > tr > td:first-child, html[data-mode="dark"][dir="ltr"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr > td:first-child, html[data-mode="dark"][dir="ltr"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr:not(.child) > td:first-child { box-shadow: inset 4px 0 0 var(--gs-row-bar, var(--gd-surface)) !important; }
html[data-mode="dark"][dir="rtl"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > tbody > tr:not(.child) > td:first-child, html[data-mode="dark"][dir="rtl"] .gs-admin table.gs-table:not(.gs-plain) > tbody > tr > td:first-child, html[data-mode="dark"][dir="rtl"] .gs-admin table.sh-table:not(.gs-plain) > tbody > tr > td:first-child, html[data-mode="dark"][dir="rtl"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr > td:first-child, html[data-mode="dark"][dir="rtl"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr:not(.child) > td:first-child { box-shadow: inset -4px 0 0 var(--gs-row-bar, var(--gd-surface)) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > tbody > tr:not(.child):hover > td, html[data-mode="dark"] .gs-admin table.gs-table:not(.gs-plain) > tbody > tr:hover > td, html[data-mode="dark"] .gs-admin table.sh-table:not(.gs-plain) > tbody > tr:hover > td, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr:hover > td, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr:not(.child):hover > td { background-color: var(--gd-surface) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain):not(.dtr-details) > tbody > tr.selected > td, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr.selected > td { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td.dataTables_empty, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr > td.pf-empty, html[data-mode="dark"] .gs-admin table.pf-table:not(.gs-plain) > tbody > tr > td[colspan] { color: var(--gd-faint) !important; border: 1px dashed var(--gd-border) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.blue, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.red, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.green, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.blue, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.red, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.green { background-color: var(--gd-surface-2); color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-admin table > tbody > tr > td a.blue:hover { background-color: var(--gd-inv-bg); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.red, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.red { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .gs-admin table > tbody > tr > td a.red:hover { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.green, html[data-mode="dark"] .gs-admin table.gs-cards:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td a.green { background-color: var(--gd-surface-2); color: hsl(142, 72%, 68%) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td .btn-light, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td .btn-default { background-color: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td .btn-light:hover, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr > td .btn-default:hover { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tfoot > tr > th, html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tfoot > tr > td { background-color: var(--gd-inv-bg) !important; color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .gs-admin table.dataTable:not(.gs-member-cards):not(.gs-plain) > tbody > tr.child > td { background-color: var(--gd-surface-2) !important; border: 1px dashed var(--gd-border) !important; }
html[data-mode="dark"] .gs-admin table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom-color: var(--gd-border); }
html[data-mode="dark"] .gs-admin table.dataTable > tbody > tr.child span.dtr-title { color: var(--gd-faint); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.gs-cards > tfoot > tr { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-admin table.gs-cards > tfoot > tr > * { background-color: transparent !important; }
html[data-mode="dark"] .gs-admin table.gs-cards > tfoot > tr > [data-label]::before { color: var(--gd-faint); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.gs-cards > tbody > tr > td.gs-td-title { border-bottom: 1px solid var(--gd-border) !important; }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions a.gs-act-del, html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions button.gs-act-del { background-color: var(--gd-surface) !important; border: 1px solid rgba(var(--gs-red-rgb, 213, 60, 65), .25) !important; color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions .gs-act-del:active { background-color: var(--gs-red-soft) !important; }
html[data-mode="dark"] .gs-admin table.gs-cards td.gs-td-actions .gs-more-t { border: 1px dashed var(--gd-border-2) !important; background-color: var(--gd-surface-2) !important; color: var(--gd-text-2) !important; }
html[data-mode="dark"] .gs-more-t small { color: var(--gd-faint); }
}
@media (max-width: 767.98px) {
html[data-mode="dark"] .gs-flt-t { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gs-flt-t > .fa-sliders { background: rgba(var(--gs-red-rgb, 213, 60, 65), .1); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-flt-n { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-flt-ar { color: var(--gd-faint); }
html[data-mode="dark"] .gs-flt-t.is-open { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .35); }
}
@media (max-width: 575px) {
html[data-mode="dark"] .gs-mc-act.is-danger { background-color: var(--gd-surface); border: 1px solid rgba(var(--gs-red-rgb, 213, 60, 65), .25); }
}
@media (min-width: 768px) and (hover: hover) {
html[data-mode="dark"] .gs-admin table td.gs-td-actions [data-gs-lbl]::after { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.48); }
}
html[data-mode="dark"] .gs-admin a:focus-visible, html[data-mode="dark"] .gs-admin button:focus-visible, html[data-mode="dark"] .gs-admin .btn:focus-visible, html[data-mode="dark"] .gs-admin [tabindex]:focus-visible { outline: 2px solid rgba(var(--gs-red-rgb, 213, 60, 65), .55) !important; }

/* ---- gs-tips.css ---- */
html[data-mode="dark"] .gs-tip-q { border: 1px solid rgba(var(--gs-red-rgb, 213, 60, 65), .3); background: rgba(var(--gs-red-rgb, 213, 60, 65), .08); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-tip-q:hover { background: var(--gs-red, #d53c41); border-color: transparent; }
html[data-mode="dark"] .gs-tour-spot { box-shadow: 0 0 0 2px var(--gd-surface), 0 0 0 7px rgba(var(--gs-red-rgb, 213, 60, 65), .32); }
html[data-mode="dark"] .gs-tour-card { background-color: var(--gd-surface); color: hsl(218, 24%, 68%); box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.60), 0 2px 8px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .gs-tour-badge { background: rgba(var(--gs-red-rgb, 213, 60, 65), .1); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-tour-x { background-color: transparent; }
html[data-mode="dark"] .gs-tour-x:hover { background-color: var(--gd-surface-2); color: hsl(218, 24%, 68%); }
html[data-mode="dark"] .gs-tour-card h3 { color: hsl(220, 43%, 68%); }
html[data-mode="dark"] .gs-tour-card p { color: hsl(216, 18%, 68%); }
html[data-mode="dark"] .gs-tour-card li { color: hsl(216, 18%, 68%); }
html[data-mode="dark"] .gs-tour-card li::before { background: rgba(var(--gs-red-rgb, 213, 60, 65), .6); }
html[data-mode="dark"] .gs-tour-dots i { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-tour-dots i.is-done { background: rgba(var(--gs-red-rgb, 213, 60, 65), .35); }
html[data-mode="dark"] .gs-tour-dots i.is-on { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-tour-skip { background-color: transparent; }
html[data-mode="dark"] .gs-tour-skip:hover { color: hsl(218, 24%, 68%); }
html[data-mode="dark"] .gs-tour-prev { background-color: var(--gd-surface-2); color: hsl(218, 24%, 68%); }
html[data-mode="dark"] .gs-tour-prev:hover { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-tour-next { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-tour-next:hover { background: var(--gs-red-dark, #b52f34); }
html[data-mode="dark"] .gs-tour-arrow { background-color: var(--gd-surface); }

/* ---- gs-shop.css ---- */
html[data-mode="dark"] .sh-nav { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-nav a { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .sh-nav a .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-nav a:hover { background-color: var(--gd-surface-2); color: var(--gs-text) !important; }
html[data-mode="dark"] .sh-nav a.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text) !important; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .sh-nav a.is-cta { background-color: var(--gs-red); }
html[data-mode="dark"] .sh-nav a.is-cta:hover { background-color: var(--gs-red-dark); }
html[data-mode="dark"] .sh-input, html[data-mode="dark"] .sh-filters select, html[data-mode="dark"] .sh-filters input[type=date] { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); outline: none; }
html[data-mode="dark"] .sh-input:focus, html[data-mode="dark"] .sh-filters select:focus, html[data-mode="dark"] .sh-filters input[type=date]:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .sh-search .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-check { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .sh-check.is-on { border-color: var(--gs-red); color: var(--gs-red); background-color: var(--gs-red-soft); }
html[data-mode="dark"] .sh-btn { border: 1px solid transparent; }
html[data-mode="dark"] .sh-btn.is-red { background-color: var(--gs-red); }
html[data-mode="dark"] .sh-btn.is-red:hover:not(:disabled) { background-color: var(--gs-red-dark); }
html[data-mode="dark"] .sh-btn.is-dark { background-color: var(--gd-inv-bg); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .sh-btn.is-dark:hover:not(:disabled) { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .sh-btn.is-light { background-color: var(--gd-surface); border-color: var(--gs-border); color: var(--gs-text) !important; }
html[data-mode="dark"] .sh-btn.is-light:hover:not(:disabled) { border-color: var(--gs-border-strong); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-btn.is-green { background-color: var(--gs-green); }
html[data-mode="dark"] .sh-sum { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-sum span { color: var(--gs-muted); }
html[data-mode="dark"] .sh-sum b { color: var(--gs-text); }
html[data-mode="dark"] .sh-sum.is-red b { color: var(--gs-red); }
html[data-mode="dark"] .sh-sum.is-green b { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .sh-table-wrap { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-table th { background-color: var(--gd-surface-2); color: var(--gd-text-2); border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-table td { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-table tbody tr.is-click:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-table small { color: var(--gs-muted); }
html[data-mode="dark"] .sh-table b.is-due { color: var(--gs-red); }
html[data-mode="dark"] .sh-code { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-empty { color: var(--gs-muted); }
html[data-mode="dark"] .sh-loading { color: var(--gs-muted); }
html[data-mode="dark"] .sh-qty { background-color: var(--gs-green-soft); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .sh-qty.is-low { background-color: var(--gs-orange-soft); color: hsl(31, 80%, 68%); }
html[data-mode="dark"] .sh-qty.is-out { background-color: var(--gs-red-soft); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .sh-plus { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .sh-minus { color: hsl(358, 65%, 68%); }
@media (max-width: 767px) {
html[data-mode="dark"] .sh-table.is-cards tr { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-table.is-cards td[data-label]::before { color: var(--gs-muted); }
}
html[data-mode="dark"] .sh-pager { color: var(--gs-muted); }
html[data-mode="dark"] .sh-pager button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); }
html[data-mode="dark"] .sh-pager button:hover:not(:disabled) { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .sh-modal .modal-content { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .sh-modal .modal-header { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-modal .modal-title .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-modal .modal-footer { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-field > span { color: var(--gd-text-2); }
html[data-mode="dark"] .sh-field > span i { color: var(--gs-muted); }
html[data-mode="dark"] .sh-field textarea { border: 1px solid var(--gs-border); outline: none; }
html[data-mode="dark"] .sh-field textarea:focus, html[data-mode="dark"] .sh-field select:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .sh-field select { border: 1px solid var(--gs-border); background-color: var(--gd-surface); outline: none; }
html[data-mode="dark"] .sh-hint { color: var(--gs-muted); }
html[data-mode="dark"] .sh-seg { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-seg button { background-color: transparent; color: var(--gd-text-2); }
html[data-mode="dark"] .sh-seg button.is-on { background-color: var(--gd-surface); color: var(--gs-text); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.29); }
html[data-mode="dark"] .sh-seg button.is-on .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-tabs { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-tabs button { background: none; color: var(--gs-muted); border-bottom: 2px solid transparent; }
html[data-mode="dark"] .sh-tabs button.is-on { color: var(--gs-text); border-bottom-color: var(--gs-red); }
html[data-mode="dark"] .sh-doc-head { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-doc-head span { color: var(--gs-muted); }
html[data-mode="dark"] .sh-doc-head b { color: var(--gs-text); }
html[data-mode="dark"] .sh-totals .is-total { border-top: 1px dashed var(--gs-border-strong); }
html[data-mode="dark"] .sh-totals .is-due b { color: var(--gs-red); }
html[data-mode="dark"] .sh-totals .is-profit b { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .sh-sec-title { color: var(--gs-text); }
html[data-mode="dark"] .sh-sec-title .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-list { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-list-row { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-list-row small { color: var(--gs-muted); }
html[data-mode="dark"] .sh-list-row.is-click:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-lines { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-line { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-line.is-head { background-color: var(--gd-surface-2); color: var(--gs-muted); }
html[data-mode="dark"] .sh-line input { border: 1px solid var(--gs-border); outline: none; }
html[data-mode="dark"] .sh-line input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .sh-line .sh-name small { color: var(--gs-muted); }
html[data-mode="dark"] .sh-x { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .sh-x:hover { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .sh-pick-list { background-color: var(--gd-surface); border: 1px solid var(--gs-border); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.39); }
html[data-mode="dark"] .sh-pick-item { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-pick-item:hover, html[data-mode="dark"] .sh-pick-item.is-on { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-pick-item small { color: var(--gs-muted); }
html[data-mode="dark"] .sh-pick-none { color: var(--gs-muted); }
html[data-mode="dark"] .sh-cats button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .sh-cats button.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .sh-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-card:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .sh-card-ic { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .sh-card-name { color: var(--gs-text); }
html[data-mode="dark"] .sh-card-price { color: var(--gs-red); }
html[data-mode="dark"] .sh-cart { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-cart-head { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-cart-title .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-cart-empty { color: var(--gs-muted); }
html[data-mode="dark"] .sh-ci { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-ci-ctl button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); }
html[data-mode="dark"] .sh-ci-ctl button:hover { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .sh-ci-ctl input { border: 1px solid var(--gs-border); outline: none; }
html[data-mode="dark"] .sh-ci-ctl small { color: var(--gs-muted); }
html[data-mode="dark"] .sh-ci-warn { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .sh-cart-foot { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-cart-row input { border: 1px solid var(--gs-border); outline: none; }
html[data-mode="dark"] .sh-cart-row input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .sh-cart-row.is-total b { color: var(--gs-text); }
html[data-mode="dark"] .sh-cart-row.is-due b { color: var(--gs-red); }
html[data-mode="dark"] .sh-cart-row .sh-link { color: var(--gs-red); background: none; }
html[data-mode="dark"] .sh-who-card { border: 1px solid var(--gs-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-who-card .gs-avatar, html[data-mode="dark"] .sh-av { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .sh-who-card small { color: var(--gs-muted); }
@media (max-width: 991px) {
html[data-mode="dark"] .sh-cart-toggle { box-shadow: 0 14px 30px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .sh-cart-toggle b { background-color: var(--gs-red); }
}
html[data-mode="dark"] .sh-receipt-ok { background-color: var(--gs-green-soft); color: var(--gs-green); }
html[data-mode="dark"] .sh-top-row { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .sh-top-row i { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-top-row small { color: var(--gs-muted); }
html[data-mode="dark"] .sh-quick a { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text) !important; }
html[data-mode="dark"] .sh-quick a .fa { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .sh-quick a:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); }
html[data-mode="dark"] .sh-diff-up { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .sh-diff-down { color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .sh-count-table { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .sh-count-table input { border: 1px solid var(--gs-border); outline: none; }
html[data-mode="dark"] .sh-count-table input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .sh-count-table tr.is-diff { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .sh-mm-sums span { color: var(--gs-muted); }
html[data-mode="dark"] .sh-mm-sums b { color: var(--gs-text); }
html[data-mode="dark"] .sh-mm-sums .is-due b { color: var(--gs-red); }
html[data-mode="dark"] .sh-form .gs-toggle-row { color: var(--gd-text-2); }
html[data-mode="dark"] .sh-toast { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .sh-tabs button:focus { outline: none; }
html[data-mode="dark"] .sh-tabs button:focus-visible { outline: 2px solid var(--gs-red); }
html[data-mode="dark"] .sh-who-tags .sh-link { color: var(--gs-red); background: none; }
html[data-mode="dark"] .sh-phone-hit { background-color: var(--gs-orange-soft); color: hsl(33, 80%, 68%); }
html[data-mode="dark"] .sh-phone-hit > .fa { color: var(--gs-orange); }
html[data-mode="dark"] .sh-card.is-svc .sh-card-ic { background: rgba(var(--gs-red-rgb, 213, 60, 65), .1); color: var(--gs-red); }
html[data-mode="dark"] .sh-card-unit { color: var(--gd-faint); }
html[data-mode="dark"] .sh-ci.is-svc .sh-ci-name small.sh-ci-mode { color: var(--gd-muted); }
html[data-mode="dark"] .sh-ci.is-svc .sh-ci-mode .fa { color: var(--gs-red); }
html[data-mode="dark"] .sh-ask-q { color: var(--gd-text-2); }
html[data-mode="dark"] .sh-ask-ch button { border: 1.5px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .sh-ask-ch button .fa { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .sh-ask-ch button b { color: var(--gd-text); }
html[data-mode="dark"] .sh-ask-ch button small { color: var(--gd-faint); }
html[data-mode="dark"] .sh-ask-ch button:hover { border-color: var(--gd-border-2); }
html[data-mode="dark"] .sh-ask-ch button.is-on { border-color: var(--gs-red); background: rgba(var(--gs-red-rgb, 213, 60, 65), .04); }
html[data-mode="dark"] .sh-ask-ch button.is-on .fa { background-color: var(--gs-red); }
html[data-mode="dark"] .sh-ask-f { color: var(--gd-text-2); }
html[data-mode="dark"] .sh-ask-f small { color: var(--gd-faint); }
html[data-mode="dark"] .sh-top-sep { color: var(--gd-faint); }
html[data-mode="dark"] .sh-top-sep .fa { color: var(--gs-red); }

/* ---- gs-fin.css ---- */
html[data-mode="dark"] .fin-nav a { background-color: var(--gd-surface); border: 1px solid var(--gs-border); color: var(--gd-text-2); }
html[data-mode="dark"] .fin-nav a:hover { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .4); color: var(--gs-text); }
html[data-mode="dark"] .fin-nav a.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .fin-nav a .fa { color: var(--gs-red); }
html[data-mode="dark"] .fin-nav a.is-on .fa { color: var(--gs-red-light, #ff8a8e); }
html[data-mode="dark"] .fin-custom input, html[data-mode="dark"] .fin-month input, html[data-mode="dark"] .fin-input, html[data-mode="dark"] .fin-field select, html[data-mode="dark"] .fin-search input { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); outline: none; }
html[data-mode="dark"] .fin-custom input:focus, html[data-mode="dark"] .fin-month input:focus, html[data-mode="dark"] .fin-input:focus, html[data-mode="dark"] .fin-field select:focus, html[data-mode="dark"] .fin-search input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .fin-month .fa { color: var(--gs-red); }
html[data-mode="dark"] .fin-search .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gs-kpi.is-good .gs-kpi-ic { background-color: var(--gs-green-soft); color: var(--gs-green); }
html[data-mode="dark"] .gs-kpi.is-info .gs-kpi-ic { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .gs-kpi.is-neg .gs-kpi-val { color: var(--gs-red); }
html[data-mode="dark"] .fin-btn { border: 1px solid transparent; }
html[data-mode="dark"] .fin-btn.is-primary { background-color: var(--gs-red); }
html[data-mode="dark"] .fin-btn.is-primary:hover { background-color: var(--gs-red-dark); }
html[data-mode="dark"] .fin-btn.is-dark { background-color: var(--gd-inv-bg); color: var(--gd-inv-text) !important; }
html[data-mode="dark"] .fin-btn.is-dark:hover { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .fin-btn.is-ghost { background-color: var(--gd-surface); border-color: var(--gs-border); color: var(--gs-text) !important; }
html[data-mode="dark"] .fin-btn.is-ghost:hover { border-color: var(--gs-border-strong); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-btn.is-green { background-color: var(--gs-green); }
html[data-mode="dark"] .fin-btn:focus-visible { outline: 2px solid var(--gs-accent); }
html[data-mode="dark"] .fin-ic-in { color: var(--gs-green); }
html[data-mode="dark"] .fin-ic-out { color: var(--gs-red); }
html[data-mode="dark"] .fin-row { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .fin-row > span { color: var(--gd-text-2); }
html[data-mode="dark"] .fin-row > span small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-row > em { color: var(--gs-muted); }
html[data-mode="dark"] .fin-row.is-total { border-top: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-row.is-total > span { color: var(--gs-text); }
html[data-mode="dark"] .fin-row.is-link:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-row .fin-share { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .fin-row .fin-share > span { background-color: var(--gs-red); }
html[data-mode="dark"] .fin-row .fin-share.is-green > span { background-color: var(--gs-green); }
html[data-mode="dark"] .fin-tag { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .fin-tag.is-auto { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .fin-tag.is-adv { background-color: hsla(37, 70%, 55%, 0.16); color: hsl(36, 80%, 68%); }
html[data-mode="dark"] .fin-tag.is-ded { background-color: hsla(0, 70%, 55%, 0.16); color: hsl(6, 63%, 68%); }
html[data-mode="dark"] .fin-group-h { color: var(--gs-muted); }
html[data-mode="dark"] .fin-neg { color: var(--gs-red) !important; }
html[data-mode="dark"] .fin-pos { color: hsl(142, 72%, 68%) !important; }
html[data-mode="dark"] .fin-muted { color: var(--gs-muted); }
html[data-mode="dark"] .fin-table-wrap { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-table th { background-color: var(--gd-surface-2); color: var(--gd-text-2); border-bottom: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-table td { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .fin-table tbody tr:hover td { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-table tr.is-off td { color: var(--gd-faint); }
html[data-mode="dark"] .fin-table tr.is-cancel td { color: var(--gd-faint); }
html[data-mode="dark"] .fin-table tfoot td { background-color: var(--gd-surface-2); border-top: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-name small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-rule { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .fin-rule.is-set { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .fin-rule-sub { color: var(--gs-muted); }
html[data-mode="dark"] .fin-rule.is-none { background-color: transparent; color: var(--gd-faint); border: 1px dashed var(--gd-border-2); }
html[data-mode="dark"] .fin-sel { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .fin-sel:focus { border-color: var(--gs-red); outline: none; }
html[data-mode="dark"] .fin-due-head::after { background: radial-gradient(circle, rgba(var(--gs-red-rgb, 213, 60, 65), .45), transparent 70%); }
html[data-mode="dark"] .fin-due-head .fin-due-ic { background-color: var(--gs-red); }
html[data-mode="dark"] .fin-due-head.is-clear .fin-due-ic { background-color: var(--gs-green); }
html[data-mode="dark"] .fin-due-head span { color: var(--gd-faint); }
html[data-mode="dark"] .fin-due { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-due.is-late { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); }
html[data-mode="dark"] .fin-due-main small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-due-kind { background-color: var(--gs-orange-soft); color: var(--gs-orange); }
html[data-mode="dark"] .fin-due-kind.is-salary { background-color: var(--gs-blue-soft); color: var(--gs-blue); }
html[data-mode="dark"] .fin-due-foot { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .fin-modal .modal-content { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .fin-modal .modal-header { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .fin-modal .modal-title .fa { color: var(--gs-red); }
html[data-mode="dark"] .fin-modal .modal-footer { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .fin-who { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-who small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-who .fin-who-amt b { color: var(--gs-red); }
html[data-mode="dark"] .fin-field > span { color: var(--gd-text-2); }
html[data-mode="dark"] .fin-field > span i { color: var(--gs-muted); }
html[data-mode="dark"] .fin-toggle > span:first-child b { color: var(--gs-text); }
html[data-mode="dark"] .fin-toggle > span:first-child small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-hint { color: var(--gs-muted); }
html[data-mode="dark"] .fin-hint .fa { color: var(--gs-blue); }
html[data-mode="dark"] .fin-note { background-color: var(--gs-blue-soft); color: hsl(224, 64%, 68%); }
html[data-mode="dark"] .fin-note.is-warn { background-color: var(--gs-orange-soft); color: hsl(23, 80%, 68%); }
html[data-mode="dark"] .fin-sub-h { color: var(--gs-text); }
html[data-mode="dark"] .fin-dl dt { color: var(--gs-muted); }
html[data-mode="dark"] .gs-admin .modal-body .fin-choices label, html[data-mode="dark"] .gs-admin .gs-content .fin-choices label, html[data-mode="dark"] .fin-choices label { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-choices label:hover { border-color: var(--gs-border-strong); }
html[data-mode="dark"] .fin-choices label:has(input:checked) { border-color: var(--gs-red); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-choices small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-hist { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .fin-hist li { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .fin-hist li small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-hist li.is-cur { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-rules > div { border: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-rules > div b { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pager button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .fin-pager button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .fin-pager span { color: var(--gs-muted); }
html[data-mode="dark"] .fin-set-row { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .fin-savebar { background-color: rgba(var(--gd-surface-rgb), 0.92); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-empty { color: var(--gs-muted); }
html[data-mode="dark"] .fin-emp { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .fin-emp-top small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-emp-money { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-emp-money span { color: var(--gs-muted); }
html[data-mode="dark"] .fin-rank { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .fin-rank.is-1 { background-color: hsla(48, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .fin-rank.is-2 { background-color: var(--gd-surface-3); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .fin-rank.is-3 { background-color: hsla(23, 70%, 55%, 0.16); color: hsl(15, 79%, 68%); }
html[data-mode="dark"] .fin-toast { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 16px 40px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .fin-link-btn { background: none; color: inherit; }
html[data-mode="dark"] .fin-link-btn:hover b { color: var(--gs-red); }
html[data-mode="dark"] .fin-link-btn:focus-visible { outline: 2px solid var(--gs-accent); }
html[data-mode="dark"] .gs-seg button.fin-dirty::after { background-color: var(--gs-orange); box-shadow: 0 0 0 2px var(--gd-surface); }
html[data-mode="dark"] .fin-rule-changed { color: hsl(23, 80%, 68%); }
html[data-mode="dark"] .rm-hero { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.48); }
html[data-mode="dark"] .rm-hero-ic { background-color: rgba(var(--gd-surface-rgb), 0.10); }
html[data-mode="dark"] .rm-hero-ic.is-sm { background-color: var(--gd-surface); color: var(--gs-text); }
html[data-mode="dark"] .rm-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .rm-card-h { color: var(--gs-muted); }
html[data-mode="dark"] .rm-card.is-in .rm-card-h .fa { color: var(--gs-green); }
html[data-mode="dark"] .rm-card.is-out .rm-card-h .fa { color: var(--gs-red); }
html[data-mode="dark"] .rm-methods li { color: var(--gs-muted); }
html[data-mode="dark"] .rm-methods li b { color: var(--gs-text); }
html[data-mode="dark"] .rm-card.is-carry { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .rm-card-note { color: var(--gs-muted); }
html[data-mode="dark"] .rm-eq { color: var(--gs-muted); }
html[data-mode="dark"] .rm-eq b { color: var(--gs-text); }
html[data-mode="dark"] .rm-eq.is-total { border-top: 1px dashed var(--gs-border-strong); color: var(--gs-text); }
html[data-mode="dark"] .rm-row { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .rm-row-ic { background: var(--gs-green-soft, hsla(141, 70%, 55%, 0.16)); color: var(--gs-green); }
html[data-mode="dark"] .rm-row-ic.is-legacy { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .rm-row-main small { color: var(--gs-muted); }
html[data-mode="dark"] .rm-row-main p { color: var(--gd-text-2); }
html[data-mode="dark"] .rm-br { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .rm-br-h { color: var(--gs-muted); }
html[data-mode="dark"] .rm-br-h b { color: var(--gs-text); }
html[data-mode="dark"] .rm-br small { color: var(--gs-muted); }
html[data-mode="dark"] .rm-chip { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .rm-chip b { color: var(--gs-text); }
html[data-mode="dark"] .rm-line { border: 1px solid var(--gs-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .rm-line.is-on { background-color: var(--gd-surface); border-color: var(--gs-border-strong, var(--gd-border-2)); }
html[data-mode="dark"] .rm-line.is-bad { border-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .rm-line-pick small { color: var(--gs-muted); }
html[data-mode="dark"] .rm-line-err { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .fin-why { color: hsl(216, 18%, 68%); background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .fin-why i { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .fin-why.is-old { color: var(--gs-muted); background-color: transparent; }
html[data-mode="dark"] .fin-step-h > b { color: var(--gs-text); }
html[data-mode="dark"] .fin-step-n { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .fin-chip { border: 1px solid var(--gs-border); background-color: var(--gd-surface); color: var(--gs-text); }
html[data-mode="dark"] .fin-chip:hover { border-color: var(--gs-red); color: var(--gs-red); }
html[data-mode="dark"] .fin-field-help { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-group { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .fin-pi-group.is-on, html[data-mode="dark"] .fin-pi-group.is-part { border-color: var(--gs-red); }
html[data-mode="dark"] .fin-pi-ic { background-color: var(--gd-surface-2); color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-group.is-on .fin-pi-ic { background-color: var(--gs-red); }
html[data-mode="dark"] .fin-pi-group.is-part .fin-pi-ic { background-color: var(--gs-red-soft); color: var(--gs-red); }
html[data-mode="dark"] .fin-pi-gn small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-gsum small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-more { border-inline-start: 1px solid var(--gd-border); background: none; color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-more:hover { background-color: var(--gd-surface-2); color: var(--gs-text); }
html[data-mode="dark"] .fin-pi-lines { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] label.fin-pi-line:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fin-ck { border: 1.5px solid var(--gs-border-strong); background-color: var(--gd-surface); }
html[data-mode="dark"] input:checked + .fin-ck { background-color: var(--gs-red); border-color: var(--gs-red); }
html[data-mode="dark"] .fin-ck.is-dot { background-color: var(--gs-border-strong); }
html[data-mode="dark"] .fin-pi-src .fa { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-when { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-part { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .fin-pi-upbtn { border: 1px dashed var(--gs-border-strong); background-color: var(--gd-surface-2); color: var(--gs-text); }
html[data-mode="dark"] .fin-pi-upbtn > .fa:first-child { color: var(--gs-blue); }
html[data-mode="dark"] .fin-pi-upbtn small { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-upbtn .fin-pi-caret { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-link { color: var(--gs-blue); }
html[data-mode="dark"] .fin-pi-link.is-free { color: var(--gs-muted); }
html[data-mode="dark"] .fin-pi-upbtn:focus, html[data-mode="dark"] .fin-pi-more:focus, html[data-mode="dark"] .fin-chip:focus { outline: none; }
html[data-mode="dark"] .fin-pi-brnote .fa { color: var(--gs-blue); }

/* ---- gs-services.css ---- */
html[data-mode="dark"] .gps-hint { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-box { border: 1px dashed var(--gs-border-strong, var(--gd-border-2)); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gps-box-head b { color: var(--gd-text); }
html[data-mode="dark"] .gps-box-head .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gps-box-head small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-l-qty small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-l-del { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .gps-l-del:hover { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gps-empty { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gps-chip { color: hsl(217, 19%, 68%); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gps-chip .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gps-chip b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gps-chip small { color: var(--gd-faint); }
html[data-mode="dark"] .gps-intro { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-sub { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-none { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-check small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gps-set-group { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gps-set-title { color: var(--gd-text); }
html[data-mode="dark"] .gps-set-title .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gps-set-field > span:first-child { color: var(--gd-text-2); }
html[data-mode="dark"] .gps-num em { color: var(--gs-muted, var(--gd-muted)); }

/* ---- gs-fin-report.css ---- */
html[data-mode="dark"] body.rp-body { background-color: var(--gd-surface-3); color: var(--rp-ink); }
html[data-mode="dark"] .rp-btn { border: 1px solid transparent; color: var(--gd-inv-text); background-color: var(--gd-inv-bg); }
html[data-mode="dark"] .rp-btn.is-primary { background-color: var(--rp-red); }
html[data-mode="dark"] .rp-btn.is-ghost { background-color: transparent; border-color: var(--gd-border); }
html[data-mode="dark"] .rp-tip { color: var(--rp-muted); }
html[data-mode="dark"] .rp-page { background-color: var(--gd-surface); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.34); }
html[data-mode="dark"] .rp-loading { color: var(--rp-muted); }
html[data-mode="dark"] .rp-loading span { border: 2px solid var(--rp-line); border-top-color: var(--rp-red); }
html[data-mode="dark"] .rp-head { border-bottom: 3px solid var(--rp-ink); }
html[data-mode="dark"] .rp-head .rp-gym { color: var(--rp-red); }
html[data-mode="dark"] .rp-head .rp-meta { color: var(--rp-muted); }
html[data-mode="dark"] .rp-head .rp-meta b { color: var(--rp-ink); }
html[data-mode="dark"] .rp-kpi { border: 1px solid var(--rp-line); }
html[data-mode="dark"] .rp-kpi span { color: var(--rp-muted); }
html[data-mode="dark"] .rp-kpi.is-dark { background-color: var(--rp-ink); border-color: var(--rp-ink); }
html[data-mode="dark"] .rp-kpi.is-dark span { color: var(--gd-faint); }
html[data-mode="dark"] .rp-sec h2 { border-bottom: 1px solid var(--rp-ink); }
html[data-mode="dark"] .rp-sec h2 small { color: var(--rp-muted); }
html[data-mode="dark"] .rp-note { color: var(--rp-muted); }
html[data-mode="dark"] .rp-empty { color: var(--rp-muted); }
html[data-mode="dark"] .rp-t th { color: var(--gd-text-2); background-color: var(--rp-soft); border-bottom: 1px solid var(--rp-line); }
html[data-mode="dark"] .rp-t td { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .rp-t .m { color: var(--rp-muted); }
html[data-mode="dark"] .rp-t tfoot td { background-color: var(--rp-soft); border-top: 1px solid var(--rp-ink); }
html[data-mode="dark"] .rp-neg { color: var(--rp-red); }
html[data-mode="dark"] .rp-pos { color: var(--rp-green); }
html[data-mode="dark"] .rp-tag { background-color: hsla(226, 70%, 55%, 0.16); color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .rp-tag.is-new { background-color: hsla(146, 44%, 55%, 0.16); color: var(--rp-green); }
html[data-mode="dark"] .rp-foot { border-top: 1px solid var(--rp-line); color: var(--rp-muted); }

/* ---- gs-report.css ---- */
html[data-mode="dark"] .rp-classic .widget-box { background-color: transparent !important; }
html[data-mode="dark"] .rp-classic .widget-box > .form-group.row { background-color: var(--gd-surface); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .rp-classic .widget-box > .form-group.row label { color: var(--gs-muted) !important; }
html[data-mode="dark"] .rp-classic .widget-box > .form-group.row .form-control { border: 1px solid var(--gs-border) !important; }
html[data-mode="dark"] .rp-classic .select2-container .select2-selection--single { border: 1px solid var(--gs-border) !important; }
html[data-mode="dark"] .rp-classic .widget-body { background-color: transparent !important; }
html[data-mode="dark"] .rp-classic .card { border: 1px solid var(--gs-border) !important; background-color: var(--gd-surface); }
html[data-mode="dark"] .rp-classic .card:hover { box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22); }
html[data-mode="dark"] .rp-classic .card-header { background-color: var(--gd-surface-2) !important; border-bottom: 1px solid var(--gd-border) !important; color: var(--gs-text); }
html[data-mode="dark"] .rp-classic .card-header::before { background-color: var(--gs-red); }
html[data-mode="dark"] .rp-classic .card-header a { color: var(--gs-red) !important; border-bottom: 1px dashed currentColor; }
html[data-mode="dark"] .rp-classic .card-body p { color: var(--gs-muted) !important; }
html[data-mode="dark"] .rp-classic .card-body hr { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child { border-color: var(--gd-border-3) !important; }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .card-header { background-color: transparent !important; border-bottom-color: var(--gd-border) !important; }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .card-body p { color: var(--gd-faint) !important; }
html[data-mode="dark"] .rp-classic #final, html[data-mode="dark"] .rp-classic #visa_final, html[data-mode="dark"] .rp-classic #cash_final { color: hsl(221, 73%, 68%) !important; }
html[data-mode="dark"] .rp-classic .card-body h5 { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .rp-classic .card-body p[style*="#555"] { color: var(--gs-muted, var(--gd-muted)) !important; }
html[data-mode="dark"] .rp-classic .row[style*="16a34a"], html[data-mode="dark"] .rp-classic .row[style*="16a34a"] h5 { color: hsl(142, 76%, 68%) !important; }
html[data-mode="dark"] .rp-classic h5[style*="d12026"] { color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .rp-classic h5[style*="indigo"] { color: hsl(221, 73%, 68%) !important; }
html[data-mode="dark"] .rp-classic #renew_income { color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .rp-classic #new_income { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .rp-classic #visits_income { color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .rp-classic #total_expenses { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .rp-classic .table thead th { background-color: var(--gd-surface-2); color: var(--gs-muted, var(--gd-muted)); border-color: var(--gd-border) !important; }
html[data-mode="dark"] .rp-classic .table td { border-color: var(--gd-border) !important; }
html[data-mode="dark"] .rp-classic .card-body > .row > [class*="col-"] { border: 0 solid transparent; }
html[data-mode="dark"] .rp-classic .card-body > .row:has(> [class*="col-"] > p:only-child) > [class*="col-"] { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .rp-classic .card-body > .row:has(> [class*="col-"] > p:only-child) p { color: var(--gd-muted) !important; }
html[data-mode="dark"] .rp-classic .card-body > .row:has(> [class*="col-"] > h5) > [class*="col-"] { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .rp-classic .card-body > .gs-rep-visitors > .col-6 { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .rp-classic .card-body > .gs-rep-visitors > .col-6 p { color: var(--gd-muted) !important; }
html[data-mode="dark"] .rp-classic .card-body > .gs-rep-visitors > .col-12 { background-color: transparent; }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .card-body > .row > [class*="col-"] { background-color: rgba(var(--gd-surface-rgb), 0.06) !important; }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .card-body > .row:has(> [class*="col-"] > p:only-child) p { color: var(--gd-faint) !important; }
html[data-mode="dark"] .rp-classic .card-header .rr-ic { background: rgba(var(--gs-red-rgb, 213, 60, 65), .1); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .rp-classic .col-sm-6:last-child > .card:first-child .card-header .rr-ic { background-color: rgba(var(--gd-surface-rgb), 0.10); }
html[data-mode="dark"] .rp-classic .card-body p { color: var(--gd-muted) !important; }

/* ---- gs-freeze.css ---- */
html[data-mode="dark"] .fz-search .fa { color: var(--gs-muted); }
html[data-mode="dark"] .fz-search input { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .fz-search input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .fz-off { background-color: hsla(48, 70%, 55%, 0.16); color: hsl(23, 80%, 68%); }
html[data-mode="dark"] .fz-off a { color: inherit; }
html[data-mode="dark"] .gs-kpi.is-blue .gs-kpi-ic { background-color: hsla(204, 70%, 55%, 0.16); color: hsl(200, 80%, 68%); }
html[data-mode="dark"] .fz-who small, html[data-mode="dark"] .fz-table td small { color: var(--gs-muted); }
html[data-mode="dark"] .fz-name { color: var(--gs-text); }
html[data-mode="dark"] .fz-note { color: var(--gd-text-2); }
html[data-mode="dark"] .gset-num em { color: var(--gs-muted); }
html[data-mode="dark"] .gset-help { background-color: var(--gd-surface-2); border: 1px solid var(--gs-border); }
html[data-mode="dark"] .gset-help p { color: var(--gd-text-2); }
html[data-mode="dark"] .gset-help .fa { color: var(--gs-green); }
html[data-mode="dark"] #gsetFrozen .fa { color: hsl(200, 80%, 68%); }

/* ---- gs-visits.css ---- */
html[data-mode="dark"] .gva-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gva-bar i { background-color: var(--gs-red); }
html[data-mode="dark"] .is-not { background: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .is-mem { background-color: var(--gd-surface-4) !important; }
html[data-mode="dark"] .gva-rate-name { color: var(--gd-text); }
html[data-mode="dark"] .gva-rate-name .fa { color: var(--gs-muted); }
html[data-mode="dark"] a.gva-rate-link { color: inherit !important; border-bottom: 1px dashed var(--gs-border-strong); }
html[data-mode="dark"] a.gva-rate-link:hover { color: var(--gs-red) !important; border-color: var(--gs-red); }
html[data-mode="dark"] .gva-rate-n small { color: var(--gs-muted); }
html[data-mode="dark"] .gva-rate-meta { color: var(--gs-muted); }
html[data-mode="dark"] .gva-rate-meta b { color: var(--gd-text); }
html[data-mode="dark"] .gva-rate-meta b.is-good { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gva-rate-meta b.is-bad { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gva-legend { border-top: 1px solid var(--gd-border); color: var(--gs-muted); }
html[data-mode="dark"] .gva-now-row { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gva-now-row:hover:not(:disabled) { border-color: var(--gs-border-strong); }
html[data-mode="dark"] .gva-now-top small { color: var(--gs-muted); }
html[data-mode="dark"] .gva-now-sub { color: var(--gs-muted); }
html[data-mode="dark"] .gva-li { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gva-li small { color: var(--gs-muted); }
html[data-mode="dark"] .gva-wd b { color: var(--gd-text-2); }
html[data-mode="dark"] .gva-wd span { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gva-wd.is-top span i { background-color: var(--gs-red); }
html[data-mode="dark"] .gva-wd small { color: var(--gs-muted); }
html[data-mode="dark"] .gva-search .fa { color: var(--gs-muted); }
html[data-mode="dark"] .gva-search input { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gva-search input:focus { border-color: var(--gs-red); }
html[data-mode="dark"] .gva-table td small { color: var(--gs-muted); }
html[data-mode="dark"] .gva-tag { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gva-tag.is-with { color: hsl(224, 76%, 68%); background-color: hsla(221, 70%, 55%, 0.16); }
html[data-mode="dark"] .gva-pager button { border: 1px solid var(--gs-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gva-pager button.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .gva-count { color: var(--gs-muted); }
html[data-mode="dark"] .gva-note { color: var(--gs-muted); }

/* ---- gs-users.css ---- */
html[data-mode="dark"] .gu-search .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gu-search input { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); }
html[data-mode="dark"] .gu-search input:focus { outline: none; border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .5); }
html[data-mode="dark"] .gu-limit { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-limit b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gu-loading { color: var(--gd-faint); }
html[data-mode="dark"] .gu-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gu-card:hover { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .3); }
html[data-mode="dark"] .gu-card:focus-visible { outline: 2px solid var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-card.is-me { border-color: var(--gd-border-3); }
html[data-mode="dark"] .gu-card-main b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gu-card-main b small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-card-main > small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-av.is-on::after { border: 3px solid var(--gd-border); }
html[data-mode="dark"] .gu-role.is-blue { background: var(--gs-blue-soft, hsla(221, 70%, 55%, 0.16)); color: var(--gs-blue, hsl(221, 73%, 68%)); }
html[data-mode="dark"] .gu-role.is-gray { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gu-role.is-red { background-color: hsla(0, 68%, 55%, 0.16); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gu-role.is-green { background: var(--gs-green-soft, hsla(140, 45%, 55%, 0.16)); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gu-tag { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .gu-tag.is-on { background: var(--gs-green-soft, hsla(140, 45%, 55%, 0.16)); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gu-stats { border-top: 1px dashed var(--gd-border); color: var(--gd-text-2); }
html[data-mode="dark"] .gu-stats .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gu-stats .is-on .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gu-seen { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-head small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-tabs { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gu-tabs button { background: none; color: var(--gd-muted); border-bottom: 2px solid transparent; }
html[data-mode="dark"] .gu-tabs button.is-on { color: var(--gd-text); border-bottom-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-tabs button:focus-visible { outline: 2px solid rgba(var(--gs-red-rgb, 213, 60, 65), .5); }
html[data-mode="dark"] .gu-tabs button em { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gu-hint { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-readonly { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .gu-readonly .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gu-dl dt { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-switch span { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gu-switch span::after { background-color: var(--gd-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.53); }
html[data-mode="dark"] .gu-btn-danger { color: hsl(358, 65%, 68%) !important; }
html[data-mode="dark"] .gu-group { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gu-group header { background-color: var(--gd-surface-2); border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .gu-group header .fa, html[data-mode="dark"] .gu-group header i[class*="fa-"] { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-group header em { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-page { border: 1px solid transparent; }
html[data-mode="dark"] .gu-page:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gu-page.is-on { background-color: var(--gd-surface-2); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .25); }
html[data-mode="dark"] .gu-page > i { color: var(--gd-faint); }
html[data-mode="dark"] .gu-check span { border: 2px solid var(--gd-border-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .gu-check input:checked + span { background: var(--gs-red, #d53c41); border-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-dirty { color: hsl(31, 80%, 68%); }
html[data-mode="dark"] .gu-dev { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gu-dev-ic { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .gu-dev-main small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-on { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gu-notif { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gu-notif-ic { background-color: var(--gd-surface-2); color: var(--gd-faint); }
html[data-mode="dark"] .gu-notif-ic.is-on { background: var(--gs-green-soft, hsla(140, 45%, 55%, 0.16)); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gu-notif-main small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gu-lock { color: var(--gd-text-2); background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gu-secret div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gu-secret small { color: var(--gd-muted); }
html[data-mode="dark"] .gu-secret code { color: var(--gd-text); }
html[data-mode="dark"] .gu-toast { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gu-modal .gu-tabs { background-color: var(--gd-surface); }
html[data-mode="dark"] .gu-ptool { background-color: var(--gd-surface-2); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15); }
html[data-mode="dark"] .gu-psearch .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gu-psearch input { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gu-psearch input:focus { border-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-psum { color: var(--gd-muted); }
html[data-mode="dark"] .gu-psum b { color: var(--gd-text); }
html[data-mode="dark"] .gu-pbar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gu-pbar i { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-grp { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gu-grp.has-on { border-color: rgba(var(--gs-red-rgb, 213, 60, 65),.22); }
html[data-mode="dark"] .gu-grp header { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gu-grp-tog { background: none; color: inherit; }
html[data-mode="dark"] .gu-grp-ic { background-color: var(--gd-surface); border: 1px solid var(--gd-border); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-grp-tog em { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .gu-grp-tog em.is-some { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gu-grp-tog em.is-all { background-color: hsla(144, 52%, 55%, 0.16); color: hsl(142, 72%, 68%); }
html[data-mode="dark"] .gu-grp-chev { color: var(--gd-faint); }
html[data-mode="dark"] .gu-grp-body { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gu-prow { border-bottom: 1px dashed var(--gd-border); }
html[data-mode="dark"] .gu-prow-ic { background-color: var(--gd-surface-2); color: var(--gd-faint); }
html[data-mode="dark"] .gu-prow.is-on .gu-prow-ic { background-color: hsla(353, 70%, 55%, 0.16); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-prow-name small { color: hsl(26, 80%, 68%); background-color: hsla(35, 70%, 55%, 0.16); }
html[data-mode="dark"] .gu-sw span { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gu-sw span::after { background-color: var(--gd-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.53); }
html[data-mode="dark"] .gu-sw input:checked + span { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gu-tfa { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gu-tfa-main small { color: var(--gd-muted); }
html[data-mode="dark"] .gu-tfa-main small b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gu-tfa-miss { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gu-tfa-lock { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .gu-stats .gu-2fa.is-on .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gu-stats .gu-2fa.is-miss .fa { color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gu-role.is-orange { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gu-tfa-user { border: 1px solid var(--gd-border); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gu-tfa-txt small { color: var(--gd-muted); }
html[data-mode="dark"] .gu-tfa-note { color: var(--gd-muted); }
html[data-mode="dark"] .ga-acc { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .ga-acc-main b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .ga-acc-main small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-meter { border-inline-start: 1px dashed var(--gd-border); }
html[data-mode="dark"] .ga-meter-h { color: var(--gd-text-2); }
html[data-mode="dark"] .ga-meter-h b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .ga-meter-h .fa { color: var(--gd-faint); }
html[data-mode="dark"] .ga-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .ga-bar i { border-radius: inherit; }
html[data-mode="dark"] .ga-meter small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-note { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-note .fa { color: var(--gd-faint); }
html[data-mode="dark"] .ga-br { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .ga-br-h b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .ga-br-h small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-br-ic { background: var(--gs-red-soft, hsla(0, 68%, 55%, 0.16)); color: var(--gs-red-dark, hsl(358, 65%, 68%)); }
html[data-mode="dark"] .ga-br-n { border-top: 1px dashed var(--gd-border); color: var(--gd-muted); }
html[data-mode="dark"] .ga-br-n b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .ga-br.is-gone { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ga-br.is-gone .ga-br-ic { background-color: var(--gd-surface-3); color: var(--gd-faint); }
html[data-mode="dark"] .ga-br.is-gone .ga-br-h b { color: var(--gd-muted); }
html[data-mode="dark"] .ga-br-note { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-gone-h { color: var(--gd-muted); }
html[data-mode="dark"] .ga-gone-h em { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .ga-price { border: 1px solid hsl(41, 48%, 34%); background-color: hsla(40, 70%, 55%, 0.16); }
html[data-mode="dark"] .ga-price.is-loading { border-color: var(--gd-border); background-color: var(--gd-surface-2); color: var(--gd-faint); }
html[data-mode="dark"] .ga-price.is-free { border-color: hsl(142, 34%, 34%); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .ga-price.is-free > .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .ga-price.is-free small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-price.is-block { border-color: var(--gd-border); background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .ga-price-h { color: hsl(39, 80%, 68%); }
html[data-mode="dark"] .ga-price.is-block .ga-price-h { color: var(--gd-text); }
html[data-mode="dark"] .ga-price li { border-top: 1px dashed hsl(42, 48%, 34%); color: var(--gd-text-2); }
html[data-mode="dark"] .ga-price li b { color: var(--gd-text); }
html[data-mode="dark"] .ga-price li b.is-up { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .ga-price li s { color: var(--gd-faint); }
html[data-mode="dark"] .ga-price li small { color: var(--gd-faint); }
html[data-mode="dark"] .ga-price-more li .fa, html[data-mode="dark"] .ga-price.is-free li .fa { color: var(--gd-faint); }
html[data-mode="dark"] .ga-accept { background-color: var(--gd-surface); border: 1px solid hsl(41, 48%, 34%); }
html[data-mode="dark"] .ga-price-foot { color: var(--gd-faint); }
html[data-mode="dark"] .ga-del-list li { border-top: 1px dashed var(--gd-border); }
html[data-mode="dark"] .ga-del-list li > .fa { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .ga-del-list b { color: var(--gd-text); }
html[data-mode="dark"] .ga-del-list small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ga-del-list s { color: var(--gd-faint); }
html[data-mode="dark"] .ga-move { background-color: hsla(33, 70%, 55%, 0.16); border: 1px solid hsl(32, 48%, 34%); }
html[data-mode="dark"] .ga-move small { color: hsl(39, 80%, 68%); }
@media (max-width: 575.98px) {
html[data-mode="dark"] .ga-meter { border-top: 1px dashed var(--gd-border); }
}

/* ---- gs-themes.css ---- */
html[data-mode="dark"] .th-intro { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .th-card { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .th-card:hover { box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22); }
html[data-mode="dark"] .th-card.is-cur { border-color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .th-mock { border-bottom: 1px solid var(--gd-border); }
html[data-mode="dark"] .th-top { background-color: var(--gd-surface); box-shadow: 0 1px 0 var(--gd-surface); }
html[data-mode="dark"] .th-kpis span { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .th-chart { background-color: var(--gd-surface); }
html[data-mode="dark"] .th-badge { color: var(--gs-red, #d53c41); background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); }
html[data-mode="dark"] .th-dots i { border: 1px solid var(--gd-border-3); }
html[data-mode="dark"] .th-by { color: var(--gs-muted, var(--gd-muted)); }

/* ---- gs-tfa.css ---- */
html[data-mode="dark"] .gtf-hero { background: radial-gradient(520px 180px at 100% 0, var(--gs-red-soft, rgba(213, 60, 65, .1)), transparent 70%), linear-gradient(180deg, var(--gs-surface, var(--gd-surface)), var(--gs-bg, var(--gd-surface-2))); border-bottom: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] [dir=rtl] .gtf-hero { background: radial-gradient(520px 180px at 0 0, var(--gs-red-soft, rgba(213, 60, 65, .1)), transparent 70%), linear-gradient(180deg, var(--gs-surface, var(--gd-surface)), var(--gs-bg, var(--gd-surface-2))); }
html[data-mode="dark"] .gtf-ic { box-shadow: 0 12px 26px rgba(0, 0, 0, 0.58); }
html[data-mode="dark"] .gtf-hero p { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gtf-loading { color: var(--gs-muted); }
html[data-mode="dark"] .gtf-pill { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .gtf-pill.is-on { background-color: hsla(143, 47%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gtf-step { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gtf-step b { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gtf-step small { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gtf-danger { color: var(--gs-red, #d53c41) !important; }
html[data-mode="dark"] .gtf-qr { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gtf-qr small { color: var(--gd-faint); }
html[data-mode="dark"] .gtf-key { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gtf-key code { color: inherit; background: none; }
html[data-mode="dark"] .gtf-err { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gtf-muted { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gtf-info > div { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gtf-info small { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gtf-info b.is-late { color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gtf-codes code { background: var(--gs-bg, var(--gd-surface-2)); border: 1px dashed var(--gd-border-2); color: inherit; }
html[data-mode="dark"] .gtf-alert { background-color: var(--gd-surface-2); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .gtf-alert.is-warn { background-color: hsla(41, 70%, 55%, 0.16); color: hsl(23, 80%, 68%); }
html[data-mode="dark"] .gtf-alert.is-ok { background-color: hsla(144, 52%, 55%, 0.16); color: hsl(143, 64%, 68%); }
html[data-mode="dark"] .gtf-toast { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.60); }

/* ---- gs-studio.css ---- */
html[data-mode="dark"] .ss-head h2 { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .ss-head p { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ss-tip { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .ss-tip .fa { color: var(--gs-accent, #d53c41); }
html[data-mode="dark"] .ss-backup { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); }
html[data-mode="dark"] .ss-backup small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .ss-backup-ic { background-color: var(--gd-surface-3); color: var(--gd-text-2); }

/* ---- gs-scan.css ---- */
html[data-mode="dark"] .gs-bn-scan { background: none; color: var(--gs-red) !important; -webkit-tap-highlight-color: transparent; }
html[data-mode="dark"] .gs-bn-scan-btn { border: 4px solid var(--gd-surface); }
html[data-mode="dark"] .gs-scan-bg { background: radial-gradient(420px 320px at 75% 15%, rgba(188, 24, 35, .45), transparent 65%), linear-gradient(165deg, #22252c, #0b0c0f); }
html[data-mode="dark"] .gs-scan-ib { background-color: rgba(var(--gd-surface-rgb), 0.14); }
html[data-mode="dark"] .gs-scan-ib.is-on { background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .gs-scan-frame { box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-scan-frame i { border: 4px solid var(--gd-border); }
html[data-mode="dark"] .gs-scan-laser { background: linear-gradient(90deg, transparent, #ff4d57, transparent); }
html[data-mode="dark"] .gs-scan-nfc-ic { background-color: rgba(var(--gd-surface-rgb), 0.08); }
html[data-mode="dark"] .gs-scan-code { background-color: rgba(var(--gd-surface-rgb), 0.10); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-scan-code input { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-scan-code button { background: var(--gs-red, #bc1823); }
html[data-mode="dark"] .gs-scan-today i.dot { background-color: rgba(var(--gd-surface-rgb), 0.40); }
html[data-mode="dark"] .gs-scan-modes { background-color: rgba(var(--gd-surface-rgb), 0.12); }
html[data-mode="dark"] .gs-scan-modes button { background: none; }
html[data-mode="dark"] .gs-scan-modes button.is-on { background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .gs-scan-err { background-color: rgba(var(--gd-surface-rgb), 0.08); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-scan-sheet { background-color: var(--gd-surface); color: var(--gd-text); box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-scan-grab { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-scan-st small { color: var(--gd-muted); }
html[data-mode="dark"] .is-ok .gs-scan-ring { background-color: hsla(145, 55%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .is-amber .gs-scan-ring { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .is-red .gs-scan-ring { background-color: hsla(353, 70%, 55%, 0.16); color: hsl(356, 77%, 68%); }
html[data-mode="dark"] .is-blue .gs-scan-ring { background-color: hsla(218, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-scan-who { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-scan-who small { color: var(--gd-muted); }
html[data-mode="dark"] .gs-scan-pill.g { background-color: hsla(145, 55%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-scan-pill.r { background-color: hsla(353, 70%, 55%, 0.16); color: hsl(356, 77%, 68%); }
html[data-mode="dark"] .gs-scan-pill.b { background-color: hsla(218, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-scan-pill.a { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gs-scan-grid > div { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-scan-grid small { color: var(--gd-muted); }
html[data-mode="dark"] .gs-scan-grid b em { color: var(--gd-faint); }
html[data-mode="dark"] .gs-scan-grid .is-warn { background-color: hsla(33, 70%, 55%, 0.16); border-color: hsl(32, 48%, 34%); }
html[data-mode="dark"] .gs-scan-grid .is-warn b { color: hsl(17, 80%, 68%); }
html[data-mode="dark"] .gs-scan-grid .is-low b { color: hsl(356, 77%, 68%); }
html[data-mode="dark"] .gs-scan-meta span { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-scan-meta .fa { color: hsl(356, 77%, 68%); }
html[data-mode="dark"] .gs-scan-go { color: var(--gd-text-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-scan-spin { border: 3px solid var(--gd-border); }
html[data-mode="dark"] .gs-scan-acts .is-ghost { background-color: var(--gd-surface-3); color: var(--gd-text); }
html[data-mode="dark"] .gs-scan-cd { background-color: rgba(var(--gd-surface-rgb), 0.22); }
html[data-mode="dark"] .gs-scan-retry { background-color: var(--gd-surface); color: var(--gd-text); }
html[data-mode="dark"] .gs-scan-opt { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-scan-opt.is-sug { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-scan-opt b { color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gs-scan-opt small { color: var(--gd-muted); }
html[data-mode="dark"] .gs-scan-opt em.is-sug { color: hsl(356, 77%, 68%); background-color: hsla(0, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-scan-opt em.is-ok { color: hsl(142, 72%, 68%); background-color: hsla(144, 48%, 55%, 0.16); }
html[data-mode="dark"] .gs-scan-opt em.is-fz { color: hsl(201, 80%, 68%); background-color: hsla(203, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-scan-opt-go { color: hsl(356, 77%, 68%); }
html[data-mode="dark"] .gs-scan-opt .fa-repeat.gs-scan-opt-go { color: var(--gd-muted); }
html[data-mode="dark"] .gs-scan-alerts span { background-color: hsla(39, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); border: 1px solid hsl(37, 48%, 34%); }

/* ---- gs-qr.css ---- */
html[data-mode="dark"] .gqr-item { border: 1px solid var(--gs-border, var(--gd-border)); background: var(--gs-surface, var(--gd-surface)); }
html[data-mode="dark"] .gqr-code { background-color: var(--gd-surface); box-shadow: 0 0 0 1px var(--gs-border, var(--gd-surface)); }
html[data-mode="dark"] .gqr-meta b { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gqr-kind { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gqr-kind .fa { color: var(--gs-primary, #d53c41); }
html[data-mode="dark"] .gqr-meta b em { background: var(--gs-soft, var(--gd-surface-3)); color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gqr-meta a { color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .gqr-acts .fin-btn.is-done { background-color: hsla(145, 70%, 55%, 0.16); border-color: hsl(152, 48%, 34%); color: hsl(163, 80%, 68%); }

/* ---- gs-newmember.css ---- */
html[data-mode="dark"] .gs-nm-top, html[data-mode="dark"] .gs-nm-btn { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-top:hover, html[data-mode="dark"] .gs-nm-btn:hover { background: var(--gs-red-dark, #b52f34); }
html[data-mode="dark"] .gs-nm-top:focus-visible, html[data-mode="dark"] .gs-nm-btn:focus-visible { outline: 3px solid var(--gs-accent-ring, rgba(213, 60, 65, .25)); }
html[data-mode="dark"] .gs-nm-n { background-color: rgba(var(--gd-surface-rgb), 0.22); }
html[data-mode="dark"] .gs-nm-top.is-empty, html[data-mode="dark"] .gs-nm-btn.is-empty { background-color: var(--gd-surface-3); color: var(--gd-faint); }
html[data-mode="dark"] .gs-nm-top.is-empty .gs-nm-n, html[data-mode="dark"] .gs-nm-btn.is-empty .gs-nm-n { background-color: var(--gd-surface-4); color: var(--gd-muted); }
html[data-mode="dark"] .gs-fab-menu .ic.is-member { background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-fab-menu a.gs-nm-fab .gs-nm-n { background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); color: var(--gs-red-dark, hsl(358, 59%, 68%)); }
html[data-mode="dark"] .gs-fab-menu a.gs-nm-fab.is-empty { color: var(--gd-faint) !important; }
html[data-mode="dark"] .gs-fab-menu a.gs-nm-fab.is-empty .ic { background-color: var(--gd-surface-3); color: var(--gd-faint); }
html[data-mode="dark"] .gs-nm-out-ic { background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-out p { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-nm-key { background-color: hsla(145, 70%, 55%, 0.16); color: hsl(155, 80%, 68%); }
html[data-mode="dark"] .gs-nm-steps { border-bottom: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-nm-steps li { color: var(--gd-faint); }
html[data-mode="dark"] .gs-nm-steps li span { background-color: var(--gd-surface-3); color: var(--gd-faint); }
html[data-mode="dark"] .gs-nm-steps li::after { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-nm-steps li.is-on { color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gs-nm-steps li.is-on span { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-steps li.is-done { color: hsl(155, 80%, 68%); }
html[data-mode="dark"] .gs-nm-loading { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-loading .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-loading.is-err .fa { color: hsl(4, 74%, 68%); }
html[data-mode="dark"] .gs-nm-f > label { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-nm-err { color: hsl(4, 74%, 68%); }
html[data-mode="dark"] .gs-nm-fixed { background-color: var(--gd-surface-2); color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gs-nm-fixed .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-seg { background-color: var(--gd-surface-3); border: 1px solid transparent; }
html[data-mode="dark"] .gs-nm-seg button { background-color: transparent; color: var(--gd-text-2); }
html[data-mode="dark"] .gs-nm-seg button.is-on { background-color: var(--gd-surface); color: var(--gs-text, var(--gd-text)); }
html[data-mode="dark"] .gs-nm-seg button.is-on .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-phone .is-ok { color: hsl(155, 80%, 68%); }
html[data-mode="dark"] .gs-nm-phone .is-info { color: hsl(218, 80%, 68%); }
html[data-mode="dark"] .gs-nm-phone .is-bad { color: hsl(4, 74%, 68%); }
html[data-mode="dark"] .gs-nm-phone .is-wait { color: var(--gd-faint); }
html[data-mode="dark"] .gs-nm-link { background: none; color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-chips { border: 1px solid transparent; }
html[data-mode="dark"] .gs-nm-chips button { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .gs-nm-chips button .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gs-nm-chips button.is-on { border-color: var(--gs-red, #d53c41); background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); color: var(--gs-red-dark, hsl(358, 59%, 68%)); }
html[data-mode="dark"] .gs-nm-chips button.is-on .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-hits button { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-nm-hits button small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-hits button.is-on { border-color: var(--gs-red, #d53c41); background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); }
html[data-mode="dark"] .gs-nm-hits button.is-on .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-none { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-pinfo { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-train { background-color: var(--gd-surface-2); border: 1px dashed var(--gd-border); }
html[data-mode="dark"] .gs-nm-hint { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-why { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-money > div { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-nm-money small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-money .is-paid { background-color: hsla(145, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-nm-money .is-paid b { color: hsl(155, 80%, 68%); }
html[data-mode="dark"] .gs-nm-money .is-rem { background-color: hsla(30, 70%, 55%, 0.16); }
html[data-mode="dark"] .gs-nm-money .is-rem b { color: hsl(22, 80%, 68%); }
html[data-mode="dark"] .gs-nm-review section { border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gs-nm-review h5 .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-nm-rows small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-note { background-color: hsla(206, 70%, 55%, 0.16); color: hsl(218, 80%, 68%); }
html[data-mode="dark"] .gs-nm-done-h small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-nm-img { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-nm-acts .btn.is-done { background-color: hsla(145, 70%, 55%, 0.16); border-color: hsl(152, 48%, 34%); color: hsl(163, 80%, 68%); }
html[data-mode="dark"] .gs-nm-open { color: hsl(221, 73%, 68%); }

/* ---- gs-keys.css ---- */
html[data-mode="dark"] .gak-hero { background: radial-gradient(520px 180px at 100% 0, var(--gs-red-soft, rgba(213, 60, 65, .1)), transparent 70%), linear-gradient(180deg, var(--gs-surface, var(--gd-surface)), var(--gs-bg, var(--gd-surface-2))) !important; }
html[data-mode="dark"] [dir=rtl] .gak-hero { background: radial-gradient(520px 180px at 0 0, var(--gs-red-soft, rgba(213, 60, 65, .1)), transparent 70%), linear-gradient(180deg, var(--gs-surface, var(--gd-surface)), var(--gs-bg, var(--gd-surface-2))) !important; }
html[data-mode="dark"] .gak-ic { box-shadow: 0 12px 26px rgba(0, 0, 0, 0.58); }
html[data-mode="dark"] .gak-hero p { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-batch { border: 1px solid var(--gs-border, var(--gd-border)); background: var(--gs-surface, var(--gd-surface)); color: inherit; }
html[data-mode="dark"] .gak-batch:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); }
html[data-mode="dark"] .gak-batch.is-on { border-color: var(--gd-border-3); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.60) inset, 0 10px 24px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .gak-batch:focus-visible { outline: 2px solid var(--gd-border-3); }
html[data-mode="dark"] .gak-batch.is-skel { background: linear-gradient(90deg, var(--gd-surface-3) 25%, var(--gd-surface-3) 37%, var(--gd-surface-3) 63%); }
html[data-mode="dark"] .gak-batch-n { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-bar { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gak-batch-st b { color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gak-batch.is-done .gak-batch-st { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gak-batch-meta { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gak-empty small { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gak-keys-title small { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] #gakShow button.is-on em { background-color: rgba(var(--gd-surface-rgb), 0.20); }
html[data-mode="dark"] .gak-tools { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gak-range label { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-opt { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-qr { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gak-qr:hover { box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24); }
html[data-mode="dark"] .gak-qr.is-picked { border-color: var(--gd-border-3); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.60) inset; }
html[data-mode="dark"] .gak-qr-check span { border: 2px solid var(--gd-border-2); background-color: var(--gd-surface); }
html[data-mode="dark"] .gak-qr-check input:checked + span { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gak-qr-check input:focus-visible + span { outline: 2px solid var(--gd-border-3); }
html[data-mode="dark"] .gak-qr.is-skel .gak-qr-code span, html[data-mode="dark"] .gak-skel { background: linear-gradient(90deg, var(--gd-surface-3) 25%, var(--gd-surface-3) 37%, var(--gd-surface-3) 63%); }
html[data-mode="dark"] .gak-pg { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); }
html[data-mode="dark"] .gak-pg.is-on { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); border-color: var(--gd-inv-bg); }
html[data-mode="dark"] .gak-pg-gap { color: var(--gd-faint); }
html[data-mode="dark"] .gak-pager-size select { border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .gak-selbar { box-shadow: 0 18px 50px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gak-selbar .btn-light { background-color: rgba(var(--gd-surface-rgb), 0.12); }
html[data-mode="dark"] .gak-selbar .btn-light:hover { background-color: rgba(var(--gd-surface-rgb), 0.20); }
html[data-mode="dark"] .gak-selbar .btn-primary, html[data-mode="dark"] .gak-selbar .btn-primary:hover, html[data-mode="dark"] .gak-selbar .btn-primary:focus { background-color: var(--gd-surface) !important; color: var(--gd-text) !important; }
html[data-mode="dark"] .gak-busy-card { background-color: var(--gd-surface); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gak-busy-card > .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gak-busy-card small { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gak-prog { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gak-prog span { background: linear-gradient(90deg, var(--gs-red, #d53c41), #ff7a59); }
html[data-mode="dark"] .gak-toast { background-color: var(--gd-inv-bg); color: var(--gd-inv-text); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gak-toast .fa { color: hsl(142, 71%, 68%); }
html[data-mode="dark"] .gak-stack { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gak-stack .is-free, html[data-mode="dark"] .gak-legend .is-free, html[data-mode="dark"] .gak-bal-n.is-free .gak-bal-ic { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gak-batch-st b { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gak-batch.is-done .gak-batch-st { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gak-legend { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-bal-h p { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-bal-n { background: var(--gs-bg, var(--gd-surface-2)); }
html[data-mode="dark"] .gak-bal-n small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gak-bal-n em { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gak-bal-n.is-free { background: var(--gs-red-soft, hsla(356, 65%, 55%, 0.16)); }
html[data-mode="dark"] .gak-bal-n.is-free b { color: var(--gs-red-dark, hsl(358, 59%, 68%)); }
html[data-mode="dark"] .gak-bal-out { background-color: hsla(30, 70%, 55%, 0.16); color: hsl(22, 80%, 68%); }
html[data-mode="dark"] .gak-thumb.is-skel { background: linear-gradient(90deg, var(--gd-surface-3) 25%, var(--gd-surface-3) 37%, var(--gd-surface-3) 63%); }

/* ---- gs-follow.css ---- */
html[data-mode="dark"] .gs-fu-modal .modal-title small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-fu-modal .modal-title .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-fu-ask { background-color: var(--gd-surface-2); border: 1px solid hsl(142, 38%, 34%); }
html[data-mode="dark"] .gs-fu-ask > .fa { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-fu-ask span { color: var(--gd-text); }
html[data-mode="dark"] .gs-fu-ask small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-fu-seg button { border: 1px solid var(--gs-border-strong, var(--gd-border-2)); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-fu-seg button.is-on { border-color: var(--gd-inv-bg); background-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .gs-fu-seg button .fa-whatsapp { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-fu-res .gs-pill { border: 1px solid transparent; }
html[data-mode="dark"] .gs-fu-res .gs-pill.is-on { border-color: currentColor; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15); }
html[data-mode="dark"] .gs-fu-sales { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-tl-kpis { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-tl-kpis .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gs-fu-next-t { color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gs-fu-next-t .fa { color: hsl(26, 80%, 68%) !important; }
html[data-mode="dark"] .gs-tl::before { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-tl-dot { background-color: var(--gd-surface-3); color: var(--gd-text-2); border: 3px solid var(--gd-border); }
html[data-mode="dark"] .gs-tl-i.is-blue .gs-tl-dot { background: var(--gs-blue-soft, hsla(221, 70%, 55%, 0.16)); color: var(--gs-blue, hsl(221, 73%, 68%)); }
html[data-mode="dark"] .gs-tl-i.is-green .gs-tl-dot { background: var(--gs-green-soft, hsla(140, 45%, 55%, 0.16)); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gs-tl-i.is-orange .gs-tl-dot { background-color: hsla(26, 70%, 55%, 0.16); color: hsl(17, 80%, 68%); }
html[data-mode="dark"] .gs-tl-b { background-color: var(--gd-surface); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-tl-h b { color: var(--gd-text); }
html[data-mode="dark"] .gs-tl-h small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-tl-m { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-tl-m .fa { color: var(--gd-faint); }
html[data-mode="dark"] .gs-tl-m .fa-whatsapp { color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gs-tl-b p { color: var(--gd-text); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .fu-tabs button { border: 1px solid var(--gs-border, var(--gd-border)); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .fu-tabs button em { background-color: var(--gd-surface-3); color: var(--gd-text); }
html[data-mode="dark"] .fu-tabs button.is-on { background-color: var(--gd-inv-bg); border-color: var(--gd-inv-bg); color: var(--gd-inv-text); }
html[data-mode="dark"] .fu-tabs button.is-on em { background-color: rgba(var(--gd-surface-rgb), 0.18); }
html[data-mode="dark"] .fu-tabs button.is-hot em { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .fu-desc { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .fu-row { background-color: var(--gd-surface); border: 1px solid var(--gs-border, var(--gd-border)); }
html[data-mode="dark"] .fu-who small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .fu-why { color: var(--gd-text-2); }
html[data-mode="dark"] .fu-why b { color: var(--gd-text); }
html[data-mode="dark"] .fu-last { color: var(--gd-text-2); }
html[data-mode="dark"] .fu-late { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .fu-set small { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gs-fu-why { color: hsl(216, 18%, 68%); background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-fu-why i { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .fu-rules { background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); color: hsl(216, 18%, 68%); }
html[data-mode="dark"] .fu-rules > i { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .fu-rules b { color: hsl(214, 33%, 68%); }
html[data-mode="dark"] .fu-set-sec { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .fu-set-sec h5 { color: hsl(214, 33%, 68%); }
html[data-mode="dark"] .fu-set-sec h5 i { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-fu-credit { color: hsl(216, 18%, 68%); background-color: var(--gd-surface-2); border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-fu-credit.is-ok { background-color: hsla(145, 70%, 55%, 0.16); border-color: hsl(142, 48%, 34%); color: hsl(155, 80%, 68%); }
html[data-mode="dark"] .gs-fu-credit.is-ok i { color: hsl(152, 80%, 68%); }

/* ---- gs-domain.css ---- */
html[data-mode="dark"] .gdm-loading { color: var(--gs-muted, var(--gd-faint)); }
html[data-mode="dark"] .gdm-now { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gdm-now small { color: var(--gd-faint); }
html[data-mode="dark"] .gdm-alt { color: var(--gd-muted); }
html[data-mode="dark"] .gdm-alt-t { color: var(--gd-faint); }
html[data-mode="dark"] .gdm-pre { background-color: var(--gd-surface-2); color: var(--gd-muted); }
html[data-mode="dark"] .gdm-hint { color: var(--gd-faint); }
html[data-mode="dark"] .gdm-row { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gdm-row.is-active { border-color: hsl(142, 34%, 34%); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gdm-ic { background-color: var(--gd-surface-3); color: var(--gd-muted); }
html[data-mode="dark"] .gdm-row.is-active .gdm-ic { background-color: hsla(143, 47%, 55%, 0.16); color: hsl(142, 76%, 68%); }
html[data-mode="dark"] .gdm-row.is-dns .gdm-ic { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(32, 80%, 68%); }
html[data-mode="dark"] .gdm-row.is-ssl .gdm-ic { background-color: hsla(218, 70%, 55%, 0.16); color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .gdm-row.is-error .gdm-ic { background-color: hsla(0, 70%, 55%, 0.16); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gdm-main small { color: var(--gd-faint); }
html[data-mode="dark"] .gdm-pill { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gdm-pill.is-green { background-color: hsla(143, 47%, 55%, 0.16); color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gdm-pill.is-orange { background-color: hsla(35, 70%, 55%, 0.16); color: hsl(26, 80%, 68%); }
html[data-mode="dark"] .gdm-pill.is-blue { background-color: hsla(218, 70%, 55%, 0.16); color: hsl(221, 73%, 68%); }
html[data-mode="dark"] .gdm-pill.is-red { background-color: hsla(0, 70%, 55%, 0.16); color: hsl(358, 65%, 68%); }
html[data-mode="dark"] .gdm-guide { border: 1px dashed var(--gd-border); }
html[data-mode="dark"] .gdm-guide h6 .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gdm-rec { border-top: 1px solid var(--gd-border); }
html[data-mode="dark"] .gdm-kv small { color: var(--gd-faint); }
html[data-mode="dark"] .gdm-kv code { background-color: var(--gd-surface-2); color: hsl(221, 39%, 68%); }
html[data-mode="dark"] .gdm-copy { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .gdm-copy:hover { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gdm-ok { color: hsl(150, 66%, 68%); }
html[data-mode="dark"] .gdm-prov { color: var(--gs-muted, var(--gd-muted)); }
html[data-mode="dark"] .gdm-alt { border: 1px dashed var(--gd-border-2); background-color: var(--gd-surface); color: hsl(217, 19%, 68%); }
html[data-mode="dark"] .gdm-alt:hover { border-color: var(--gd-border-3); color: var(--gd-text); }

/* ---- gs-photo.css ---- */
html[data-mode="dark"] .gs-ph-card { background-color: var(--gd-surface); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-ph-head { border-bottom: 1px solid var(--gd-border); color: var(--gd-text); }
html[data-mode="dark"] .gs-ph-head > .fa { background: rgba(var(--gs-red-rgb, 213, 60, 65), .1); color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-ph-x { background-color: transparent; color: var(--gd-faint); }
html[data-mode="dark"] .gs-ph-x:hover { color: var(--gd-text); }
html[data-mode="dark"] .gs-ph-stage { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-ph-grid { box-shadow: inset 0 0 0 2px var(--gd-surface); background-image: linear-gradient(rgba(var(--gd-surface-rgb), 0.35) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--gd-surface-rgb), 0.35) 1px, transparent 1px); }
html[data-mode="dark"] .gs-ph-hint { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ph-tool { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ph-tool:hover { background-color: var(--gd-surface-2); border-color: var(--gd-border-2); }
html[data-mode="dark"] .gs-ph-z { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ph-cancel { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ph-save { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-mm-photo-btn { border: 2px solid var(--gd-border-3); background-color: var(--gd-surface); color: var(--gd-text); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.60); }
html[data-mode="dark"] .gs-photo-view .gs-pv-acts button { border: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-photo-field .gs-pf-av { background-color: var(--gd-surface-3); color: var(--gd-faint); border: 1px dashed var(--gd-border-2); }
html[data-mode="dark"] .gs-photo-field .gs-pf-av.has-photo { border-color: transparent; }
html[data-mode="dark"] .gs-photo-field .gs-pf-btns button { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-photo-field .gs-pf-btns button:hover { background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-photo-field .gs-pf-btns .gs-pf-del { color: hsl(6, 63%, 68%); }
html[data-mode="dark"] .gs-photo-field small { color: var(--gd-faint); }

/* ---- gs-evidence.css ---- */
html[data-mode="dark"] .gs-ev-btn { border: 1px solid var(--gd-border); background-color: var(--gd-surface); color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-btn:hover { background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ev-btn.has { color: var(--gs-red, #d53c41); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .35); background: rgba(var(--gs-red-rgb, 213, 60, 65), .06); }
html[data-mode="dark"] .gs-ev-sub { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-lead { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ev-tile { background-color: var(--gd-surface-3); color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-tile small { background: linear-gradient(transparent, rgba(0, 0, 0, .6)); }
html[data-mode="dark"] .gs-ev-add { border: 1.5px dashed var(--gd-border-2); background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ev-add .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-ev-add small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-add:hover { border-color: var(--gs-red, #d53c41); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-ev-load { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-note { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-choice { border: 1px solid var(--gd-border); background-color: var(--gd-surface); }
html[data-mode="dark"] .gs-ev-choice > .fa { background-color: var(--gd-surface-3); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ev-choice b { color: var(--gd-text); }
html[data-mode="dark"] .gs-ev-choice small { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-choice:hover { border-color: var(--gd-border-2); background-color: var(--gd-surface-2); }
html[data-mode="dark"] .gs-ev-choice.is-main { border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); background: rgba(var(--gs-red-rgb, 213, 60, 65), .04); }
html[data-mode="dark"] .gs-ev-choice.is-main > .fa { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-ev-mini { background-color: var(--gd-surface-3); }
html[data-mode="dark"] .gs-ev-addmini { border: 1px dashed var(--gd-border-2); background-color: var(--gd-surface-2); color: var(--gd-text-2); }
html[data-mode="dark"] .gs-ev-addmini .fa { color: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-ev-hint { color: var(--gd-faint); }
html[data-mode="dark"] .gs-ev-banner { background-color: hsla(42, 70%, 55%, 0.16); border: 1px solid hsl(43, 48%, 34%); color: hsl(41, 75%, 68%); }
html[data-mode="dark"] .gs-ev-banner > .fa { color: hsl(41, 80%, 68%); }
html[data-mode="dark"] .gs-ev-banner button { background-color: var(--gd-surface); color: hsl(41, 75%, 68%); }

/* ================= تظبيطات بالإيد ================= */
/* الأساس */
html[data-mode="dark"], html[data-mode="dark"] body.gs-admin { background: var(--gd-bg) !important; color: var(--gd-text); }
html[data-mode="dark"] body.gs-admin { transition: background-color .25s ease; }
html[data-mode="dark"] .gs-admin .gs-sidebar { border-inline-end: 1px solid var(--gd-border); }
html[data-mode="dark"] .gs-admin .gs-topbar { background: rgba(var(--gd-surface-rgb), .86) !important; border-bottom-color: var(--gd-border) !important; -webkit-backdrop-filter: saturate(140%) blur(12px); backdrop-filter: saturate(140%) blur(12px); }
html[data-mode="dark"] .gs-admin img { filter: none; }
html[data-mode="dark"] ::selection { background: rgba(var(--gs-red-rgb, 213, 60, 65), .45); color: #fff; }
/* السكرول */
html[data-mode="dark"] { scrollbar-color: #3a3a42 transparent; }
html[data-mode="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-mode="dark"] ::-webkit-scrollbar-track { background: transparent; }
html[data-mode="dark"] ::-webkit-scrollbar-thumb { background: #34343b; border-radius: 10px; border: 2px solid var(--gd-bg); }
html[data-mode="dark"] ::-webkit-scrollbar-thumb:hover { background: #45454d; }
/* الفورم */
html[data-mode="dark"] .gs-admin .form-control, html[data-mode="dark"] .gs-admin input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
html[data-mode="dark"] .gs-admin select, html[data-mode="dark"] .gs-admin textarea,
html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection--single, html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection--multiple {
    background-color: var(--gd-surface-2) !important; color: var(--gd-text) !important; border-color: var(--gd-border-2) !important;
}
html[data-mode="dark"] .gs-admin .form-control:focus, html[data-mode="dark"] .gs-admin input:focus, html[data-mode="dark"] .gs-admin select:focus, html[data-mode="dark"] .gs-admin textarea:focus {
    border-color: var(--gs-red) !important; box-shadow: 0 0 0 3px rgba(var(--gs-red-rgb, 213, 60, 65), .22) !important; background-color: var(--gd-surface-2) !important;
}
html[data-mode="dark"] .gs-admin .form-control:disabled, html[data-mode="dark"] .gs-admin .form-control[readonly], html[data-mode="dark"] .gs-admin input:disabled, html[data-mode="dark"] .gs-admin select:disabled { background-color: var(--gd-surface-3) !important; color: var(--gd-muted) !important; }
html[data-mode="dark"] .gs-admin ::placeholder { color: var(--gd-faint) !important; opacity: 1; }
html[data-mode="dark"] .gs-admin select option { background: var(--gd-surface-2); color: var(--gd-text); }
html[data-mode="dark"] .gs-admin .select2-container--default .select2-selection__rendered { color: var(--gd-text) !important; }
html[data-mode="dark"] .select2-dropdown { background: var(--gd-surface-2) !important; border-color: var(--gd-border-2) !important; color: var(--gd-text); }
html[data-mode="dark"] .select2-container--default .select2-results__option[aria-selected=true] { background: var(--gd-surface-4) !important; }
html[data-mode="dark"] .select2-container--default .select2-search--dropdown .select2-search__field { background: var(--gd-surface) !important; color: var(--gd-text) !important; border-color: var(--gd-border-2) !important; }
html[data-mode="dark"] input[type="date"]::-webkit-calendar-picker-indicator, html[data-mode="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator, html[data-mode="dark"] input[type="time"]::-webkit-calendar-picker-indicator, html[data-mode="dark"] input[type="month"]::-webkit-calendar-picker-indicator { filter: invert(1) opacity(.7); }
/* المودال والقوايم */
html[data-mode="dark"] .modal-content { background: var(--gd-surface) !important; color: var(--gd-text); border: 1px solid var(--gd-border) !important; }
html[data-mode="dark"] .modal-header, html[data-mode="dark"] .modal-footer { border-color: var(--gd-border) !important; }
html[data-mode="dark"] .modal-backdrop.show { opacity: .7; }
html[data-mode="dark"] .close { color: var(--gd-text) !important; text-shadow: none; }
html[data-mode="dark"] .dropdown-menu { background: var(--gd-surface-2) !important; border: 1px solid var(--gd-border-2) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, .55) !important; }
html[data-mode="dark"] .dropdown-item { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .dropdown-item:hover, html[data-mode="dark"] .dropdown-item:focus { background: var(--gd-surface-3) !important; color: var(--gd-text) !important; }
html[data-mode="dark"] .dropdown-divider { border-color: var(--gd-border-2) !important; }
/* الجداول */
html[data-mode="dark"] .table, html[data-mode="dark"] table.dataTable { color: var(--gd-text); }
html[data-mode="dark"] .table td, html[data-mode="dark"] .table th, html[data-mode="dark"] table.dataTable td, html[data-mode="dark"] table.dataTable th { border-color: var(--gd-border) !important; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current, html[data-mode="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--gd-surface-3) !important; border-color: var(--gd-border-2) !important; color: var(--gd-text) !important; }
html[data-mode="dark"] .dataTables_wrapper .dataTables_info, html[data-mode="dark"] .dataTables_wrapper .dataTables_length, html[data-mode="dark"] .dataTables_wrapper .dataTables_filter { color: var(--gd-muted) !important; }
/* sweetalert */
html[data-mode="dark"] .sweet-alert { background: var(--gd-surface) !important; border: 1px solid var(--gd-border); }
html[data-mode="dark"] .sweet-alert h2 { color: var(--gd-text) !important; }
html[data-mode="dark"] .sweet-alert p { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .sweet-alert .sa-icon.sa-success .sa-fix, html[data-mode="dark"] .sweet-alert .sa-icon.sa-success::before, html[data-mode="dark"] .sweet-alert .sa-icon.sa-success::after { background: var(--gd-surface) !important; }
html[data-mode="dark"] .sweet-alert button.cancel { background: var(--gd-surface-3) !important; color: var(--gd-text) !important; }
html[data-mode="dark"] .sweet-overlay { background: rgba(0, 0, 0, .7) !important; }
/* أي ستايل مكتوب في الصفحة نفسها بخلفية بيضا */
html[data-mode="dark"] .gs-admin [style*="background:#fff"], html[data-mode="dark"] .gs-admin [style*="background: #fff"], html[data-mode="dark"] .gs-admin [style*="background-color:#fff"], html[data-mode="dark"] .gs-admin [style*="background-color: #fff"],
html[data-mode="dark"] .gs-admin [style*="background:white"], html[data-mode="dark"] .gs-admin [style*="background: white"], html[data-mode="dark"] .gs-admin [style*="background-color: white"] { background-color: var(--gd-surface) !important; }
html[data-mode="dark"] .gs-admin [style*="color:#000"], html[data-mode="dark"] .gs-admin [style*="color: #000"], html[data-mode="dark"] .gs-admin [style*="color:black"], html[data-mode="dark"] .gs-admin [style*="color: black"], html[data-mode="dark"] .gs-admin [style*="color:#333"], html[data-mode="dark"] .gs-admin [style*="color: #333"] { color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-admin font[color="black"], html[data-mode="dark"] .gs-admin font[color="#000"], html[data-mode="dark"] .gs-admin font[color="#000000"] { color: var(--gd-text) !important; }
/* الرسومات (Highcharts) */
html[data-mode="dark"] .highcharts-background { fill: transparent !important; }
html[data-mode="dark"] .highcharts-title, html[data-mode="dark"] .highcharts-subtitle, html[data-mode="dark"] .highcharts-axis-labels text, html[data-mode="dark"] .highcharts-legend-item text { fill: var(--gd-text-2) !important; color: var(--gd-text-2) !important; }
html[data-mode="dark"] .highcharts-grid-line { stroke: var(--gd-border) !important; }
html[data-mode="dark"] .highcharts-tooltip-box { fill: var(--gd-surface-2) !important; stroke: var(--gd-border-2) !important; }
html[data-mode="dark"] .highcharts-tooltip text { fill: var(--gd-text) !important; }

/* ---------------- زرار الوضع الغامق في منيو اليوزر ---------------- */
.gs-mode-item { display: flex !important; align-items: center; gap: 10px; }
.gs-mode-item .gs-mode-txt { flex: 1 1 auto; }
.gs-mode-sw { position: relative; flex: 0 0 auto; width: 38px; height: 22px; border-radius: 99px; background: #d4d6db; transition: background .2s ease; }
.gs-mode-sw::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .22s cubic-bezier(.34, 1.56, .64, 1); }
html[data-mode="dark"] .gs-mode-sw { background: var(--gs-red, #d53c41); }
html[data-mode="dark"] .gs-mode-sw::after { transform: translateX(16px); }
html[dir="rtl"][data-mode="dark"] .gs-mode-sw::after { transform: translateX(-16px); }
/* التبديل نفسه: كل الألوان بتتغير مع بعض بنعومة */
html.gs-mode-anim, html.gs-mode-anim *, html.gs-mode-anim *::before, html.gs-mode-anim *::after { transition: background-color .3s ease, border-color .3s ease, color .2s ease, fill .3s ease !important; }
/* المفاتيح (on/off): الدايرة بيضا دايمًا */
html[data-mode="dark"] .pf-switch span::after, html[data-mode="dark"] .gs-switch-knob { background: #fff !important; }
/* الكروت الأساسية (الرقم الكبير): لمسة من لون الثيم بدل الأسود */
html[data-mode="dark"] .gs-admin .crm-kpi.is-hero, html[data-mode="dark"] .gs-admin .gs-kpi.is-hero, html[data-mode="dark"] .gs-admin .crm-fstep.is-s0 {
    background: linear-gradient(135deg, rgba(var(--gs-red-rgb, 213, 60, 65), .26), rgba(var(--gs-red-rgb, 213, 60, 65), .06) 70%), var(--gd-surface) !important;
    border: 1px solid rgba(var(--gs-red-rgb, 213, 60, 65), .32) !important; color: var(--gd-text) !important;
}
html[data-mode="dark"] .gs-admin .crm-fstep.is-s0 .crm-fbar i { background: var(--gs-red) !important; }

/* ================= لمسات الوضع الغامق ================= */
/* إضاءة خفيفة بلون الثيم ورا الصفحة (فوق) */
html[data-mode="dark"] body.gs-admin {
    background-image: radial-gradient(1100px 420px at 50% -180px, rgba(var(--gs-red-rgb, 213, 60, 65), .10), transparent 70%) !important;
    background-attachment: fixed !important;
}
/* الكروت: حافة فوق منورة سنة + ظل عميق */
html[data-mode="dark"] .gs-admin .gs-panel, html[data-mode="dark"] .gs-admin .gs-kpi, html[data-mode="dark"] .gs-admin .crm-kpi, html[data-mode="dark"] .gs-admin .crm-box, html[data-mode="dark"] .gs-admin .pf-inv,
html[data-mode="dark"] .gs-admin .crm-row, html[data-mode="dark"] .gs-admin .crm-card, html[data-mode="dark"] .gs-admin .crm-scard, html[data-mode="dark"] .gs-admin .pf-attn-item, html[data-mode="dark"] .gs-admin .card {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 1px 2px rgba(0, 0, 0, .4) !important;
}
html[data-mode="dark"] .gs-admin .crm-row:hover, html[data-mode="dark"] .gs-admin .pf-attn-item:hover, html[data-mode="dark"] .gs-admin .crm-card:hover, html[data-mode="dark"] .gs-admin .pf-kpi-link:hover > .gs-kpi {
    border-color: var(--gd-border-3) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 34px rgba(0, 0, 0, .55) !important;
}
/* أيقونات الأرقام: لون الثيم شفاف */
html[data-mode="dark"] .gs-admin .gs-kpi:not(.is-warn):not(.is-alert):not(.is-hero) .gs-kpi-ic { background: rgba(var(--gs-red-rgb, 213, 60, 65), .14) !important; color: var(--gs-red) !important; }
html[data-mode="dark"] .gs-admin .gs-kpi-val { color: #fff; letter-spacing: -.01em; }
/* القايمة الجانبية: العنصر المختار بلون الثيم + لمعة */
html[data-mode="dark"] .gs-admin .gs-nav-link.is-active {
    background: linear-gradient(90deg, rgba(var(--gs-red-rgb, 213, 60, 65), .20), rgba(var(--gs-red-rgb, 213, 60, 65), .04)) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--gs-red-rgb, 213, 60, 65), .14);
}
html[dir="rtl"][data-mode="dark"] .gs-admin .gs-nav-link.is-active { background: linear-gradient(270deg, rgba(var(--gs-red-rgb, 213, 60, 65), .20), rgba(var(--gs-red-rgb, 213, 60, 65), .04)) !important; }
/* الزراير الأساسية: توهج خفيف بلون الثيم */
html[data-mode="dark"] .gs-admin .btn-primary, html[data-mode="dark"] .gs-admin .pf-btn.btn-primary, html[data-mode="dark"] .sweet-alert button.confirm {
    box-shadow: 0 6px 20px rgba(var(--gs-red-rgb, 213, 60, 65), .32), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}
html[data-mode="dark"] .gs-admin .btn-primary:hover { box-shadow: 0 8px 26px rgba(var(--gs-red-rgb, 213, 60, 65), .45), inset 0 1px 0 rgba(255, 255, 255, .18) !important; }
html[data-mode="dark"] .gs-admin .btn-light, html[data-mode="dark"] .gs-admin .btn-default, html[data-mode="dark"] .gs-admin .btn-secondary {
    background: var(--gd-surface-2) !important; border-color: var(--gd-border-2) !important; color: var(--gd-text) !important;
}
html[data-mode="dark"] .gs-admin .btn-light:hover, html[data-mode="dark"] .gs-admin .btn-default:hover, html[data-mode="dark"] .gs-admin .btn-secondary:hover { background: var(--gd-surface-3) !important; border-color: var(--gd-border-3) !important; }
/* الجداول: صف تحت الماوس منور */
html[data-mode="dark"] .gs-admin table.dataTable tbody tr:hover > td, html[data-mode="dark"] .gs-admin .table-hover tbody tr:hover > td, html[data-mode="dark"] .gs-admin .pf-table tbody tr:hover > td { background-color: rgba(255, 255, 255, .025) !important; }
html[data-mode="dark"] .gs-admin table thead th { color: var(--gd-muted) !important; }
/* المودال: ضلمة بزجاج */
html[data-mode="dark"] .modal-backdrop.show { opacity: 1 !important; background: rgba(0, 0, 0, .62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-mode="dark"] .modal-content { box-shadow: 0 30px 80px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .05) !important; }
/* الهيكل وهو بيحمّل */
html[data-mode="dark"] .gs-boot .gb-sk, html[data-mode="dark"] .gs-sk, html[data-mode="dark"] .gs-skel { background: linear-gradient(90deg, #1a1a1e 0%, #24242a 40%, #1a1a1e 80%) !important; background-size: 200% 100% !important; }
/* العناوين والأرقام الكبيرة أنصع */
html[data-mode="dark"] .gs-admin h1, html[data-mode="dark"] .gs-admin h2, html[data-mode="dark"] .gs-admin h3, html[data-mode="dark"] .gs-admin h4, html[data-mode="dark"] .gs-admin .gs-panel-title { color: #fff; }
/* الصور (لوجوهات الجيمات) بتفضل زي ما هي ، والـ QR مابيتلمسش */
html[data-mode="dark"] .gs-admin img[src*="qr" i], html[data-mode="dark"] .gs-admin canvas { filter: none !important; }
/* أيقونة الزرار: قمر ⇄ شمس */
html[data-mode="dark"] .gs-mode-item .fa-moon-o::before { content: "\f185"; }
.gs-mode-item .fa { transition: transform .35s cubic-bezier(.34, 1.56, .64, 1); }
html[data-mode="dark"] .gs-mode-item .fa { transform: rotate(90deg); color: #fbbf24; }
/* تبديل الوضع بدايرة بتتفتح من مكان الضغطة (المتصفحات اللي بتدعمها) */
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
/* الرسومات (Highcharts): الألوان مكتوبة في الكود كـ attributes ⇒ CSS بيغطي عليها */
html[data-mode="dark"] .highcharts-container [fill="#141414"], html[data-mode="dark"] .highcharts-container [fill="#111111"], html[data-mode="dark"] .highcharts-container [fill="#1d2127"] { fill: #e9e9ec; }
html[data-mode="dark"] .highcharts-container [stroke="#141414"], html[data-mode="dark"] .highcharts-container [stroke="#111111"], html[data-mode="dark"] .highcharts-container [stroke="#1d2127"] { stroke: #e9e9ec; }
html[data-mode="dark"] .highcharts-container [stroke="#fff"], html[data-mode="dark"] .highcharts-container [stroke="#ffffff"] { stroke: var(--gd-surface); }
html[data-mode="dark"] .highcharts-container .highcharts-point[fill="#ffffff"], html[data-mode="dark"] .highcharts-container .highcharts-point[fill="#fff"] { fill: var(--gd-surface); }
html[data-mode="dark"] .highcharts-container .highcharts-axis-line, html[data-mode="dark"] .highcharts-container .highcharts-tick { stroke: var(--gd-border-2); }
html[data-mode="dark"] .highcharts-container text { fill: var(--gd-muted) !important; }
html[data-mode="dark"] .highcharts-container .highcharts-legend-item text { fill: var(--gd-text-2) !important; }
html[data-mode="dark"] .highcharts-container .highcharts-tooltip span, html[data-mode="dark"] .highcharts-container .highcharts-tooltip text { color: var(--gd-text) !important; fill: var(--gd-text) !important; }
html[data-mode="dark"] .highcharts-tooltip > span { background: var(--gd-surface-2) !important; border-color: var(--gd-border-2) !important; color: var(--gd-text) !important; }
/* ستايلات مكتوبة جوه الشاشات القديمة */
html[data-mode="dark"] .gs-admin [style*="color: #555"], html[data-mode="dark"] .gs-admin [style*="color:#555"], html[data-mode="dark"] .gs-admin [style*="color: #777"], html[data-mode="dark"] .gs-admin [style*="color:#777"], html[data-mode="dark"] .gs-admin [style*="color: #8a909a"] { color: var(--gd-muted) !important; }
html[data-mode="dark"] .gs-admin [style*="background-color: #f5f5f5"], html[data-mode="dark"] .gs-admin [style*="background-color:#f5f5f5"], html[data-mode="dark"] .gs-admin [style*="background-color: #ffffff"] { background-color: var(--gd-surface-2) !important; }
html[data-mode="dark"] .gs-admin [style*="color:#1d2127"], html[data-mode="dark"] .gs-admin [style*="color: #1d2127"], html[data-mode="dark"] .gs-admin [style*="color:#101828"], html[data-mode="dark"] .gs-admin [style*="color:#141414"], html[data-mode="dark"] .gs-admin [style*="color:#3a404a"], html[data-mode="dark"] .gs-admin [style*="color:#374151"] { color: var(--gd-text) !important; }
html[data-mode="dark"] .gs-admin [style*="background:#fdecee"] { background: rgba(var(--gs-red-rgb, 213, 60, 65), .14) !important; }
/* دواير المفاتيح (on/off) في كل الشاشات: بيضا دايمًا */
html[data-mode="dark"] .gs-toggle-dot, html[data-mode="dark"] .gsub-sw::after, html[data-mode="dark"] .gu-switch span::after, html[data-mode="dark"] .gu-sw span::after, html[data-mode="dark"] .ve-switch span::after, html[data-mode="dark"] .pf-switch span::after { background: #fff !important; }
/* [قبض المدرب بالبنود] ملخص التسليم في الغامق: سطح مرفوع بحافة (مش أسود على أسود) */
html[data-mode="dark"] .fin-pi-sum:not(.is-bad) { background-color: var(--gd-surface-2); border-top: 1px solid var(--gs-border); color: var(--gs-text); }
html[data-mode="dark"] .fin-pi-sum.is-view:not(.is-bad) { border: 1px solid var(--gs-border); }
/* أيقونات القايمة الفرعية في الوضع الغامق: أوضح */
html[data-mode="dark"] .gs-sub-icon { color: #b4b6bd; }
/* البار اللي فوق (الجيم والمنصة) في الوضع الغامق: الأيقونات والكتابة أوضح */
html[data-mode="dark"] .gs-topbar .gs-icon-btn { color: #fff; background-color: var(--gd-surface-2); border-color: var(--gd-border-2); }
html[data-mode="dark"] .gs-topbar .gs-icon-btn:hover { background-color: var(--gd-surface-3); border-color: var(--gd-border-3); }
html[data-mode="dark"] .gs-topbar .gs-icon-btn > .fa,
html[data-mode="dark"] .gs-topbar .gs-user-btn .fa,
html[data-mode="dark"] .gs-topbar .gs-search-ic,
html[data-mode="dark"] .gs-topbar .gs-top-alert .fa,
html[data-mode="dark"] .gs-topbar .gs-nm-top .fa { -webkit-text-stroke: .35px currentColor; }
html[data-mode="dark"] .gs-topbar .gs-user-btn { color: #fff; }
html[data-mode="dark"] .gs-topbar .gs-lang-btn:not(.is-on) { color: var(--gd-text-2) !important; }
html[data-mode="dark"] .gs-topbar .gs-crumb { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-topbar .gs-search-field input::placeholder { color: var(--gd-muted); opacity: 1; }
html[data-mode="dark"] .gs-topbar .gs-search-ic { color: var(--gd-text-2); }
html[data-mode="dark"] .gs-topbar .gs-search-field kbd { color: var(--gd-text-2); border-color: var(--gd-border-3); }
/* تنبيهات البار (متقدمين محتاجين متابعة / مستحقات) في الغامق: الكتابة واضحة على الخلفية الملونة */
html[data-mode="dark"] .gs-topbar .gs-top-alert.is-leads { color: #fff !important; background-color: rgba(var(--gs-red-rgb, 213, 60, 65), .22); border-color: rgba(var(--gs-red-rgb, 213, 60, 65), .45); }
html[data-mode="dark"] .gs-topbar .gs-top-alert.is-due { color: #fff !important; background-color: rgba(245, 158, 11, .2); border-color: rgba(245, 158, 11, .45); }

}