:root,[data-theme="balanced"]{--browser-theme:#216f67;--ink:#203f3b;--muted:#687c78;--bg:#e9efed;--card:#fdfefe;--line:#d4dfdc;--teal:#216f67;--teal2:#2b857b;--orange:#d88345;--red:#bd5151;--sidebar:#f5f8f7;--sidebar-hover:#e3eeeb;--sidebar-active:#d7e9e5;--topbar:#f9fbfa;--field:#f4f7f6;--row-hover:#f2f6f5;--soft:#dfefeb;--login-a:#dcebe7;--login-b:#eef1e8;--shadow:0 8px 28px rgba(28,66,60,.09)}
[data-theme="ocean"]{--browser-theme:#256b86;--ink:#243f4d;--muted:#6b7d86;--bg:#e7edf2;--card:#fbfcfd;--line:#d1dce3;--teal:#256b86;--teal2:#337f9a;--orange:#d47b45;--red:#bb5158;--sidebar:#f4f7f9;--sidebar-hover:#e3edf2;--sidebar-active:#d9e9f0;--topbar:#f8fafb;--field:#f2f6f8;--row-hover:#f0f5f7;--soft:#dcecf2;--login-a:#dbeaf0;--login-b:#edf1f4;--shadow:0 8px 28px rgba(36,66,80,.1)}
[data-theme="sand"]{--browser-theme:#a86132;--ink:#4b4038;--muted:#82746a;--bg:#eee9e1;--card:#fffdf9;--line:#e2d8cb;--teal:#a86132;--teal2:#bc7444;--orange:#c97938;--red:#b8514a;--sidebar:#faf7f1;--sidebar-hover:#f1e8dc;--sidebar-active:#ebdfd0;--topbar:#fffdf9;--field:#f8f4ee;--row-hover:#faf5ed;--soft:#f1e2d3;--login-a:#eee3d4;--login-b:#f4efe5;--shadow:0 8px 28px rgba(77,63,51,.1)}
[data-theme="slate"]{--browser-theme:#416b70;--ink:#263c40;--muted:#66787a;--bg:#dfe6e6;--card:#f6f8f8;--line:#c9d4d5;--teal:#416b70;--teal2:#527d82;--orange:#c87b49;--red:#af4d52;--sidebar:#e9eeee;--sidebar-hover:#d9e2e2;--sidebar-active:#cedddd;--topbar:#f2f5f5;--field:#edf1f1;--row-hover:#eaf0f0;--soft:#d5e3e3;--login-a:#d4e0e0;--login-b:#e4e9e7;--shadow:0 8px 28px rgba(38,60,64,.12)}
body{background:var(--bg);color:var(--ink);transition:background-color .2s,color .2s}.sidebar{background:var(--sidebar);color:var(--ink);border-color:var(--line)}.brand,.login-brand{color:var(--ink)}.brand small,.user small,.kicker{color:var(--muted)}.brand-mark,.user>span,.stat-head i{background:var(--soft);color:var(--teal)}.nav-link{color:var(--muted)}.nav-link:hover{background:var(--sidebar-hover);color:var(--teal)}.nav-link.active{background:var(--sidebar-active);color:var(--teal);box-shadow:inset 3px 0 var(--teal)}.sidebar-foot{border-color:var(--line)}.topbar{background:color-mix(in srgb,var(--topbar) 94%,transparent);border-color:var(--line)}.card,.stat{background:var(--card);border-color:var(--line)}input,select,textarea,.search{background:var(--field);color:var(--ink);border-color:var(--line)}td{border-color:var(--line)}tbody tr:hover{background:var(--row-hover)}dialog{background:var(--card);color:var(--ink)}.btn{background:var(--teal)}.btn:hover{background:var(--teal2)}.btn.secondary{background:var(--field);color:var(--ink)}.login-page{background:var(--bg)}.login-visual{background:linear-gradient(145deg,var(--login-a),var(--login-b))}.login-visual:after{background:var(--soft)}.login-form-wrap{background:var(--card)}.login-copy p{color:var(--muted)}.login-point{background:color-mix(in srgb,var(--card) 76%,transparent);border-color:var(--line)}
.settings-card{max-width:1050px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.theme-option{display:grid;grid-template-columns:118px 1fr 30px;align-items:center;gap:16px;text-align:left;padding:16px;border:2px solid var(--line);border-radius:14px;background:var(--field);color:var(--ink);cursor:pointer;font:inherit;transition:.18s}.theme-option:hover{transform:translateY(-1px);border-color:var(--muted)}.theme-option.selected{border-color:var(--teal);background:var(--card);box-shadow:0 6px 18px color-mix(in srgb,var(--teal) 15%,transparent)}.theme-preview{height:65px;border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #00000012}.theme-preview i{display:block}.theme-info strong,.theme-info small{display:block}.theme-info small{color:var(--muted);line-height:1.45;margin-top:5px}.theme-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--line);color:transparent}.theme-option.selected .theme-check{background:var(--teal);color:#fff}.settings-note{display:flex;gap:13px;margin-top:22px;padding:16px;border-radius:12px;background:var(--field);color:var(--muted)}.settings-note i{color:var(--teal);margin-top:3px}.settings-note p{margin:4px 0 0}.settings-note strong{color:var(--ink)}
@media(max-width:800px){.theme-grid{grid-template-columns:1fr}.theme-option{grid-template-columns:90px 1fr 26px}}@media(max-width:430px){.theme-option{grid-template-columns:70px 1fr 24px;padding:12px}.theme-preview{height:55px}.theme-info small{font-size:11px}}