Redesign dashboard: refined-minimal layout with product thumbnails

Move the dashboard from boxed glass cards to an airy, hairline-separated
layout where type and whitespace carry the page, then surface listing
images as the visual anchor.

- Solid surfaces (drop backdrop-filter glass, per spec); calm flat field
  with a single cool top-glow replacing the drifting aurora and dot-grid.
- Recent results / recent alerts are now product feeds with 52px
  thumbnails, listing titles, and price; image_url threaded through
  ResultRow/AlertRow (data already stored, just unsurfaced).
- ListResults gains an OnlyAlerted filter so the alerts panel reuses its
  decryption path instead of a raw query.
- Dashboard recent results capped at 8 for a balanced snapshot.

static/css/retro.css

@@ -23,17 +23,20 @@ body {
 
 html {
   background-color: var(--bg);
-  /* Static dot-grid baked into the root background so the two pseudo-element
-     slots stay free for the animated blobs. */
+  /* Refined direction: dot-grid and drifting blobs removed. A single calm,
+     cool top-glow gradient gives the field depth without reading as a smudge
+     or animating in the user's peripheral vision. */
   background-image: radial-gradient(
-    circle,
-    rgba(255, 255, 255, 0.045) 1px,
-    transparent 1px
+    120% 75% at 50% -15%,
+    #1f3074 0%,
+    var(--bg) 58%
   );
-  background-size: 26px 26px;
   background-attachment: fixed;
 }
 
+/* Retire the animated aurora blobs for the refined look. */
+html::before, html::after { display: none; }
+
 /* Two aurora blobs animated with seven waypoints each (no `alternate`, so
    the second half doesn't mirror the first) on incommensurate periods —
    the two cycles drift in and out of phase, so the eye never locks onto a
@@ -48,13 +51,13 @@ html::before {
   pointer-events: none;
   background: radial-gradient(
     closest-side,
-    rgba(0, 164, 228, 0.60),
+    rgba(0, 164, 228, 0.13),
     rgba(0, 164, 228, 0.0) 70%
   );
-  width: 70vmax;
-  height: 70vmax;
+  width: 60vmax;
+  height: 60vmax;
   border-radius: 50%;
-  filter: blur(60px);
+  filter: blur(70px);
   /* Centered base; keyframes drive all motion from here. */
   top: 50%; left: 50%;
   margin-top: -35vmax; margin-left: -35vmax;
@@ -68,15 +71,17 @@ html::after {
   inset: 0;
   z-index: -2;
   pointer-events: none;
+  /* Cooled to a faint mint instead of arcade yellow: the warm blob read as a
+     smudge against the cold palette. Kept subtle so it's ambient, not a wash. */
   background: radial-gradient(
     closest-side,
-    rgba(245, 196, 0, 0.50),
-    rgba(245, 196, 0, 0.0) 70%
+    rgba(0, 228, 164, 0.07),
+    rgba(0, 228, 164, 0.0) 70%
   );
-  width: 55vmax;
-  height: 55vmax;
+  width: 46vmax;
+  height: 46vmax;
   border-radius: 50%;
-  filter: blur(70px);
+  filter: blur(80px);
   top: 50%; left: 50%;
   margin-top: -27.5vmax; margin-left: -27.5vmax;
   animation: v-retro-drift-b 29s cubic-bezier(.5,.2,.3,.8) infinite;
@@ -104,13 +109,11 @@ html::after {
   100% { transform: translate3d( 28vw, -25vh, 0) scale(1.00); opacity: 0.70; }
 }
 
-/* Display headings: heavier, slightly tighter, with an accent glow that ties
-   into the card border gradient. Class-free selectors so existing Tailwind
-   utilities (text-3xl etc.) stack on top untouched. */
+/* Refined direction: headings stay clean — no glow, modest weight. The
+   page-title/section-title classes in app.css own the real hierarchy. */
 h1, h2 {
-  font-weight: 800;
-  letter-spacing: -0.02em;
-  text-shadow: 0 2px 14px rgba(0, 164, 228, 0.30);
+  font-weight: 600;
+  letter-spacing: -0.01em;
 }
 
 @media (prefers-reduced-motion: reduce) {