.theme-toggle{position:fixed;top:19px;left:264px;z-index:10;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:9px 13px;font:600 13px "Segoe UI",sans-serif;cursor:pointer;min-height:36px}
body:has(#app.hidden) .theme-toggle{left:auto;right:24px}
.theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
html[data-theme=light]{color-scheme:light;--bg:#e8eef5;--panel:#f1f5fa;--panel2:#e1eaf5;--line:#c3d1e2;--muted:#526880;--text:#182d46}
html[data-theme=light] body{background:radial-gradient(circle at 85% 10%,#d7e8f6 0,transparent 45%),var(--bg)}
html[data-theme=light] .auth-card,html[data-theme=light] .stat,html[data-theme=light] .panel{background:linear-gradient(145deg,#f3f6fa,#e9f0f7);border-color:var(--line);box-shadow:0 12px 35px #1836590c}
html[data-theme=light] aside,html[data-theme=light] main>header{background:#e5edf6ed}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea,html[data-theme=light] .search{background:#f4f7fb;color:var(--text);border-color:var(--line)}
html[data-theme=light] .auth-card label,html[data-theme=light] .fields label,html[data-theme=light] nav button{color:#405a79}
html[data-theme=light] nav button.active{background:#d1e3f8;color:#164c89;box-shadow:inset 3px 0 #287cff}
html[data-theme=light] nav button:hover,html[data-theme=light] .table tr:hover td{background:#dce9f7;color:var(--text)}
html[data-theme=light] .workspace,html[data-theme=light] .quick button,html[data-theme=light] .secondary{background:#e1eaf5;border-color:var(--line);color:var(--text)}
html[data-theme=light] .table th{background:#dbe6f3;color:#405b7a}
html[data-theme=light] .table td{color:var(--text);border-color:var(--line)}
html[data-theme=light] .table-wrap,html[data-theme=light] .trust,html[data-theme=light] dialog header,html[data-theme=light] dialog footer{border-color:var(--line)}
html[data-theme=light] .pill{background:#dbe7f5;color:#345678}
html[data-theme=light] .pill.green{background:#d1ebe2;color:#17634b}
html[data-theme=light] .empty b,html[data-theme=light] #menu{color:var(--text)}
html[data-theme=light] .stat small,html[data-theme=light] .stat span,html[data-theme=light] .profile>button{color:var(--muted)}
html[data-theme=light] dialog{background:#edf3f9;color:var(--text);border-color:var(--line)}
html[data-theme=light] .error{color:#ac263d!important}
html[data-theme=light] .heading small,html[data-theme=light] .auth-card small,html[data-theme=light] dialog header small{color:#2567a5}
html[data-theme=light] .trust{color:#226e5b}
@media(max-width:1100px){.search input{width:150px}}
@media(max-width:760px){.theme-toggle{left:58px;top:18px}.profile{margin-left:88px;gap:8px}.profile>div{display:none}main>header{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}