From 06ac1b73b6c0c02f1c1e984d253b097b1a7a89f8 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Mon, 16 Mar 2026 17:42:44 -0500
Subject: [PATCH] feat(ui): polish Fleet Overview with Deep Space styling

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/dashboard/KpiCards.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/dashboard/KpiCards.tsx b/frontend/src/components/dashboard/KpiCards.tsx
index 12b95ad..553f4be 100644
--- a/frontend/src/components/dashboard/KpiCards.tsx
+++ b/frontend/src/components/dashboard/KpiCards.tsx
@@ -46,20 +46,20 @@ function KpiCard({
   return (
     <Card
       className={cn(
-        'bg-surface border-border transition-colors',
+        'bg-gradient-to-br from-[#f8f8ff] to-elevated dark:from-elevated dark:to-[#16162a] border-border transition-colors',
         highlight && 'border-warning/30',
       )}
     >
       <CardContent className="p-4">
         <div className="flex items-center justify-between">
           <div className="flex flex-col gap-1">
-            <span className="text-xs font-medium text-text-muted uppercase tracking-wider">
+            <span className="text-[10px] font-medium text-text-muted uppercase tracking-wider">
               {label}
             </span>
             <div className="flex items-baseline gap-1">
               <span
                 className={cn(
-                  'text-2xl font-bold tabular-nums font-mono',
+                  'text-2xl font-medium tabular-nums font-mono',
                   colorClass,
                 )}
               >