feat(admin): modernize tenant admin PWA with cockpit layout and slate theme

- Replaced rainbow grid with phase-aware cockpit layout
- Implemented smart lifecycle hero with readiness logic
- Introduced dark command bar header with context pill and search placeholder
- Updated global Tamagui theme to slate/indigo palette
- Refined bottom navigation with minimalist spotlight style

.tamagui/tamagui.config.cjs

@@ -4160,27 +4160,33 @@ var tokens3 = {
   ...tokens2,
   color: {
     ...tokens2.color,
-    primary: "#FF5C5C",
-    accent: "#3D5AFE",
-    accentSoft: "#E8ECFF",
-    success: "#22C55E",
-    warning: "#FBBF24",
+    primary: "#4F46E5",
+    // Indigo 600
+    accent: "#F43F5E",
+    // Rose 500
+    accentSoft: "#E0E7FF",
+    // Indigo 100
+    success: "#10B981",
+    // Emerald 500
+    warning: "#F59E0B",
+    // Amber 500
     danger: "#EF4444",
+    // Red 500
     surface: "#ffffff",
-    muted: "#FFF6F0",
-    border: "#F3D6C9",
-    text: "#0B132B"
+    muted: "#F8FAFC",
+    // Slate 50
+    border: "#E2E8F0",
+    // Slate 200
+    text: "#0F172A"
+    // Slate 900
   },
   radius: {
-    ...tokens2.radius,
-    card: 20,
+    // ... existing radius tokens ...
+    card: 16,
     tile: 14,
     pill: 999
-  },
-  size: {
-    ...tokens2.size,
-    card: 20
   }
+  // ...
 };
 var themes3 = {
   ...themes2,
@@ -4188,27 +4194,30 @@ var themes3 = {
     ...themes2.light,
     primary: tokens3.color.primary,
     accent: tokens3.color.accent,
-    background: "#FFF1E8",
-    backgroundHover: "#FFE8DD",
-    backgroundPress: "#FFE1D2",
+    background: "#F1F5F9",
+    // Slate 100
+    backgroundHover: "#E2E8F0",
+    backgroundPress: "#CBD5E1",
     backgroundStrong: tokens3.color.surface,
-    backgroundTransparent: "rgba(255, 241, 232, 0)",
+    backgroundTransparent: "rgba(241, 245, 249, 0)",
     color: tokens3.color.text,
-    colorHover: "#091024",
-    colorPress: "#091024",
-    colorFocus: "#091024",
+    colorHover: "#1E293B",
+    colorPress: "#1E293B",
+    colorFocus: "#1E293B",
     borderColor: tokens3.color.border,
-    borderColorHover: "#EBCABA",
-    borderColorPress: "#E1BFAE",
-    shadowColor: "rgba(11, 19, 43, 0.16)",
-    shadowColorPress: "rgba(11, 19, 43, 0.2)",
-    shadowColorFocus: "rgba(11, 19, 43, 0.24)",
+    borderColorHover: "#CBD5E1",
+    borderColorPress: "#94A3B8",
+    shadowColor: "rgba(15, 23, 42, 0.08)",
+    shadowColorPress: "rgba(15, 23, 42, 0.12)",
+    shadowColorFocus: "rgba(15, 23, 42, 0.12)",
     surface: tokens3.color.surface,
     muted: tokens3.color.muted,
     blue3: tokens3.color.accentSoft,
-    blue6: tokens3.color.accent,
+    blue6: "#6366F1",
+    // Indigo 500
     blue10: tokens3.color.primary,
-    blue11: "#1E36F1"
+    blue11: "#4338CA"
+    // Indigo 700
   },
   dark: {
     ...themes2.dark,