Monitor v2: 1167 echte Filialen (braucheklima-Daten + Geocoding), GPU-Karte, Live-Feed, sortierbare Tabelle, Verfügbarkeits-Prognose, Online-Wucher-Zeilen

src/styles/global.css

@@ -58,3 +58,22 @@ header.site nav a:hover{color:var(--petrol)}
 footer.site{margin-top:4rem;border-top:1px solid var(--line);background:var(--petrol-soft)}
 footer.site .wrap{padding-top:2rem;padding-bottom:2rem}
 @media(max-width:720px){header.site nav a{margin-left:.8rem;font-size:.85rem}}
+
+/* --- v2 additions: data-monitor craft (ui-ux-design-pro + design-taste-frontend) --- */
+:root{
+  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
+  --ok-dot:oklch(0.62 0.13 155);
+  --low-dot:oklch(0.78 0.15 75);
+  --off-dot:oklch(0.80 0.01 240);
+  --ink-2:oklch(0.34 0.02 250);
+  --surface-2:oklch(0.975 0.006 230);
+  --shadow-sm:0 1px 2px oklch(0.4 0.03 250 / .06);
+  --shadow-md:0 6px 20px oklch(0.4 0.05 250 / .08),0 1px 3px oklch(0.4 0.05 250 / .05);
+}
+.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
+:focus-visible{outline:2px solid var(--petrol);outline-offset:2px;border-radius:4px}
+.dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle}
+.dot.ok{background:var(--ok-dot)}.dot.low{background:var(--low-dot)}.dot.off{background:var(--off-dot)}
+.skel{background:linear-gradient(90deg,var(--line),var(--surface-2),var(--line));background-size:200% 100%;animation:sh 1.2s infinite;border-radius:6px}
+@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
+@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}