sincronizacion con main y demas

src/components/charts/InvoiceStatusChart.js

@@ -15,9 +15,9 @@ const STATUS_COLORS = {
 };
 
 const DEFAULT_DATA = {
-  draft: 1200.50,
-  unpaid: 3400.00,
-  paid: 8500.75
+  draft: 3,
+  unpaid: 5,
+  paid: 12
 };
 
 export function renderInvoiceStatusChart(data = DEFAULT_DATA) {
@@ -46,6 +46,7 @@ export function renderInvoiceStatusChart(data = DEFAULT_DATA) {
     options: {
       responsive: true,
       maintainAspectRatio: true,
+      aspectRatio: 1.5,
       plugins: {
         legend: {
           position: 'bottom',
@@ -59,8 +60,7 @@ export function renderInvoiceStatusChart(data = DEFAULT_DATA) {
         tooltip: {
           callbacks: {
             label: (ctx) => {
-              const value = ctx.parsed.toLocaleString('es-ES', { minimumFractionDigits: 2 });
-              return ` ${ctx.label}: ${value} €`;
+              return ` ${ctx.label}: ${ctx.parsed}`;
             }
           }
         }

src/components/dashboard.js

@@ -12,7 +12,7 @@ const statsConfig = [
       <line x1="12" y1="17" x2="12" y2="21"></line>
     </svg>`,
     iconBg: '#374151',
-    valueColor: '#3b82f6',
+    valueColor: '#1f2937',
     subtitle: 'Este mes',
     formatValue: (val) => `${val.toLocaleString('es-ES', { minimumFractionDigits: 2 })} €`
   },