feat: Budget – mehrere Monate nebeneinander + Kopieren Monat<->Vorlage

- Umschalter 1·2·3: Monate nebeneinander (responsives Raster, auf schmalem
  Schirm gestapelt); prev/next verschiebt das ganze Fenster
- Je Monat: „Als Standard festlegen" (Monat -> Vorlage) und „Standard
  übernehmen" (Vorlage -> Monat, überschreibt), plus Zurücksetzen
- Backend: copy_month_to_template / copy_template_to_month + Endpunkte
  POST /budget/template/from-month/{label} und /budget/{label}/from-template
- Test fürs Kopieren; globale .grow-Utility ergänzt

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

web/src/finance.css

@@ -278,6 +278,60 @@
   white-space: nowrap;
 }
 
+/* Nimmt den freien Platz in einer Flex-Zeile und darf schrumpfen (Ellipsis). */
+.grow {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Budget: mehrere Monate nebeneinander. */
+.budget-months {
+  display: grid;
+  gap: var(--sp-4);
+  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
+  align-items: start;
+}
+@media (max-width: 820px) {
+  .budget-months {
+    grid-template-columns: 1fr;
+  }
+}
+.budget-col {
+  min-width: 0;
+}
+.budget-col-head {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding-bottom: var(--sp-2);
+  margin-bottom: var(--sp-2);
+  border-bottom: 2px solid var(--border-strong);
+}
+.budget-col-head strong {
+  font-size: 1.05rem;
+}
+.budget-col-income {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: 4px 0 var(--sp-2);
+  margin-bottom: var(--sp-2);
+  border-bottom: 1px solid var(--border);
+}
+.budget-crow {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-2);
+  padding: 6px 0;
+  border-bottom: 1px solid var(--border);
+}
+.budget-crow:last-child {
+  border-bottom: none;
+}
+.budget-crow .amount.small {
+  flex: 0 0 auto;
+}
+
 /* Budget. */
 .budget-navbar {
   display: flex;