:root{--bg: #111113;--surface: #1a1a1e;--text-dim: #9a9aa3;--text-faint: #6d6d77;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--good: #199e70;--warn: #d95926}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}.app{padding:12px 14px 32px}.header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.header-actions{margin-left:auto;display:flex;gap:8px}.sample-banner{margin-bottom:12px;align-items:center}.sample-banner .ant-alert-action{margin-left:12px}.tab{display:flex;flex-direction:column;gap:10px}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.col{display:flex;flex-direction:column;gap:10px;min-width:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.rows{display:flex;flex-direction:column;gap:6px}.row-card{display:grid;grid-template-columns:1fr 72px 72px 104px 68px auto;gap:6px;align-items:end}.row-card-account{grid-template-columns:1fr 150px 116px auto}.row-total{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:2px;min-width:0}.field-label{font-size:.72rem;color:var(--text-dim);display:flex;gap:6px;align-items:baseline;white-space:nowrap}.field-hint{color:var(--text-faint);font-size:.68rem}.full-width{width:100%}.chart-plot{position:relative}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px;font-size:.72rem;color:var(--text-dim)}.legend-item{display:flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.swatch-dashed{height:0;width:14px;border-top:2px dashed var(--text-dim);border-radius:0}.grid{stroke:#2e2e36;stroke-width:1}.axis-text{fill:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums}.band-gap{fill:none;stroke:var(--surface);stroke-width:2}.real-line{fill:none;stroke:var(--text-dim);stroke-width:2;stroke-dasharray:5 4}.crosshair{stroke:var(--text-faint);stroke-width:1}.marker{stroke:var(--surface);stroke-width:2}.tooltip{position:absolute;top:8px;transform:translate(-50%);background:#232329;border:1px solid #2e2e36;border-radius:10px;padding:10px 12px;font-size:.8rem;min-width:210px;pointer-events:none;box-shadow:0 8px 24px #00000073;z-index:5}.tooltip-title{color:var(--text-dim);margin-bottom:6px;font-size:.75rem}.tooltip-row{display:flex;align-items:center;gap:8px;padding:2px 0;color:var(--text-dim)}.tooltip-value{margin-left:auto;color:#e8e8ea;font-variant-numeric:tabular-nums}.tooltip-total{border-top:1px solid #2e2e36;margin-top:5px;padding-top:6px;color:#e8e8ea}.bars{display:flex;flex-direction:column;gap:5px}.bar-row{display:grid;grid-template-columns:84px 1fr 104px;align-items:center;gap:8px;font-size:.78rem}.bar-label{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#232329;border-radius:4px;height:11px}.bar-fill{background:var(--series-1);height:100%;border-radius:4px;min-width:3px}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.bar-pct{color:var(--text-faint);margin-left:6px;display:inline-block;width:30px}.num{font-variant-numeric:tabular-nums}@media(max-width:1500px){.columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.columns{grid-template-columns:1fr}}@media(max-width:620px){.grid-2{grid-template-columns:1fr}.row-card,.row-card-account{grid-template-columns:1fr 1fr}.header-actions{margin-left:0;width:100%}}