WIP: Dashboard redesign — design system overhaul and component updates

Frontend redesign in progress: updated styles, layout, and components
across all pages to align with new design system. Includes Jira API
compliance specs, property tests, and load test script.

docs/design-system-redesign/preview/_card.css

@@ -0,0 +1,26 @@
+/* Shared preview card scaffold — used by every card in /preview */
+@import url('../colors_and_type.css');
+
+html, body {
+  margin: 0;
+  padding: 0;
+  background: var(--bg-page);
+  color: var(--fg-1);
+  font-family: var(--font-ui);
+  overflow: hidden;
+}
+
+.card {
+  padding: 20px 24px;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.card-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+.card-grid { display: grid; gap: 10px; }
+.col       { display: flex; flex-direction: column; gap: 6px; }
+.spacer    { flex: 1; }