/* CSP-safe chart rules. Dynamic values use SVG attributes or native elements. */
.pie{border-radius:0;position:static}.pie::after{display:none}.pie svg{width:100%;height:100%}.pie-track{stroke:var(--panel2)}.pie-total{fill:var(--text);font-size:18px;font-weight:900}
.legend .color-0{background:#21d4a7}.legend .color-1{background:#4d9fff}.legend .color-2{background:#9a7cff}.legend .color-3{background:#ff9f43}.legend .color-4{background:#ff667d}
.bar-row progress{width:100%;height:11px;border:0;border-radius:99px;overflow:hidden;background:var(--panel2);accent-color:var(--accent)}
.bar-row progress::-webkit-progress-bar{background:var(--panel2)}.bar-row progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--accent))}.bar-row progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--accent))}
.chart-line,.chart-area,.chart-dot,progress{transition:all .45s ease}.chart-dot:hover{r:7;filter:drop-shadow(0 0 5px var(--accent))}.pie circle{transition:stroke-dasharray .45s ease,stroke-dashoffset .45s ease,stroke-width .2s ease;cursor:pointer}.pie circle:hover{stroke-width:36}