body{background-color:var(--bg-primary);color:var(--text-primary)}.bg-bg-primary{background-color:var(--bg-primary)}.bg-bg-secondary{background-color:var(--bg-secondary)}.bg-bg-card{background-color:var(--bg-card)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.border-border-color{border-color:var(--border-color)}.bg-accent-primary{background-color:var(--accent-primary)}.bg-accent-secondary{background-color:var(--accent-secondary)}.text-accent-primary{color:var(--accent-primary)}.text-accent-secondary{color:var(--accent-secondary)}.focus\:ring-accent-primary:focus{--tw-ring-color: var(--accent-primary)}.focus\:border-accent-primary:focus{border-color:var(--accent-primary)}.circular-chart{display:block;margin:10px auto;max-width:80%;max-height:250px}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.orange .circle{stroke:#ff9f43}.circular-chart.green .circle{stroke:#4caf50}.circular-chart.blue .circle{stroke:#2196f3}.percentage{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}