.chart-wrap{background:#fff;padding:30px;border-radius:6px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:900px;margin:0 auto}.chart-box{width:100%;height:200px;position:relative}.chart-svg{width:100%;height:100%}.chart-path{fill:none;stroke:#10b981;stroke-width:2.5;transition:all .3s ease}.chart-area{fill:url(#cmbGradient);opacity:.3}.chart-grid{stroke:#e5e7eb;stroke-width:1;opacity:.5}.chart-label{font-size:11px;fill:#9ca3af}.filters{display:flex;gap:10px;margin-top:15px;justify-content:center}.filter-btn{padding:6px 16px;background:#f3f4f6;border:none;border-radius:4px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:#10b981;color:#fff}