.report-filters{display:grid;gap:16px}
.report-date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px}
.report-date-range label,.report-filter-grid label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:600;min-width:0}
.report-date-range input,.report-filter-grid select{min-width:0;max-width:100%}

.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.report-card{min-width:0;overflow:hidden}
.report-card h2{font-size:18px;margin:0 0 12px}
.bar-chart{overflow-x:auto;padding:10px 2px 2px}
.bar-chart-plot{min-width:max(100%,420px);height:220px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(58px,1fr);align-items:end;gap:9px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 54px,var(--border) 55px,transparent 56px)}
.bar-column{height:100%;min-width:0;display:grid;grid-template-rows:22px 1fr 24px;justify-items:center;align-items:end;gap:3px}
.bar-value{font-size:10px;line-height:1.1;color:var(--muted);white-space:nowrap}
.bar-track{height:100%;width:min(28px,65%);display:flex;align-items:end}
.bar-fill{display:block;width:100%;min-height:3px;border-radius:6px 6px 0 0;background:var(--accent)}
.bar-label{font-size:11px;color:var(--muted);white-space:nowrap}
.report-metric{display:grid;grid-template-columns:minmax(90px,1fr) minmax(35px,1.2fr) auto;align-items:center;gap:9px;margin:12px 0}
.report-metric-label{overflow-wrap:anywhere}
.report-track{height:9px;border-radius:99px;background:var(--surface2);overflow:hidden}
.report-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.report-metric strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.report-summary{margin:0}
.report-summary>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}
.report-summary>div:last-child{border-bottom:0}
.report-summary dt{color:var(--muted)}
.report-summary dd{margin:0;text-align:right;font-weight:650;overflow-wrap:anywhere}
.report-empty{margin:0;padding:22px 8px;text-align:center;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:760px){.report-grid{grid-template-columns:minmax(0,1fr)}.report-date-range{grid-template-columns:repeat(2,minmax(0,1fr))}.report-date-range .button{grid-column:1/-1}.report-metric{grid-template-columns:minmax(75px,1fr) minmax(28px,1.2fr) auto;gap:7px}.report-metric-label,.report-metric strong{font-size:13px}}
:root{--chart-1:#5978dc;--chart-2:#3f998d;--chart-3:#c78943;--chart-4:#a779bc;--chart-5:#cd697e;--chart-6:#728da4}
[data-theme=dark]{--chart-1:#879eeb;--chart-2:#71bdac;--chart-3:#d9ac70;--chart-4:#be9bd0;--chart-5:#e592a1;--chart-6:#99b0c2}
.pie-layout{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);align-items:center;gap:20px;margin:18px 0}
.pie-chart{width:100%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border)}
.pie-legend{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pie-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:13px}
.pie-swatch{width:10px;height:10px;border-radius:3px}
.pie-legend li>span:nth-child(2){overflow-wrap:anywhere}
.pie-legend strong{text-align:right;font-variant-numeric:tabular-nums}
.pie-legend small{display:block;color:var(--muted);font-weight:400}
.report-tag-notes{border-top:1px solid var(--border);padding-top:12px}
.report-tag-notes h3{font-size:15px;margin:0 0 12px}
.report-tag-notes h4{font-size:13px;margin:16px 0 6px;overflow-wrap:anywhere}
.report-tag-notes ul{list-style:none;padding:0;margin:0}
.report-transaction{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}
.report-tx-title{min-width:0;overflow-wrap:anywhere;font-size:13px}
.report-tx-title small{display:block;color:var(--muted);margin-top:3px;font-size:11px}
.report-transaction strong{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:420px){.pie-layout{grid-template-columns:minmax(0,1fr)}.pie-chart{width:145px;justify-self:center}}

.pie-legend strong{min-width:0;overflow-wrap:anywhere}
.report-transaction{flex-wrap:wrap}
.report-transaction strong{max-width:100%;white-space:normal;overflow-wrap:anywhere;margin-left:auto}
.bar-value{white-space:normal;overflow-wrap:anywhere;text-align:center}
.bar-column{grid-template-rows:auto 1fr 24px}
.bar-chart-plot{min-width:100%;width:max-content}

@media(max-width:760px){.report-date-range input{padding-inline:4px;font-size:12px;font-weight:400}}
