body { background: #f5f7fa; }
.sidebar-card { top: 1rem; max-height: calc(100vh - 2rem); overflow-y: auto; }
.metric-card { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: .5rem; padding: 1rem; height: 100%; box-shadow: 0 .125rem .25rem rgba(0,0,0,.04); }
.metric-label { color: #6c757d; font-size: .82rem; margin-bottom: .35rem; }
.metric-value { font-size: 1.1rem; font-weight: 600; }
.chart-wrap { padding: .5rem; }
.chart-wrap .plotly-graph-div { width: 100% !important; }
.table { font-size: .82rem; }
.archive-table { max-height: 520px; overflow: auto; }
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { display: inline-block; }
@media (max-width: 991.98px) { .sidebar-card { position: static !important; max-height: none; } }