.charts-intro{margin-bottom:18px}.charts-intro p{margin:3px 0}.chart-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.chart-controls label{min-width:145px;margin:0}.chart-controls button{min-height:42px}.chart-range{margin:14px 0 0;font-size:12px}.chart-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-layout>.panel{margin:0;min-width:0}.chart-wide{grid-column:1/-1}.chart-card h2{font-size:17px}.chart-card>p{font-size:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:9px 18px;margin:16px 0 10px;color:#52677f;font-size:12px}.chart-legend>span{display:flex;align-items:center;gap:6px}.chart-swatch{display:inline-block;width:11px;height:11px;border-radius:3px}.swatch-0{background:#2865b5}.swatch-1{background:#dc8b3c}.swatch-2{height:3px;background:#347d69;border-radius:0}.chart-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}.chart-scroll svg{display:block;width:100%;max-height:310px;font:11px "Microsoft YaHei","PingFang SC",sans-serif;fill:#718096}.chart-grid-line{stroke:#e8edf4;stroke-dasharray:3 4}.chart-zero-line{stroke:#8293a5;stroke-width:1}.chart-year{font-size:9px;fill:#8c99aa}.chart-missing{fill:#9da8b6}.chart-month-picker{display:flex;overflow:auto;gap:7px;padding:7px 0 9px}.chart-month-picker button{flex-shrink:0;font-size:11px;padding:7px 10px;min-height:38px;font-variant-numeric:tabular-nums}.chart-month-picker button[aria-pressed="true"]{background:#edf4fd;border-color:#2865b5;color:#1f579d}.chart-readout{min-height:43px;padding:10px 12px;background:#f4f7fb;border-radius:6px;font-size:12px;color:#52677f;overflow-wrap:anywhere}.chart-empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fafd,#fff);border:1px dashed #dce5ef;border-radius:8px;padding:26px;text-align:center}.chart-empty-mark{font-size:28px;color:#7898bd;margin-bottom:10px}.chart-empty strong{font-size:14px;color:#506780}.chart-empty p{font-size:12px;max-width:290px;margin:9px 0 0}.chart-data{border-top:1px solid #e9eef5;margin-top:15px;padding-top:12px}.chart-data summary{padding:5px 0;color:#2865b5}.chart-data table{margin-top:12px}.chart-subtotals{display:flex;flex-wrap:wrap;gap:10px 20px;padding:11px 0 17px;font-size:12px;color:#63788f}.chart-subtotals b{display:block;color:#1d3550;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.rank-list{max-height:420px;overflow:auto;padding-right:5px}.rank-row{padding:13px 0;border-bottom:1px solid #eef2f7}.rank-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}.rank-label>span{min-width:0;overflow-wrap:anywhere}.rank-label strong{flex-shrink:0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.rank-label small{font-weight:400;color:#718399;font-size:10px;margin-left:4px}.rank-track{height:9px;background:#f0f4f9;border-radius:5px;margin:9px 0 6px;overflow:hidden}.rank-fill{height:100%;border-radius:5px}.rank-income{background:#2865b5}.rank-expense{background:#dc8b3c}.is-offset .rank-fill{background:#b86a75}.is-offset strong{color:#a74657}.rank-foot{font-size:11px;color:#74849a}.chart-footnote{font-size:11px!important;margin:12px 0;color:#718399}.account-chart{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.account-chart-row{padding:9px 0;min-width:0}.balance-track{position:relative;height:12px;background:#f1f5fa;border-radius:4px;margin:10px 0 7px}.balance-track>i{position:absolute;width:1px;background:#8d9eb1;height:18px;left:50%;top:-3px}.balance-bar{position:absolute;height:12px;border-radius:3px;top:0}.balance-positive{background:#347d69}.balance-negative{background:#b95161}.account-unknown{margin:9px 0 6px;background:#f5f6f8;color:#7f8995;padding:6px 9px;font-size:11px;border-radius:4px}.chart-metrics .metric.profit-negative .value{color:#ad4156}.chart-metrics .metric.profit-positive .value{color:#28745b}.chart-metrics .value{font-size:24px}.chart-quality details{margin:8px 0 0}.chart-status{margin:0 0 20px;padding:14px;border:1px solid #dce5ef;border-radius:8px;background:#f3f7fc}.overview-chart-card{margin-top:0}.overview-chart-card .panel-top{align-items:flex-start}aside{overflow-y:auto}
@media(max-width:950px){.chart-layout,.account-chart{grid-template-columns:1fr}.chart-wide{grid-column:auto}.chart-layout{gap:16px}}
@media(max-width:720px){.chart-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-controls label{min-width:0}.chart-controls button{min-height:44px}.chart-month-picker button{min-height:44px}.chart-legend{font-size:11px;gap:9px 12px}.chart-card{padding:17px}.chart-metrics .value{font-size:21px}.rank-label{font-size:12px;gap:8px}.rank-label strong{font-size:13px}.chart-readout{font-size:11px}.chart-data summary{min-height:44px;padding-top:12px}.chart-status{font-size:13px}}

.chart-plot{display:flex;align-items:flex-start;min-width:0}.chart-plot .chart-scroll{flex:1;min-width:0}.chart-axis{flex:0 0 54px;font:11px "Microsoft YaHei","PingFang SC",sans-serif;fill:#718096}.chart-plot .chart-scroll svg{max-height:none}