.dashboard{max-width:1400px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading h2{font-size:22px;margin-bottom:0}.heading label{display:flex;align-items:center;gap:12px;white-space:nowrap}.heading select{padding:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}#freshness{padding:12px;border-left:3px solid var(--amber);background:var(--panel);color:var(--mut)}#freshness.warning{border-color:var(--stop);color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cards article,.plot{background:var(--panel);border:1px solid var(--line);padding:20px}.cards h3,.plot h3{font-size:13px;font-weight:normal;margin:0 0 12px}.cards strong{font-size:32px;font-weight:normal;font-variant-numeric:tabular-nums;color:var(--amber)}.cards p{font-size:11px;color:var(--mut);margin-bottom:0}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.plot>h3{color:var(--ink)}.bars{height:170px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 41px,var(--line) 42px,transparent 43px)}.bar{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}.bar>i{display:block;background:var(--amber);width:100%;min-height:1px}.bar>em{position:absolute;bottom:0;background:var(--stop);width:50%;min-height:0}.bar.gap{background:var(--raise)}.axis{display:flex;justify-content:space-between;color:var(--mut);font-size:10px;margin-top:8px}.histogram{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px}.hist-bin{min-width:0;text-align:center;color:var(--mut);font-size:11px}.hist-bar{height:120px;display:flex;align-items:flex-end;justify-content:center;margin:8px 0}.hist-bar i{display:block;width:70%;background:var(--amber);min-height:1px}.hist-bin strong{color:var(--ink);font-weight:normal}.detail{display:grid;grid-template-columns:1fr auto;gap:8px}.detail dt{color:var(--mut)}.detail dd{margin:0;text-align:right}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}th{color:var(--mut);font-weight:normal}td.stale{color:var(--stop)}@media(max-width:800px){.chart-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.histogram{gap:4px}.hist-bin{font-size:9px}.heading{align-items:flex-start;flex-direction:column}.cards strong{font-size:25px}}