Minor corrections to translation and graphics on the main page

frontend/index.html

@@ -323,7 +323,7 @@
 
                 <div>
                   <label class="block text-gray-700 text-sm font-bold mb-2"
-                    >Sobre * €</label
+                    >Envelope * €</label
                   >
                   <input
                     type="number"

frontend/script.js

@@ -401,15 +401,19 @@ function createCharts() {
       (sum, r) => sum + (Number(r.totalExpenses) || 0),
       0
     );
+    const totalEnvelope = reports.reduce(
+      (sum, r) => sum + (Number(r.envelope) || 0),
+      0
+    );
 
     appState.expensesChartInstance = new Chart(expensesCtx, {
       type: "doughnut",
       data: {
-        labels: ["Salarios", "Otros gastos"],
+        labels: ["Salarios", "Otros gastos", "Envelope"],
         datasets: [
           {
-            data: [totalWages, totalInternal],
-            backgroundColor: ["#F59E0B", "#EF4444"],
+            data: [totalWages, totalInternal, totalEnvelope],
+            backgroundColor: ["#F59E0B", "#EF4444", "#3B82F6"],
           },
         ],
       },
@@ -930,7 +934,7 @@ function showReportModal(report, isAdmin = false) {
           <div class="flex justify-between"><strong>Gastos totales:</strong> <span>€${safeToFixed(
             report.totalExpenses
           )}</span></div>
-          <div class="flex justify-between"><strong>Sobre:</strong> <span>€${safeToFixed(
+          <div class="flex justify-between"><strong>Envelope:</strong> <span>€${safeToFixed(
             report.envelope
           )}</span></div>
           <div class="flex justify-between border-t pt-2 text-lg font-bold text-blue-700">