v3 Phase B: alle Panels auf das Design-System + Beginner-UX

- cookbook.js: Fit-Ampel (gruen/gelb/rot) + Legende + Klartext-Urteile, sauberes Modal.
- server.js: heikle Aktionen mit confirmModal/promptModal (Klartext-Konsequenz),
  Konsole im neuen Stil, Begriffe uebersetzt.
- models.js: Tabelle re-skinnt (Capability-Tags statt Emoji, --blue raus),
  Entladen mit Bestaetigung, Konfig-Modal vereinheitlicht.
- jobs.js (Aktivitaet): Metrik-Kacheln + Klartext-Verlaeufe.
- guides.js: Kopf + Intro, Integrations-URL aus Browser-Host abgeleitet.
- index.html: Mountpunkte fuer Modelle-/Aktivitaets-Kopf.
- app.py: no-cache-Middleware fuer /static (UI-Aenderungen wirken sofort nach rsync,
  kein Stale-JS mehr).
- base.css: Sidebar bei schmalem Viewport icon-only (Label-Ueberlappung gefixt).

Verifiziert: alle 6 Panels mounten fehlerfrei (0 Konsolenfehler), Fit-Ampel rechnet live.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

static/index.html

@@ -52,7 +52,8 @@
       </section>
 
       <section class="view" data-view="activity" hidden>
-        <div class="grid kpis" id="act-kpis"></div>
+        <div id="act-head"></div>
+        <div class="tiles" id="act-kpis"></div>
         <div class="card" id="act-sys"></div>
         <div class="card" id="v-activity"></div>
       </section>
@@ -62,9 +63,8 @@
       </section>
 
       <section class="view" data-view="models" hidden>
-        <div class="grid grid-2" id="m-top-grid">
-          <div class="card" id="m-chat" style="grid-column: span 2;"></div>
-        </div>
+        <div id="m-head"></div>
+        <div class="card" id="m-chat"></div>
         <div class="card" id="m-table"></div>
       </section>