:root{--sc-accent:#1079ef;--sc-soft:#e9f2ff;--sc-text:#14365f;--sc-paper:#fff;--sc-ground:#f1f6fd;--sc-border:#d9e6f6}
html[data-appearance]{--blue:var(--sc-accent);--blue2:var(--sc-accent);--brand:var(--sc-accent);--ink:var(--sc-text);--text:var(--sc-text);--bg:var(--sc-ground);--card:var(--sc-paper);--line:var(--sc-border);color-scheme:light}
html[data-appearance="dark"]{--sc-text:#e6edf7;--sc-paper:#172335;--sc-ground:#0d1522;--sc-border:#344359;--sc-soft:#243247;color-scheme:dark}
html[data-appearance] body,html[data-appearance] main,html[data-appearance] #content{background-color:var(--sc-ground);color:var(--sc-text)}
html[data-appearance] .card,html[data-appearance] .stat,html[data-appearance] .plan,html[data-appearance] .access-card,html[data-appearance] .modal-card,html[data-appearance] .v23-card,html[data-appearance] dialog,html[data-appearance] .topbar,html[data-appearance] .workspace header{background:var(--sc-paper)!important;color:var(--sc-text)!important;border-color:var(--sc-border)!important}
html[data-appearance] input,html[data-appearance] select,html[data-appearance] textarea{background:var(--sc-paper)!important;color:var(--sc-text)!important;border-color:var(--sc-border)!important}
html[data-appearance] .primary,html[data-appearance] .btn-primary,html[data-appearance] .nav button.active,html[data-appearance] aside nav button.active{background:var(--sc-accent)!important;border-color:var(--sc-accent)!important;color:white!important}
html[data-appearance] .sidebar,html[data-appearance] aside{background:linear-gradient(165deg,color-mix(in srgb,var(--sc-accent) 55%,#06152a),#0a1830)!important}
html[data-appearance] .welcome-banner,html[data-appearance] .access-story{background:linear-gradient(125deg,color-mix(in srgb,var(--sc-accent) 60%,#091e41),var(--sc-accent))!important}
html[data-appearance="dark"] table th,html[data-appearance="dark"] .table th,html[data-appearance="dark"] .btn-secondary{background:var(--sc-soft)!important;color:#dce9fa!important}
html[data-appearance="dark"] td,html[data-appearance="dark"] th{border-color:var(--sc-border)!important}
html[data-appearance="dark"] h1,html[data-appearance="dark"] h2,html[data-appearance="dark"] h3,html[data-appearance="dark"] .stat strong{color:var(--sc-text)!important}
.sc-tools{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;gap:8px;flex-wrap:wrap}.sc-tools button{border:1px solid var(--sc-border);border-radius:24px;background:var(--sc-paper);color:var(--sc-text);padding:10px 16px;box-shadow:0 5px 18px #0002;cursor:pointer}.sc-appearance-dialog{width:min(430px,94vw);border:1px solid var(--sc-border);border-radius:20px;padding:24px;background:var(--sc-paper);color:var(--sc-text)}.sc-appearance-dialog::backdrop{background:#0008}.sc-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.sc-swatches button{border:2px solid transparent;border-radius:12px;padding:12px 2px;background:var(--sc-soft);color:var(--sc-text);cursor:pointer}.sc-swatches button[aria-pressed=true]{border-color:var(--sc-accent)}.sc-swatches i{display:block;width:26px;height:26px;margin:0 auto 6px;border-radius:50%}.sc-theme-modes{display:flex;gap:10px}.sc-appearance-dialog button{cursor:pointer}.sc-appearance-dialog label{display:block}.sc-appearance-dialog select{padding:10px;width:100%;border-radius:10px;margin-top:8px}.sc-company-identity{background:var(--sc-soft);color:var(--sc-text);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.sc-company-identity button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.sc-secret{font-family:Consolas,monospace;overflow-wrap:anywhere;user-select:all}.sc-access-note{padding:15px;background:var(--sc-soft);border-radius:12px;margin:16px 0}
@media(max-width:650px){.sc-tools{bottom:9px;right:9px}.sc-tools button{font-size:12px;padding:9px 12px}}
