feat(260924-h7x): Proxmox-Seite mit Status-Design und Tiefe

- Statusfarben als OKLCH-Tokens (Flaeche + kontrastgepruefte Textvariante) und Well-Token
- Gesundheitsbalken mit Legende und vorgelesener Zusammenfassung
- Karten nach Zustand sortiert, Statusleiste, getoenter Schatten, Statuspille
- Messwerte in eingelassenen Feldern: PVE-Knoten mit Balken, PBS-Fuellstand/Sicherung/Pruefung, PMG-Zahlfelder
- offline & verwaist: gestrichelt, gedaempft, keine alten Messwerte
- Skelett-Karten beim Laden, Leerzustand als Well, relative Zeitangaben

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

apps/web/src/app/globals.css

@@ -44,6 +44,19 @@
   --color-sidebar-accent: var(--sidebar-accent);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
+  /* Statusfarben (quick-260924-h7x): Flaechen (Balken, Punkte, Leisten) und
+     die abgedunkelte bzw. aufgehellte Textvariante `-fg` fuer Schrift. */
+  --color-status-ok: var(--status-ok);
+  --color-status-warn: var(--status-warn);
+  --color-status-down: var(--status-down);
+  --color-status-idle: var(--status-idle);
+  --color-status-orphan: var(--status-orphan);
+  --color-status-ok-fg: var(--status-ok-fg);
+  --color-status-warn-fg: var(--status-warn-fg);
+  --color-status-down-fg: var(--status-down-fg);
+  --color-status-idle-fg: var(--status-idle-fg);
+  --color-status-orphan-fg: var(--status-orphan-fg);
+  --color-well: var(--well);
   --radius-sm: calc(var(--radius) - 2px);
   --radius-md: var(--radius);
   --radius-lg: calc(var(--radius) + 2px);
@@ -83,6 +96,24 @@
   --sidebar-accent: oklch(0.93 0 0);
   --sidebar-accent-foreground: oklch(0.25 0 0);
   --sidebar-border: oklch(0.90 0 0);
+
+  /* Statusfarben (quick-260924-h7x). Die Flaechentoene stammen aus dem
+     Design-Plan; als Schrift auf Weiss erreichen sie aber nur 2,6:1 bis
+     4,9:1 (gemessen, WCAG-Formel). Fuer Text gibt es deshalb die `-fg`-
+     Variante, gemessen auf --card: ok 5,6:1, warn 5,7:1, down 6,1:1,
+     idle/orphan 6,0:1 (auf der Pille mit 12 % Statusflaeche >= 4,9:1). */
+  --status-ok: oklch(0.62 0.15 152);
+  --status-warn: oklch(0.72 0.15 70);
+  --status-down: oklch(0.58 0.21 27);
+  --status-idle: oklch(0.62 0.02 260);
+  --status-orphan: oklch(0.55 0.01 260);
+  --status-ok-fg: oklch(0.50 0.13 152);
+  --status-warn-fg: oklch(0.52 0.12 60);
+  --status-down-fg: oklch(0.52 0.20 27);
+  --status-idle-fg: oklch(0.50 0.02 260);
+  --status-orphan-fg: oklch(0.50 0.01 260);
+  /* Eingelassene Messfelder. */
+  --well: oklch(0.975 0.003 260);
 }
 
 .dark {
@@ -110,6 +141,20 @@
   --sidebar-accent: oklch(0.91 0.19 102 / 0.15);
   --sidebar-accent-foreground: oklch(0.91 0.19 102);
   --sidebar-border: oklch(0.30 0.01 260);
+
+  /* Statusfarben (dark). Textvariante auf --card gemessen: ok 7,4:1,
+     warn 8,5:1, down 6,1:1, idle 6,1:1, orphan 5,6:1. */
+  --status-ok: oklch(0.72 0.15 152);
+  --status-warn: oklch(0.80 0.14 75);
+  --status-down: oklch(0.68 0.19 27);
+  --status-idle: oklch(0.60 0.02 260);
+  --status-orphan: oklch(0.52 0.01 260);
+  --status-ok-fg: oklch(0.76 0.15 152);
+  --status-warn-fg: oklch(0.82 0.14 75);
+  --status-down-fg: oklch(0.74 0.16 27);
+  --status-idle-fg: oklch(0.72 0.02 260);
+  --status-orphan-fg: oklch(0.70 0.01 260);
+  --well: oklch(0.235 0.01 260);
 }
 
 body {