not bad

styles.css

@@ -319,20 +319,56 @@ select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px
 }
 
 /* ---------- Table ---------- */
-.table-wrap { overflow-x: auto; }
+/* Bounded height so the table body scrolls (both axes) while the header row
+   stays put. */
+.table-wrap { overflow: auto; max-height: 70vh; }
 table { width: 100%; border-collapse: collapse; font-size: 14px; }
-thead th {
+.table-wrap thead th {
+  position: sticky; top: 0; z-index: 2;
+  background: var(--surface);
   text-align: left; font-size: 11.5px; letter-spacing: .05em;
   text-transform: uppercase; color: var(--muted);
-  padding: 10px 12px; border-bottom: 1px solid var(--border);
+  padding: 10px 12px; box-shadow: inset 0 -1px 0 var(--border);
   font-weight: 600;
 }
-tbody td { padding: 11px 12px; border-bottom: 1px solid var(--surface-2); }
-tbody tr:last-child td { border-bottom: none; }
-tbody tr:hover td { background: var(--surface-2); }
-th.num, td.num { text-align: right; font-variant-numeric: tabular-nums; }
+.table-wrap tbody td { padding: 11px 12px; border-bottom: 1px solid var(--surface-2); }
+.table-wrap tbody tr:last-child td { border-bottom: none; }
+.table-wrap tbody tr:hover td { background: var(--surface-2); }
+.table-wrap th.num, .table-wrap td.num { text-align: right; font-variant-numeric: tabular-nums; }
 tr.total td { font-weight: 700; background: var(--accent-soft); }
 tr.total:hover td { background: var(--accent-soft); }
+tr.summary td { font-weight: 700; background: var(--accent-soft); }
+tr.summary:hover td { background: var(--accent-soft); }
+
+/* ---------- PivotTable.js experiment ---------- */
+#pivot { overflow-x: auto; }
+.panel-head-actions { display: flex; align-items: center; gap: 12px; }
+
+/* ---------- Per-dashboard table filters ---------- */
+.table-filters {
+  display: flex;
+  align-items: flex-end;
+  gap: 14px;
+  flex-wrap: wrap;
+  margin-bottom: 16px;
+}
+.table-filters input {
+  border: 1px solid var(--border);
+  background: var(--surface-2);
+  padding: 9px 12px;
+  border-radius: 10px;
+  font-size: 14px;
+  font-family: inherit;
+  color: var(--text);
+  min-width: 150px;
+  transition: border-color .15s, box-shadow .15s, background .15s;
+}
+.table-filters input:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--accent-soft);
+  background: #fff;
+}
 
 .pill {
   display: inline-block; padding: 2px 9px; border-radius: 999px;