feat: Ringdiagramm faerbt Legende und Mitte nach Budget

Eingefaerbt war bisher nur die Listen-Darstellung der Ausgaben-Anteile. In der
Kreis-Darstellung blieben die Betraege der Legende grau, und die Summe in der
Mitte sagte gar nichts ueber den Stand.

Jetzt tragen beide die Aussage: gruen im geplanten Rahmen, rot darueber. Faehrt
man ein Segment an, zeigt die Mitte dessen Betrag – dann gilt dort das Budget
dieser Kategorie, sonst das des Ganzen.

Fuer die Mitte liefert der Server jetzt auch das Geplante ueber ALLE
Ausgaben-Einheiten, nicht nur ueber die mit Ausgaben: Der Monatsplan umfasst
auch, wofuer noch nichts ausgegeben wurde.

Ohne Plan bleibt alles, wie es war. Der Donut faerbt nur, wenn ein Segment die
Angabe mitbringt – die Budget-Karte, die dieselbe Komponente benutzt, bleibt
also unberuehrt.

Der Test hat dabei gleich einen Fehler gefunden: ``_units`` ist ein Generator,
und ich lief zweimal darueber – beim zweiten Mal war er leer und das Geplante
immer 0.

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

web/src/finance.css

@@ -1443,3 +1443,17 @@ tr.row-dup {
   padding-top: var(--sp-2);
   border-top: 1px dashed var(--border);
 }
+
+/* Budget-Stand im Ringdiagramm: grün im Rahmen, rot darüber – in der Legende
+   und in der Mitte. Ohne Plan bleibt beides, wie es war: Da gibt es nichts zu
+   überschreiten, und eine Farbe behauptete etwas. */
+.legend-value.budget-ok,
+.donut-value.budget-ok {
+  fill: var(--ok);
+  color: var(--ok);
+}
+.legend-value.budget-over,
+.donut-value.budget-over {
+  fill: var(--danger);
+  color: var(--danger);
+}