diff --git a/client/components/MobileTrackerRow.jsx b/client/components/MobileTrackerRow.jsx
index a3b041c..27056e1 100644
--- a/client/components/MobileTrackerRow.jsx
+++ b/client/components/MobileTrackerRow.jsx
@@ -16,9 +16,9 @@ const ROW_STATUS_CLS = {
   paid:      'bg-emerald-500/[0.04]',
   autodraft: 'bg-sky-500/[0.04]',
   upcoming:  '',
-  due_soon:  'bg-amber-400/[0.07]',
-  late:      'bg-orange-400/[0.08]',
-  missed:    'bg-red-400/[0.08]',
+  due_soon:  'bg-amber-400/[0.07] dark:bg-amber-400/[0.05]',
+  late:      'bg-orange-400/[0.08] dark:bg-orange-400/[0.05]',
+  missed:    'bg-red-400/[0.08] dark:bg-rose-400/[0.05]',
 };
 
 function paymentDateForTrackerMonth(year, month, dueDay) {
diff --git a/client/components/StatusBadge.jsx b/client/components/StatusBadge.jsx
index 3bf9d44..c96efd3 100644
--- a/client/components/StatusBadge.jsx
+++ b/client/components/StatusBadge.jsx
@@ -5,8 +5,8 @@ const STATUS_META = {
   paid:      { label: 'Paid',      cls: 'bg-emerald-500/15 text-emerald-500 border border-emerald-500/30' },
   upcoming:  { label: 'Upcoming',  cls: 'bg-secondary text-muted-foreground border border-border' },
   due_soon:  { label: 'Due Soon',  cls: 'bg-amber-400/15 text-amber-500 border border-amber-400/30' },
-  late:      { label: 'Late',      cls: 'bg-orange-400/15 text-orange-500 border border-orange-400/30' },
-  missed:    { label: 'Missed',    cls: 'bg-red-400/15 text-red-500 border border-red-400/30' },
+  late:      { label: 'Late',      cls: 'bg-orange-400/15 text-orange-500 border border-orange-400/30 dark:bg-orange-400/10 dark:text-orange-300 dark:border-orange-400/20' },
+  missed:    { label: 'Missed',    cls: 'bg-red-400/15 text-red-500 border border-red-400/30 dark:bg-rose-400/10 dark:text-rose-300 dark:border-rose-400/20' },
   autodraft: { label: 'Autodraft', cls: 'bg-sky-400/15 text-sky-500 border border-sky-400/30' },
   skipped:   { label: 'Skipped',   cls: 'bg-muted text-muted-foreground border border-border' },
 };
diff --git a/client/index.css b/client/index.css
index c242bf8..38894ca 100644
--- a/client/index.css
+++ b/client/index.css
@@ -3,6 +3,14 @@
    :root is the default Material Design light theme.
    ============================================================ */
 
+/* ── Georgia for digits only ─────────────────────────────── */
+
+@font-face {
+  font-family: 'GeorgiaDigits';
+  src: local('Georgia');
+  unicode-range: U+0030-U+0039; /* 0–9 */
+}
+
 /* ── Tailwind base ───────────────────────────────────────── */
 
 @tailwind base;
@@ -43,42 +51,42 @@
     --sidebar-accent-foreground: 0.20 0.008 250;
     --sidebar-border: 0.88 0.008 250;
     --sidebar-ring: 0.55 0.20 276;
-    --font-sans: Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
+    --font-sans: 'GeorgiaDigits', Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
     --font-serif: Merriweather, Georgia, serif;
     --font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, monospace;
     --radius: 1rem;
   }
 
   .dark {
-    --background: 0.17 0.008 250;
+    --background: 0.20 0.008 250;
     --foreground: 0.91 0.006 250;
-    --card: 0.21 0.009 250;
+    --card: 0.24 0.009 250;
     --card-foreground: 0.91 0.006 250;
-    --popover: 0.24 0.009 250;
+    --popover: 0.27 0.009 250;
     --popover-foreground: 0.91 0.006 250;
     --primary: 0.62 0.20 276;
     --primary-foreground: 0.98 0.004 250;
     --secondary: 0.28 0.012 255;
     --secondary-foreground: 0.88 0.006 250;
-    --muted: 0.24 0.008 250;
+    --muted: 0.27 0.008 250;
     --muted-foreground: 0.62 0.010 250;
     --accent: 0.30 0.015 265;
     --accent-foreground: 0.91 0.006 250;
     --destructive: 0.65 0.18 22;
     --destructive-foreground: 0.98 0.004 250;
-    --border: 0.30 0.009 250;
-    --input: 0.30 0.009 250;
+    --border: 0.32 0.009 250;
+    --input: 0.32 0.009 250;
     --ring: 0.55 0.16 276;
     --chart-1: 0.55 0.22 270;
     --chart-2: 0.62 0.14 150;
     --chart-3: 0.65 0.18 310;
     --chart-4: 0.62 0.16 130;
     --chart-5: 0.58 0.18 255;
-    --sidebar: 0.14 0.007 250;
+    --sidebar: 0.17 0.007 250;
     --sidebar-foreground: 0.88 0.006 250;
     --sidebar-primary: 0.62 0.20 276;
     --sidebar-primary-foreground: 0.98 0.004 250;
-    --sidebar-accent: 0.22 0.009 250;
+    --sidebar-accent: 0.25 0.009 250;
     --sidebar-accent-foreground: 0.88 0.006 250;
     --sidebar-border: 0.26 0.008 250;
     --sidebar-ring: 0.62 0.20 276;
diff --git a/client/pages/TrackerPage.jsx b/client/pages/TrackerPage.jsx
index 13629e2..fb415b8 100644
--- a/client/pages/TrackerPage.jsx
+++ b/client/pages/TrackerPage.jsx
@@ -52,9 +52,9 @@ const ROW_STATUS_CLS = {
   paid:      'bg-emerald-500/[0.04]',
   autodraft: 'bg-sky-500/[0.04]',
   upcoming:  '',
-  due_soon:  'bg-amber-400/[0.07]',
-  late:      'bg-orange-400/[0.08]',
-  missed:    'bg-red-400/[0.08]',
+  due_soon:  'bg-amber-400/[0.07] dark:bg-amber-400/[0.05]',
+  late:      'bg-orange-400/[0.08] dark:bg-orange-400/[0.05]',
+  missed:    'bg-red-400/[0.08] dark:bg-rose-400/[0.05]',
 };
 
 const STATUS_META = {