:root{--bg: #e9eced;--text: #1e1e2f;--card-bg: #ffffff;--form-bg: #ffffff;--input-bg: #f0f0f5;--label-color: #333333;--border-color: #cccccc;--shadow: rgba(0, 0, 0, .1);--primary: #007bff;--primary-hover: #0056b3;--highlight: #00bfff;--highlight-hover: #0099cc;--danger: #ff4d4f;--danger-hover: #d9363e;--error: #ff6b6b;--muted-text: #bbbbbb;--footer-border: #dddddd;--gray: #6c757d}body.dark{--bg: #29293c;--text: #ffffff;--card-bg: #1e1e2f;--form-bg: #1e1e2f;--input-bg: #2a2a40;--label-color: #cccccc;--border-color: #444444;--shadow: rgba(0, 0, 0, .3);--primary: #00bfff;--primary-hover: #0099cc;--highlight: #00bfff;--highlight-hover: #0099cc;--danger: #ff4d4f;--danger-hover: #d9534f;--error: #ff6b6b;--muted-text: #bbbbbb;--footer-border: #333333;--gray: #6c757d}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}html,body{height:100%;width:100%}body{background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}.category-chart-container{max-width:500px;margin:100px auto;padding:1rem;border-radius:12px;background-color:var(--card-bg);box-shadow:0 4px 12px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.chart-title{text-align:center;margin-bottom:1rem;font-size:1.5rem;font-weight:600;color:var(--text)}.spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:80vh}