.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-panel{align-items:end;margin-bottom:22px}.filter-panel label{min-width:160px}.dashboard-trend,.report-panel,.report-grid{margin-bottom:22px}.muted{color:#71828f;line-height:1.5}.month-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.month-pill{display:grid;gap:7px;background:#f4f8fa;border:1px solid #e4ecef;border-radius:10px;padding:15px}.month-pill strong{color:#183a4a}.month-pill span{color:#536c79;font-size:13px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.legend{display:flex;gap:17px;color:#637783;font-size:12px;margin:0 0 15px}.legend span{display:flex;align-items:center;gap:6px}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px}.swatch.revenue,.bar.revenue{background:#0d7775}.swatch.expense,.bar.expense{background:#e5a23e}.bar-cell{min-width:135px}.bar{height:7px;border-radius:5px;margin:3px 0;min-width:2px}.bar[style="width:0%"]{min-width:0}.error-box{margin-bottom:15px}@media(max-width:1050px){.month-pills{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}@media(max-width:720px){.page-head{flex-wrap:wrap}.head-actions{width:100%}.head-actions .button{flex:1}.filter-panel{padding:14px}.filter-panel label{width:100%}.filter-panel .button{flex:1}.month-pills{grid-template-columns:1fr}.report-grid .panel,.report-panel{padding:15px}}
.chart-rows{display:grid;gap:7px}.chart-row{display:grid;grid-template-columns:75px minmax(0,1fr);gap:12px;align-items:center;border-bottom:1px solid #edf1f3;padding:8px 0}.chart-bars{display:grid;gap:3px}.chart-bar-row{display:grid;grid-template-columns:64px minmax(0,1fr) 130px;align-items:center;gap:8px;font-size:12px;color:#5c707b}.chart-bar-row small{text-align:right}.chart-track{width:100%;background:#edf2f4;border-radius:5px;min-height:9px}.chart-track .bar{height:9px;margin:0}.ranking-chart{display:grid;gap:14px}.ranking-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px}.ranking-item strong,.ranking-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-item strong{font-size:13px}.ranking-item small{color:#748692;font-size:11px;margin-top:2px}.ranking-item>span{font-weight:700;font-size:12px;white-space:nowrap}.ranking-item .chart-track{grid-column:1/-1}.badge{display:inline-block;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.badge.active{background:#e1f4ec;color:#14684a}.badge.inactive{background:#edf0f3;color:#63717b}.tab-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab-links a{display:inline-block;padding:8px 14px;border-radius:9px;background:#edf2f4;color:#305568;font-weight:700}.tab-links a.selected{background:#0d7775;color:#fff}@media(max-width:720px){.chart-row{grid-template-columns:1fr}.chart-bar-row{grid-template-columns:53px minmax(0,1fr) 95px}.chart-bar-row small{font-size:10px}.ranking-item{grid-template-columns:minmax(0,1fr) auto}}
input[type=checkbox]{width:20px;height:20px;accent-color:#0d7775;padding:0}
.line-chart{margin:16px 0 10px}.line-chart svg{display:block;width:100%;height:190px;border:1px solid #e7edef;border-radius:10px;background:linear-gradient(#fff,#f9fcfc)}.line-chart .axis{stroke:#b9c9ce;stroke-width:1}.line-chart .gridline{stroke:#e7edef;stroke-width:1;stroke-dasharray:3 4}.line-chart polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line-revenue{stroke:#0d7775}.line-expense{stroke:#e5a23e}.dot-revenue{fill:#0d7775}.dot-expense{fill:#e5a23e}.line-labels{display:flex;justify-content:space-between;color:#71828f;font-size:12px;margin-top:5px}.chart-detail{margin-top:12px}.chart-detail summary{cursor:pointer;color:#145a7b;font-weight:700}.chart-detail .chart-rows{margin-top:14px}.donut-layout{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.donut{height:200px;width:200px;border-radius:50%;flex:none;display:grid;place-items:center}.donut-hole{height:116px;width:116px;border-radius:50%;background:white;display:grid;align-content:center;justify-items:center;font-size:25px;font-weight:800;color:#263f4a}.donut-hole small{display:block;font-size:12px;color:#71828f;font-weight:500}.donut-legend{display:grid;gap:12px;flex:1;min-width:240px}.donut-legend>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:9px;font-size:13px}.donut-legend strong{white-space:nowrap}@media(max-width:720px){.donut-layout{justify-content:center}.donut-legend{min-width:100%}.donut-legend>div{grid-template-columns:12px minmax(0,1fr)}.donut-legend strong{grid-column:2}}