.page-header{margin-bottom:var(--space-6)}.page-header h1{margin:0 0 var(--space-2);font-size:24px}.page-header p{max-width:70ch;margin:0}.panel{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-4)}.panel h2{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 var(--space-4);font-size:12px;font-weight:500}.spend-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}@media (width<=900px){.spend-grid{grid-template-columns:1fr}}.spend-chart-card,.spend-table-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm,6px);padding:var(--space-3) var(--space-4);min-width:0}.spend-chart-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:11px;display:flex}.spend-chart{width:100%;height:180px;display:block}.spend-chart-legend{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.spend-legend-dot{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.spend-legend-gap{width:4px;display:inline-block}.spend-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.spend-table th,.spend-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:6px 8px}.spend-table th{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.spend-table .num{text-align:right;font-family:var(--font-mono)}.spend-table tfoot td{padding-top:var(--space-2);border-bottom:none;font-size:11px}#actuals-section[data-state=error] .spend-chart,#clip-dist-section[data-state=error] .spend-chart{opacity:.4}.gh-breakdown-toggle{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.gh-breakdown-toggle label{color:#f5f5f799}.gh-breakdown-toggle .toggle-btn{color:#f5f5f7e6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:4px 10px;font-size:13px}.gh-breakdown-toggle .toggle-btn[aria-pressed=true]{background:#ffffff29;border-color:#ffffff4d}.est-badge{letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;color:var(--warning);border:1px solid var(--warning);background:#ffffff0f;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.62em;font-weight:600;display:inline-block}.cost-jump{gap:var(--space-2);margin-top:var(--space-2);color:var(--text-tertiary);flex-wrap:wrap;font-size:12px;display:flex}.cost-jump a{color:var(--accent);border-bottom:1px dashed #0000;text-decoration:none}.cost-jump a:hover{border-bottom-color:var(--accent)}.top-spenders-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.top-spenders-controls{align-items:center;gap:var(--space-3);display:flex}.top-spenders-select{border:1px solid var(--border-default);background:var(--canvas);color:var(--text-primary);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.top-spenders-link{color:var(--accent);border-bottom:1px dashed #0000;font-size:12px;text-decoration:none}.top-spenders-link:hover{border-bottom-color:var(--accent)}.model-link{margin-top:var(--space-2);color:var(--accent);border-bottom:1px dashed #0000;font-size:13px;text-decoration:none;display:inline-block}.model-link:hover{border-bottom-color:var(--accent)}#per-clip-section .spend-chart{overflow:visible}#per-clip-section .spend-table td .muted{font-size:.85em}.per-clip-mode-toggle{margin-bottom:10px}.chart-axis{height:14px;margin-top:2px;position:relative}.chart-tick{color:var(--text-secondary);white-space:nowrap;opacity:.7;font-size:9px;position:absolute;top:0;transform:translate(-50%)}.chart-readout{min-height:30px;color:var(--text-secondary);margin-bottom:4px;font-size:11px;line-height:1.5}.readout-stage{white-space:nowrap}.readout-stage-name{color:var(--text-primary)}.chart-dim{opacity:.25;transition:opacity 90ms ease-out}.spend-chart:focus-visible{outline:1px solid var(--border-subtle);outline-offset:2px}.per-clip-grain-toggle{margin-bottom:10px}.fleet-trend{color:var(--muted,#9aa0a6);margin:4px 0 10px;font-size:13px}.fleet-trend.warn{color:var(--warning)}.roster-status{white-space:nowrap;font-size:12px}.roster-status.st-scheduled{color:var(--success)}.roster-status.st-paused{color:var(--warning)}.roster-status.st-dispatch-only{color:var(--muted,#9aa0a6)}.roster-status.st-removed{color:var(--error)}.fleet-spark{color:var(--accent);display:block}.fleet-resolved-model{white-space:nowrap;font-size:11px}.roster-status.st-unknown{color:var(--muted,#9aa0a6)}.free-tier-row.is-close td{color:#fbbf24}.free-tier-row.is-over td{color:#fb7185}