style(dashboard): Kacheln modernisiert - Karten, Einsatzbereitschaft-Balken, Termin-Listen, Skeleton

Card: 14px Radius, weicherer Schatten, Hover-Lift über box-shadow (nicht transform, würde von react-grid-layouts Inline-Positionierung überschrieben). Einsatzbereitschaft-Kachel: große Zahl "X/Y einsatzbereit", proportionaler gestapelter Statusbalken, Vierer-Zeile mit Farbpunkten+Zahl, Detail-Liste bleibt aufklappbar. Prüftermine/Ablaufdaten/Qualifikationsablauf: auf 5 Zeilen begrenzt mit "Alle anzeigen", Status-Badge links (überfällig gefüllt rot, bald fällig Outline amber, FristBadge zeigt nur noch Status), Countdown rechts tabular-nums. Neue --status-ok/warn/unknown/critical CSS-Variablen als Alias auf bestehende Farb-Tokens. Skeleton-Platzhalter statt "Lade…"-Text während des initialen Ladens. Keine API-/Datenänderungen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CVgbozhYmuEhiEJHffRXCV

frontend/src/styles/global.css

@@ -29,6 +29,13 @@
   --color-not-ready-bg: #fbeaea;
   --color-unknown: #55606b;
   --color-unknown-bg: #e9ebee;
+  /* Dashboard-Redesign: einheitliche Statusfarben-Namen für Kacheln
+     (ok/warn/unknown/critical), als Alias auf bestehende Tokens - ändern sich
+     automatisch mit, wenn Light/Dark die --color-ready/... Werte neu setzen. */
+  --status-ok: var(--color-ready);
+  --status-warn: var(--color-limited);
+  --status-unknown: var(--color-unknown);
+  --status-critical: var(--color-not-ready);
   --radius: 8px;
   --radius-sm: 6px;
   --shadow-sm: none;