templates, handlers, CSS, JS: special cakes UI, HTMX nav, dashboard overhaul

Special cakes UI: overlay drawer, basket integration, catalogue tag
filter, form parsing, JS save/edit/remove.
HTMX navigation: MainContent component, nav links with hx-get,
handlers return partial on HX-Request.
Dashboard: metrics grid, CakeBreakdown, OrderRow with status select,
CakeCounts/OrderCounts, torty filter, tort badge, results-pane.
Collapsible sidebar: toggle button, localStorage, CSS transitions.
Location field: dropdown replaced with pill toggle.
Inline style cleanup: moved to CSS classes (tag-grid, grow, icon.sm,
header-actions, toggle-group, success-icon, etc.).
Dead CSS removal: pagination, status-chip, badge-pill, login-page.
Helpers: exported CakeTitle/OrderTitle, added tagNames, tagIDsComma,
orderItemsDesc, specialCakeDetail, removed unused helpers.

server/static/card.css

@@ -55,7 +55,7 @@
 /* ========== METRICS GRID ========== */
 .metrics-grid {
     display: grid;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(2, 1fr);
     gap: 0.75rem;
 
     > div {
@@ -128,21 +128,21 @@
     gap: 1rem;
     flex: 1;
     min-height: 0;
+}
 
-    > div:first-child {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-        min-width: 0;
-    }
+.order-left {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    min-width: 0;
+}
 
-    > aside {
-        width: 20rem;
-        flex-shrink: 0;
-        display: flex;
-        flex-direction: column;
-    }
+.order-aside {
+    width: 20rem;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
 }
 
 @media (max-width: 64em) {
@@ -150,7 +150,7 @@
         flex-direction: column;
     }
 
-    .split-pane > aside {
+    .order-aside {
         width: 100%;
     }
 }
@@ -237,5 +237,6 @@
 
     .text-muted {
         color: var(--on-surface-variant);
+        font-weight: 400;
     }
 }