/* Hue is independent from light/dark mode. */
:root{--accent-1:#ae4a69;--accent-2:#762940;--accent-deep:#5d293a;--accent-soft:#f2dce3;--accent-glow:#9c4a6555}
:root[data-hue="indigo"]{--accent:#5869b2;--blue:#5869b2;--blue-2:#7887c9;--accent-1:#6677c1;--accent-2:#3b4d91;--accent-deep:#303a73;--accent-soft:#e2e6fa;--accent-glow:#6577c155}
:root[data-hue="emerald"]{--accent:#357b66;--blue:#357b66;--blue-2:#5ca990;--accent-1:#478f77;--accent-2:#24604d;--accent-deep:#244f42;--accent-soft:#dff1e9;--accent-glow:#438f7555}
:root[data-hue="amber"]{--accent:#a3692e;--blue:#a3692e;--blue-2:#ca9254;--accent-1:#b97b3a;--accent-2:#7c4a1e;--accent-deep:#71451f;--accent-soft:#f7ead6;--accent-glow:#b97b3a55}
.sidebar{background:radial-gradient(95% 70% at 100% 100%,var(--accent-deep) 0%,transparent 66%),linear-gradient(180deg,#24171c,#171113)}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 80%,transparent),transparent);box-shadow:inset 3px 0 var(--blue-2)}.sidebar nav a span,.nav-label,.sidebar nav a small,.brand small{color:color-mix(in srgb,var(--blue-2) 65%,white)}.avatar{background:var(--accent-soft);color:var(--accent-2)}.progress-track span,.button{background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.badge{background:var(--accent-soft);color:var(--accent-2)}.metric .hint,.metric .hint.warn{color:var(--accent-1)}.card,.admin-summary .card,.admin-data-card{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel) 85%,var(--accent-soft)))}
.progress-total-card,.progress-info-card{background:radial-gradient(85% 120% at 100% 0%,var(--accent-glow),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,#fff),color-mix(in srgb,var(--panel) 80%,var(--accent-soft)))}.progress-total-card .big-percent,.progress-quantity-card .big-quantity{color:var(--text)}.progress-total-card .progress-count,.progress-info-card .progress-count{color:var(--muted)}.progress-quantity-card .big-quantity{font-size:48px;line-height:1.08;margin:20px 0 19px}.progress-quantity-card .big-quantity span{font-size:26px;font-weight:700;color:var(--muted)}
.hue-menu{position:relative}.hue-popover{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:145px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.hue-popover.open{display:grid}.hue-popover button{border:0;background:transparent;color:var(--text);padding:9px 8px;border-radius:8px;text-align:left;cursor:pointer;display:flex;gap:8px;align-items:center}.hue-popover button:hover{background:var(--accent-soft)}.hue-popover i{width:13px;height:13px;border-radius:50%;background:#99435f}.hue-popover [data-hue="indigo"] i{background:#5869b2}.hue-popover [data-hue="emerald"] i{background:#357b66}.hue-popover [data-hue="amber"] i{background:#a3692e}
@media(prefers-color-scheme:dark){:root[data-theme="system"] .progress-total-card,:root[data-theme="system"] .progress-info-card{background:radial-gradient(85% 120% at 100% 0%,var(--accent-glow),transparent 72%),linear-gradient(135deg,#211a1d,#352228)}:root[data-theme="system"] .progress-total-card .big-percent,:root[data-theme="system"] .progress-quantity-card .big-quantity{color:#fff7f8}}
:root[data-theme="dark"] .progress-total-card,:root[data-theme="dark"] .progress-info-card{background:radial-gradient(85% 120% at 100% 0%,var(--accent-glow),transparent 72%),linear-gradient(135deg,#211a1d,#352228)}:root[data-theme="dark"] .progress-total-card .big-percent,:root[data-theme="dark"] .progress-quantity-card .big-quantity{color:#fff7f8}