:root[data-sss-theme="dark"]{color-scheme:dark;--bg:#080d0a;--background:#080d0a;--surface:#111a14;--paper:#111a14;--surface-2:#19251d;--surface-3:#213229;--text:#eff6f0;--ink:#eff6f0;--text-2:#b4c5b9;--text-3:#91a997;--muted:#b4c5b9;--line:#304638;--border:#304638;--input:#0d1510;--green:#85d69a;--brand:#85d69a;--brand-soft:#183723;--green-soft:#183723;--pale:#183723}
:root[data-sss-theme="light"]{color-scheme:light;--bg:#f3f7f3;--background:#f3f7f3;--surface:#fff;--paper:#fff;--surface-2:#edf3ee;--surface-3:#e1ebe3;--text:#19291f;--ink:#19291f;--text-2:#4c6253;--text-3:#647c6a;--muted:#4c6253;--line:#cddbd0;--border:#cddbd0;--input:#fff;--green:#226536;--brand:#226536;--brand-soft:#e3f0e5;--green-soft:#e3f0e5;--pale:#e3f0e5}
html[data-sss-theme] body{background-color:var(--bg);color:var(--text);zoom:var(--sss-zoom,1)}
html[data-sss-theme] :is(.card,.login-card,.auth-card,.stat,.stat-card,.sidebar,.table-card,.settings-panel,.dialog-body,.app-card,.topbar,.source-toggle,.signed-unverified){background-color:var(--surface);color:var(--text);border-color:var(--border)}
html[data-sss-theme] :is(input,select,textarea){background-color:var(--input);color:var(--text);border-color:var(--border)}
html[data-sss-theme] :is(.page-head,.main-shell,.main,.login-form-side,.table-wrap,.profile-fields){color:var(--text)}
html[data-sss-theme] :is(.subtitle,.muted,.field-label,.breadcrumb,.login-form>p){color:var(--muted)}
html[data-sss-theme] .ssp-management,html[data-sss-theme] .portal-switch{display:none!important}
html[data-sss-theme] .sss-appearance-open{position:fixed;z-index:4000;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 6px 25px #0003;font:500 13px/1.2 -apple-system,BlinkMacSystemFont,'Thonburi',sans-serif;cursor:pointer;min-height:44px}
.sss-appearance-open svg{flex:none}.sss-appearance-dialog{width:min(420px,calc(100% - 32px));padding:25px;border-radius:22px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 25px 100px #0006;max-height:calc(100dvh - 32px);overflow:auto;text-align:left;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Thonburi',sans-serif}.sss-appearance-dialog::backdrop{background:#06110ca8;backdrop-filter:blur(5px)}.sss-appearance-dialog *{box-sizing:border-box}.sss-appearance-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sss-appearance-dialog small{font-size:10px;letter-spacing:2px;color:var(--brand)}.sss-appearance-dialog h2{font:600 26px/1.2 inherit;margin:6px 0 0;letter-spacing:-.5px}.sss-appearance-dialog p{margin:15px 0 22px;color:var(--muted);font-size:13px}.sss-appearance-dialog label{display:block;font-size:13px;font-weight:600;margin:18px 0}.sss-appearance-dialog select{display:block;width:100%;min-height:44px;padding:10px 12px;margin-top:7px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--text);font:inherit}.sss-appearance-dialog button{font:inherit;cursor:pointer;min-height:40px;border:1px solid var(--border);padding:8px 14px;border-radius:10px;background:var(--surface-2);color:var(--text)}.sss-appearance-dialog .sss-appearance-close{font-size:24px;line-height:1;padding:6px 11px}.sss-appearance-dialog footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.sss-appearance-dialog .sss-appearance-done{background:#256b36;color:#fff;border-color:#256b36}.sss-appearance-preview{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:18px;display:flex;align-items:center;gap:18px}.sss-appearance-preview strong{font-size:27px}.sss-appearance-preview span{font-size:13px;color:var(--muted)}.sss-appearance-dialog p.sss-appearance-note{font-size:11px;margin-bottom:0}.sss-appearance-dialog :focus-visible,.sss-appearance-open:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:600px){html[data-sss-theme] .sss-appearance-open{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px}.sss-appearance-open span{display:none}.sss-appearance-dialog{padding:21px}}
@media print{html[data-sss-theme] body{zoom:1}.sss-appearance-open,.sss-appearance-dialog{display:none!important}}
html[data-sss-theme] :is(#managementBtn,#registerButton,#themeMode,.management-login,.entry-other[href="/management-login.html"]){display:none!important}
html[data-sss-theme] .display-settings label:has(select[aria-label="Theme"]),html[data-sss-theme] .display-settings label:has(select[aria-label="Text size"]){display:none}