.theme-picker{display:flex;gap:5px}.theme-picker button{padding:6px 10px;background:transparent;border-color:transparent;font-size:17px}.theme-picker .selected{background:#e7eddf;border-color:#c9d5bc}
html[data-theme=dark]{color-scheme:dark;background:#101712;color:#dce9dc}
html[data-theme=dark] aside{background:#121c16;border-color:#29382b}
html[data-theme=dark] .panel,html[data-theme=dark] .metrics article,html[data-theme=dark] .login-card,html[data-theme=dark] dialog{background:#19251d;color:#dce9dc;border-color:#2a3b2c}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] button{background:#213027;color:#dce9dc;border-color:#344936}
html[data-theme=dark] button:hover{background:#304535}
html[data-theme=dark] .primary{background:#b3e779;color:#172415;border-color:#b3e779}
html[data-theme=dark] .metrics .profit-card{background:#2a3e23;border-color:#4a6239}
html[data-theme=dark] .profit-card h2{color:#c2ed90}
html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] .metrics article>p{color:#9bac99}
html[data-theme=dark] th,html[data-theme=dark] .quick,html[data-theme=dark] .segments{background:#162019}
html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] header,html[data-theme=dark] .workspace,html[data-theme=dark] .insight{border-color:#2a3b2c}
html[data-theme=dark] nav button.active,html[data-theme=dark] .segments .selected,html[data-theme=dark] .theme-picker .selected{background:#30452b;color:#c2ed90}
html[data-theme=dark] .badge,html[data-theme=dark] .product-icon,html[data-theme=dark] code{background:#2d4027;color:#b5d69a}
html[data-theme=dark] .positive{color:#afd48e}
html[data-theme=dark] .progress{background:#29392b}
html[data-theme=dark] .login{background:radial-gradient(ellipse at 15% 20%,#243a25,transparent 60%)}
html[data-theme=dark] #chart svg line{stroke:#2c3b2d}
html[data-theme=dark] #chart svg path[stroke="#547249"]{stroke:#b1e47b}
html[data-theme=blue]{color-scheme:light;background:#eef3fb;color:#213c66}
html[data-theme=blue] aside{background:#f6f9ff;border-color:#dce5f3}
html[data-theme=blue] .panel,html[data-theme=blue] .metrics article{border-color:#dce5f3}
html[data-theme=blue] .primary{background:#3567ca;border-color:#3567ca;color:#fff}
html[data-theme=blue] .metrics .profit-card,html[data-theme=blue] nav button.active,html[data-theme=blue] .theme-picker .selected{background:#dde9ff;border-color:#c6d8fa;color:#2c59b0}
html[data-theme=blue] .profit-card h2,html[data-theme=blue] .positive{color:#3567ca}
html[data-theme=blue] .mark{background:#caddff;color:#3567ca}
html[data-theme=blue] .segments,html[data-theme=blue] .quick,html[data-theme=blue] th{background:#f1f5fd}
html[data-theme=blue] .badge,html[data-theme=blue] .product-icon,html[data-theme=blue] code{background:#e6efff;color:#3567ca}
html[data-theme=blue] #chart svg path[stroke="#547249"]{stroke:#3567ca}
html[data-theme=blue] #chart svg path[stroke="#a7bd81"]{stroke:#8cb6fb}
html[data-theme=blue] .progress-fill{background:#3567ca}
html[data-theme=blue] .product-row:nth-child(2) .progress-fill{background:#8cb6fb}