Workspace: Reports & Review -- Phase 2 vollstaendig

/workspace/report.html. Fuehrt bewusst KEINE eigenen Eintraege, sondern
fasst zusammen, was in Aufgaben, Bereichen, Terminen und Dateien schon
steht: "Fortschritt wird nicht gefuehlt, sondern nachvollziehbar
gemacht".

Die vier Abschnitte sind woertlich die Fragen aus dem Deck, Seite 16:
Was wurde erledigt? Was blockiert? Was hat funktioniert? Was kommt als
Naechstes?

Zwei Punkte daraus sind ernst genommen:

1. "Vorher / nachher" (Historie). Jede Zahl wird mit demselben,
   unmittelbar davorliegenden Zeitraum verglichen. Eine Zahl allein sagt
   wenig -- 3 erledigte Aufgaben sind gut oder schlecht, je nachdem ob es
   vorher 1 oder 9 waren. Bei Zahlen, wo mehr SCHLECHTER ist (offene
   Probleme), ist die Trendfarbe umgedreht.

2. "Jeder Review endet mit einer Entscheidung, nicht nur mit einer
   Zusammenfassung." Der Report legt deshalb direkt eine Aufgabe an --
   ohne Seitenwechsel, mit hoher Prioritaet und optionaler Frist.
   Geprueft: Eintrag im Report -> Aufgabe erscheint im Brett.

"Was blockiert?" zeigt zusaetzlich die drei am laengsten offenen
Aufgaben mit Namen, nicht nur eine Zahl.

Sichtbarkeit:
- Scout: 404, sowohl Schnittstelle als auch Seite (leitet weg)
- Creator: sieht nur sich. Geprueft -- Luna fordert ?creator=3 (Mika) an
  und bekommt einen Report ueber SICH, der Parameter wird fuer
  Nicht-Management ignoriert
- Der Review-Termin aus dem Profil ist Steuerungswissen und wird einem
  Creator auch hier nicht mitgeschickt, genau wie im Profil selbst

Damit ist Phase 2 aus dem Konzept vollstaendig.

workspace/assets/css/report.css

@@ -0,0 +1,91 @@
+/* ===================================================================
+   Reports & Review.
+   =================================================================== */
+
+.steuerung { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-end; }
+.steuerung select {
+  min-width: 160px; padding: 9px 12px;
+  background: rgba(255, 255, 255, .045);
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+  color: var(--text); font: inherit;
+}
+
+.block { margin-bottom: 34px; }
+.block__titel {
+  margin: 0 0 4px; font-size: .78rem; font-weight: 700;
+  letter-spacing: .08em; text-transform: uppercase; color: var(--akzent);
+}
+.block__frage { margin: 0 0 14px; font-size: .86rem; color: var(--text-still); }
+
+.kacheln {
+  display: grid; gap: 10px;
+  grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
+}
+
+.kachel {
+  padding: 15px 16px;
+  background: rgba(255, 255, 255, .03);
+  border: 1px solid var(--rand);
+  border-radius: var(--radius-klein);
+}
+.kachel__wert { display: flex; align-items: baseline; gap: 9px; }
+.kachel__zahl { font-size: 1.7rem; font-weight: 700; line-height: 1.1; }
+.kachel__name { display: block; margin-top: 3px; font-size: .78rem; color: var(--text-still); }
+
+/* Vorher/Nachher aus dem Konzept: Eine Zahl allein sagt wenig. */
+.trend { font-size: .78rem; font-weight: 600; white-space: nowrap; }
+.trend[data-richtung="hoch"]   { color: #79d1a2; }
+.trend[data-richtung="runter"] { color: var(--warn); }
+.trend[data-richtung="gleich"] { color: var(--text-still); font-weight: 400; }
+/* Bei manchen Zahlen ist "mehr" schlecht (z. B. offene Probleme). */
+.trend[data-gut="nein"][data-richtung="hoch"]   { color: var(--warn); }
+.trend[data-gut="nein"][data-richtung="runter"] { color: #79d1a2; }
+
+.kachel[data-warn="ja"] {
+  border-color: rgba(255, 154, 162, .4);
+  background: rgba(255, 154, 162, .07);
+}
+.kachel[data-warn="ja"] .kachel__zahl { color: var(--warn); }
+
+.liste-klein { margin: 0; padding: 0; list-style: none; }
+.liste-klein li {
+  padding: 10px 14px; margin-bottom: 7px;
+  background: rgba(255, 255, 255, .025);
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+  font-size: .88rem;
+}
+.liste-klein .klein { display: block; margin-top: 2px; font-size: .77rem; color: var(--text-still); }
+
+.leer-hinweis {
+  padding: 22px; text-align: center; color: var(--text-still); font-size: .88rem;
+  border: 1px dashed var(--rand); border-radius: var(--radius);
+}
+
+/* ---------- Entscheidung ------------------------------------------------ */
+
+.entscheidung {
+  margin-top: 8px; padding: 22px 24px;
+  background: linear-gradient(100deg, rgba(63, 189, 245, .09), rgba(138, 118, 255, .05));
+  border: 1px solid rgba(63, 189, 245, .35);
+  border-radius: var(--radius);
+}
+.entscheidung__titel { margin: 2px 0 6px; font-size: 1.15rem; font-weight: 700; }
+.entscheidung__text { margin: 0 0 18px; font-size: .88rem; color: var(--text-leise); max-width: 62ch; }
+.entscheidung__raster {
+  display: grid; gap: 14px; margin-bottom: 6px;
+  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
+}
+.entscheidung input {
+  width: 100%; padding: 11px 13px;
+  background: rgba(255, 255, 255, .05);
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+  color: var(--text); font: inherit;
+}
+.entscheidung input:focus {
+  outline: none; border-color: rgba(63, 189, 245, .7);
+  box-shadow: 0 0 0 3px rgba(63, 189, 245, .16);
+}
+
+@media (max-width: 620px) {
+  .entscheidung__raster { grid-template-columns: 1fr; }
+}