.chart-container{width:100%;min-width:0;height:260px;font-size:11px}.chart-container .recharts-cartesian-axis-tick-value{fill:var(--text-2)}.chart-container .recharts-cartesian-grid line{stroke:var(--border);stroke-opacity:.45}.chart-container .recharts-rectangle.recharts-tooltip-cursor{fill:var(--bg-alt);fill-opacity:.6}.chart-container .recharts-curve.recharts-tooltip-cursor{stroke:var(--border-dark)}.chart-container .recharts-surface:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}.chart-tooltip{border:1px solid var(--border);background:var(--surface);min-width:160px;color:var(--text);box-shadow:var(--shadow-2);border-radius:8px;gap:9px;padding:11px 13px;font-size:12px;display:grid}.chart-tooltip__label{font-weight:600}.chart-tooltip__row{align-items:center;gap:8px;display:flex}.chart-indicator{border-radius:3px;flex:none;width:9px;height:9px;display:inline-block}.chart-tooltip__name{color:var(--text-2);flex:1}.chart-tooltip__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:8px;font-weight:500}:root{--chart-blue:#3b72bc;--chart-teal:#218778;--chart-amber:#bd8424;--chart-red:#c65750}html[data-theme=dark]{--chart-blue:#80adeb;--chart-teal:#62c6b4;--chart-amber:#e4b65e;--chart-red:#ee938d}.metric-card--blue{--metric-color:var(--chart-blue)}.metric-card--teal{--metric-color:var(--chart-teal)}.metric-card--amber{--metric-color:var(--chart-amber)}.metric-card--red{--metric-color:var(--chart-red)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{appearance:none;border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;text-align:left;box-shadow:var(--shadow-1);border-radius:10px;padding:19px;transition:border-color .15s,background .15s}.metric-card--clickable{cursor:pointer}.metric-card--clickable:hover{border-color:var(--metric-color);background:var(--row-hover)}.metric-card__top{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.metric-card__top>.anticon{background:var(--bg);color:var(--metric-color);border-radius:8px;padding:8px;font-size:17px}.metric-card__value{overflow-wrap:anywhere;letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:13px 0 7px;font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1.2;display:block}.metric-card__note{min-height:34px;color:var(--text-2);font-size:11px;display:block}.metric-card__link{color:var(--link);align-items:center;gap:6px;margin-top:12px;font-size:11px;font-weight:500;display:flex}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.chart-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-1);border-radius:10px;flex-direction:column;padding:22px;display:flex}.chart-card--wide{grid-column:1/-1}.chart-card__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chart-card__heading h3{color:var(--text);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:600}.chart-card__heading p{color:var(--text-2);margin:4px 0 0;font-size:12px}.chart-card__heading>.anticon{color:var(--text-3);font-size:18px}.chart-card__footer{color:var(--text-2);margin-top:auto;padding-top:16px;font-size:11px;line-height:1.6}.chart-card--wide .chart-card__footer{border-top:1px solid var(--bg-alt);margin-top:15px}.chart-card__empty{flex:1;place-items:center;min-height:225px;display:grid}.chart-donut{height:225px}.chart-donut__total{fill:var(--text);font-size:23px;font-weight:600}.chart-donut__caption{fill:var(--text-2);font-size:11px}.chart-legend{flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:15px 0 0;display:flex}.chart-legend>span{color:var(--text-2);align-items:center;gap:7px;font-size:11px;display:inline-flex}.chart-breakdown{gap:4px;display:grid}.chart-breakdown__row{width:100%;color:var(--text-2);font:inherit;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:9px 6px;font-size:12px;display:flex}button.chart-breakdown__row{cursor:pointer}button.chart-breakdown__row:hover{background:var(--row-hover)}.chart-breakdown__row strong{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.metric-card--clickable:focus-visible,button.chart-breakdown__row:focus-visible{outline:2px solid var(--link);outline-offset:3px}.chart-card--split{padding:16px 18px}.chart-card__body{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px;margin-top:8px;display:grid}.chart-card--split .chart-donut,.chart-card--split .chart-card__empty{height:160px;min-height:160px}.chart-card--split .chart-donut__total{font-size:17px}.chart-card--split .chart-donut__caption{font-size:10px}.chart-card--split .chart-breakdown{gap:0}.chart-card--split .chart-breakdown__row{padding:6px}.chart-card--split .chart-card__footer{border-top:1px solid var(--bg-alt);margin-top:10px;padding-top:10px}.metric-grid--compact .metric-card{padding:13px 16px}.metric-grid--compact .metric-card__top>.anticon{padding:6px;font-size:15px}.metric-grid--compact .metric-card__value{margin:6px 0 2px;font-size:22px}.metric-grid--compact .metric-card__note{min-height:0}.metric-grid--compact .metric-card__link{margin-top:8px}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.chart-grid{grid-template-columns:minmax(0,1fr)}.chart-card{padding:16px}.chart-card__body{grid-template-columns:130px minmax(0,1fr);gap:12px}.chart-card--split .chart-donut,.chart-card--split .chart-card__empty{height:130px;min-height:130px}.metric-grid{gap:10px}.metric-card{padding:13px}.metric-card__top{align-items:flex-start;font-size:11px}.metric-card__top>.anticon{padding:5px;font-size:14px}.metric-card__value{font-size:21px}}