.insight-intro{margin-bottom:18px}
.insight-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px}
.insight-mode-tabs{display:flex;gap:4px;padding:4px;border-radius:11px;background:var(--surface-alt)}
.insight-mode-tabs button{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer}
.insight-mode-tabs button.active{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px var(--shadow)}
.insight-period-nav{display:flex;align-items:center;justify-content:center;gap:9px;min-width:150px}
.insight-period-nav strong{min-width:106px;text-align:center;color:var(--text);font-size:12px}
.insight-period-nav .tiny{display:grid;place-items:center;width:30px;height:30px;font-size:20px;line-height:1;background:var(--surface-alt);color:var(--text)}
.insight-picker{width:auto;min-width:145px;max-width:175px;height:38px;padding:8px 10px}
.insight-year{min-width:90px;max-width:90px}
.insight-download{margin-left:auto;white-space:nowrap}
.insight-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.insight-stat{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;min-height:105px;margin:0}
.insight-stat span{color:var(--muted);font-size:11px;font-weight:750}
.insight-stat strong{color:var(--text);font-size:clamp(19px,2vw,27px);letter-spacing:-.05em;overflow-wrap:anywhere}
.insight-stat strong.income{color:#158b72}
.insight-stat strong.expense{color:#cf5268}
:root[data-theme="dark"] .insight-stat strong.income{color:#55d3a8}
:root[data-theme="dark"] .insight-stat strong.expense{color:#ff9dad}
.insight-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px}
.insight-panels>.card,.insight-categories{margin:0;min-width:0}
.insight-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.insight-panel-head h2,.insight-breakdown h2,.insight-categories h2{margin:0}
.insight-chart-key{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px;font-weight:700}
.insight-chart-key span{display:flex;align-items:center;gap:5px}
.insight-chart-key i{display:block;width:9px;height:9px;border-radius:3px}
.insight-chart-key .income-bar,.insight-trend-bars .income-bar{background:linear-gradient(180deg,#4ed6ad,#168b75)}
.insight-chart-key .expense-bar,.insight-trend-bars .expense-bar{background:linear-gradient(180deg,#ffb0a2,#df6179)}
.insight-trend-chart{display:flex;align-items:end;gap:4px;height:245px;overflow-x:auto;padding:18px 0 0;border-bottom:1px solid var(--border)}
.insight-trend-group{flex:1 0 34px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:34px;height:100%;color:var(--muted);font-size:10px;font-weight:700;text-align:center}
.insight-trend-bars{display:flex;align-items:end;justify-content:center;gap:3px;width:100%;height:194px;padding:0 5px;border-bottom:1px solid var(--border)}
.insight-trend-bars i{display:block;flex:1;max-width:18px;min-height:0;border-radius:5px 5px 0 0}
.insight-trend-group>span{white-space:nowrap}
.insight-donut{display:grid;place-items:center;width:min(215px,100%);aspect-ratio:1;border-radius:50%;margin:22px auto 4px}
.insight-donut>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64%;aspect-ratio:1;border-radius:50%;background:var(--surface);color:var(--text);text-align:center}
.insight-donut strong{font-size:22px;letter-spacing:-.05em}
.insight-donut small{color:var(--muted);font-size:10px}
.insight-category-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto 42px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px;color:var(--text)}
.insight-category-row:last-child{border-bottom:0}
.insight-category-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere;font-weight:750}
.insight-category-row strong{text-align:right}
.insight-category-row small{text-align:right;color:var(--muted)}
.insight-category-dot{width:9px;height:9px;border-radius:50%}
.insight-empty{margin:18px 0 0;color:var(--muted);font-size:12px}
@media(max-width:1050px){.insight-panels{grid-template-columns:1fr}.insight-donut{width:190px}}
@media(max-width:760px){.insight-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-controls{align-items:stretch}.insight-mode-tabs{flex:1}.insight-mode-tabs button{flex:1}.insight-download{margin-left:0}}
@media(max-width:520px){.insight-controls{gap:9px;padding:12px}.insight-mode-tabs{width:100%;flex:none}.insight-period-nav{flex:1;justify-content:flex-start}.insight-picker{flex:1;min-width:0}.insight-download{width:100%}.insight-stat{min-height:88px;padding:15px}.insight-stat strong{font-size:19px}.insight-trend-chart{height:218px}.insight-trend-bars{height:165px}}