feat: Dashboard-Karte „Ausgaben-Anteile"

Zeigt für den laufenden Budget-Monat, wie sich die tatsächlichen Ausgaben
prozentual auf die Kategorien verteilen – absteigend sortiert, mit Balken in der
Kategoriefarbe, Prozentwert und Betrag.

Anders als der Budget-Donut hängt sie nicht am geplanten Budget: Sie zeigt reine
Ist-Ausgaben, auch wenn für den Monat nichts geplant wurde. Umschaltbar zwischen
Kategorien (Standard) und Gruppen.

Die Anteile rechnet die Oberfläche aus Betrag und Summe – gerundete Prozente vom
Server addierten sich sonst nicht auf 100 %. Wird die Karte schmal, gibt zuerst
der Betrag nach; ohne Kategorienamen sagt die Zeile nichts mehr aus.

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

web/src/finance.css

@@ -1087,3 +1087,22 @@ tr.row-dup {
   margin-top: var(--sp-2);
   border-top: 1px solid var(--border);
 }
+
+/* Ausgaben-Anteile: der Prozentwert ist die Kernaussage der Karte und steht
+   deshalb vor dem Betrag, mit gleichbleibender Ziffernbreite. */
+.share-pct {
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+/* Wird die Karte schmal, gibt zuerst der Betrag nach – ohne den Kategorienamen
+   sagt die Zeile nichts mehr aus, ohne den Betrag bleibt der Anteil lesbar. */
+.share-row .share-name {
+  min-width: 4.5rem;
+}
+.share-row .share-amount {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}