# Prompt 3: Dashboard de gastos en HTML estático

Eres un desarrollador frontend senior. Necesito una página `index.html` que lea `gastos.json` y muestre un panel de gastos personales. Requisitos:

1. **Sin frameworks.** Solo HTML, CSS y JavaScript vanilla.

2. **Layout:**
   - Cabecera con título, fecha de actualización y promedio mensual destacado.
   - Gráfica de barras SVG o CSS con el gasto por categoría. Que sea proporcional al total.
   - Sección "Suscripciones / gastos hormiga" con tabla o tarjetas: comercio, total, veces al mes, promedio.
   - Sección "Top comercios" con los 10 más frecuentes o caros.
   - Sección "Intereses y comisiones" destacada en ámbar si es > 0.
   - Lista de alertas generadas por el pipeline.

3. **Datos:** carga `gastos.json` con `fetch()`. Si no existe, muestra "Aún no hay datos. Corre primero extract_gastos.py y build_gastos.py."

4. **Responsive:** que se vea bien en móvil.

5. **Estética:** fondo oscuro, tarjetas con bordes sutiles, acentos en índigo, teal y ámbar. Mantén el CSS en el mismo archivo.

6. **Privacidad:** todo local, sin analytics ni llamadas externas.

Entrégame solo `index.html` completo y funcional.