CSS nach Bereichen aufgeteilt, doppelte Regeln zusammengeführt

- styles.css (1757 Zeilen) und themes.css → frontend/src/styles/:
  base, layout, components, start, projekte (inkl. Artikel), monitoring,
  haushalt, reisen, kanban, konto, grundschicht, responsive und
  designs/ (gemeinsam, blackwall, fabrik); index.css legt die Reihenfolge fest
- Die spätere "Moderne Grundschicht" ist in die Regeln der Bereiche
  eingearbeitet (z. B. .segmented, .household-item, .tile, .board-column
  stehen jeweils nur noch an einer Stelle); übrig bleiben nur
  bereichsübergreifende Regeln (einheitliche Eingabefelder, Hover, Bewegung)
- .link-picker (Auswahllisten in Dialogen) zu den allgemeinen Bausteinen
- Optisch unverändert: 54 Seiten-Screenshots (9 Seiten × 3 Designs ×
  Desktop/Handy) und 18 Dialog-/Zustandsbilder pixelgleich zum Stand davor

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

docs/BRIEF.md

@@ -19,7 +19,7 @@ Darstellung: gleiche Seiten, gleiche Bedienung, gleiche Reihenfolge der Inhalte.
 ## Modernisierung (zweite Runde)
 
 Ziel: wie eine durchdachte Alltags-Oberfläche wirken statt wie eine Film-Requisite, das Vorbild
-bleibt erkennbar. Umsetzung über ein gemeinsames Token-System in `styles.css` (Farbrollen, Radien,
+bleibt erkennbar. Umsetzung über ein gemeinsames Token-System in `frontend/src/styles/base.css` (Farbrollen, Radien,
 Schatten, Fokusring, Schriftrollen für Text/Titel/Beschriftung, Bewegung); jedes Design setzt vor
 allem diese Werte. Ruhige Fließtext-Schriften, Display-Schrift nur für Seitentitel, weiche
 Fokusringe, Status als Pillen, Kacheln mit Icon-Feld, Hintergründe zur Mitte hin ausgeblendet,