.analytics-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 10px;padding:2px;scrollbar-width:none}.analytics-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);padding:9px 12px;font-weight:750}.analytics-tabs button.active{background:var(--brand2);border-color:var(--brand);color:#fff}.visual-analytics{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:16px;box-shadow:0 8px 22px #0d94881c}.analytics-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-summary-grid>div{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--panel2)}.analytics-summary-grid small,.analytics-summary-grid b{display:block}.analytics-summary-grid small{color:var(--muted);margin-bottom:6px}.analytics-summary-grid b{font-size:18px}.analytics-note{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:12px}.pie-layout{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;gap:18px;align-items:center}.donut{width:min(220px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto}.donut>div{width:58%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--panel);padding:8px}.donut small,.donut b{display:block}.donut small{font-size:9px;color:var(--muted)}.donut b{font-size:13px;margin-top:4px}.pie-legend{display:grid;gap:6px}.pie-legend button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);text-align:left;padding:7px}.pie-legend i{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.pie-legend span,.pie-legend b,.pie-legend small{display:block}.pie-legend small{color:var(--muted);margin-top:3px}.chart-key{display:flex;gap:16px;color:var(--muted);font-size:11px;margin-bottom:8px}.chart-key span:before{content:'';display:inline-block;width:10px;height:3px;margin-right:6px;border-radius:3px;vertical-align:middle}.key-income:before{background:#0f9f8d}.key-expense:before{background:#c62836}.svg-chart{overflow:hidden}.svg-chart svg{display:block;width:100%;min-height:190px}.svg-chart .axis{stroke:var(--line);stroke-width:2}.chart-labels{display:flex;justify-content:space-between;gap:5px;overflow:hidden;color:var(--muted);font-size:9px}.chart-labels span{min-width:0;white-space:nowrap}.candle-up line,.candle-up rect{stroke:#0f9f8d;fill:#0f9f8d}.candle-down line,.candle-down rect{stroke:#c62836;fill:#c62836}.candle-up line,.candle-down line{stroke-width:3}.expense-detail-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.expense-detail-head small{color:var(--muted)}.expense-detail-list button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:13px 0;text-align:left}.expense-detail-list span,.expense-detail-list b,.expense-detail-list small,.expense-detail-list strong{display:block}.expense-detail-list small{color:var(--muted);margin-top:3px}.expense-detail-list strong{text-align:right;color:#b4232f}.expense-rank{display:grid!important;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--panel2);font-weight:850}.spending-alert b,.spending-alert small{display:block}.spending-alert small{margin-top:5px;font-weight:650}.financial-attention{border-color:#c66a00!important;background:#fff7e8!important;color:#7a3e00!important}.financial-warning{border-color:#c62836!important;background:#fff0f1!important;color:#8f1724!important}.financial-critical{border-color:#8f101d!important;background:#ffe7e9!important;color:#700a14!important}.light .financial-attention,.light .financial-warning,.light .financial-critical{color:inherit}.light .visual-analytics{box-shadow:0 8px 22px #0d948814}@media(max-width:520px){.pie-layout{grid-template-columns:1fr}.donut{width:190px}.analytics-summary-grid{gap:8px}.analytics-summary-grid>div{padding:12px}.expense-detail-list button{grid-template-columns:25px 1fr}.expense-detail-list strong{grid-column:2;text-align:left;display:flex;gap:8px;align-items:center}.svg-chart svg{min-height:165px}}