config modal: server-side settings (budget, anchor, bar width), removed localStorage

wwwroot/index.html

@@ -10,15 +10,7 @@
   <header>
     <h1>Cost Analytics</h1>
     <div id="summary"></div>
-    <div id="anchor-config">
-      <label>Anker:</label>
-      <select id="anchor-day">
-        <option value="0">So</option><option value="1">Mo</option><option value="2">Di</option>
-        <option value="3">Mi</option><option value="4">Do</option><option value="5">Fr</option>
-        <option value="6">Sa</option>
-      </select>
-      <select id="anchor-hour"></select>
-    </div>
+    <button id="btn-config" title="Einstellungen">⚙</button>
     <button id="btn-sync" title="Neue Einträge importieren">↻ Sync</button>
   </header>
 
@@ -47,6 +39,32 @@
     </div>
   </div>
 
+  <div id="config-modal" class="modal hidden">
+    <div class="modal-box config-box">
+      <button id="config-close">✕</button>
+      <h2>Einstellungen</h2>
+      <div class="config-grid">
+        <label>Wochen-Budget ($)</label>
+        <input type="number" id="cfg-budget" step="1" min="1" />
+
+        <label>Budget-Anker Wochentag</label>
+        <select id="cfg-anchor-day">
+          <option value="0">Sonntag</option><option value="1">Montag</option>
+          <option value="2">Dienstag</option><option value="3">Mittwoch</option>
+          <option value="4">Donnerstag</option><option value="5">Freitag</option>
+          <option value="6">Samstag</option>
+        </select>
+
+        <label>Anker Stunde</label>
+        <select id="cfg-anchor-hour"></select>
+
+        <label>Min. Balkenbreite (px)</label>
+        <input type="number" id="cfg-bar-width" step="1" min="4" max="60" />
+      </div>
+      <button id="cfg-save" class="cfg-save-btn">Speichern</button>
+    </div>
+  </div>
+
   <script src="app.js"></script>
 </body>
 </html>