Veo que es un sistema de cotizaciones para "Proton Electric" escrito en C. Voy a crear una interfaz gráfica web moderna con todas las funcionalidades: login, gestión de catálogo, cotizaciones y bandejas.

Ahora voy a crear la interfaz gráfica completa para el sistema de cotizaciones de Proton Electric.

Ahora voy a crear todos los archivos necesarios para la interfaz. Primero actualizaré los estilos globales y luego crearé los componentes y páginas.

He creado la interfaz gráfica completa para tu sistema de cotizaciones "Proton Electric". La aplicación incluye:

Funcionalidades principales:

1. Login - Sistema de autenticación con los usuarios del código original (Alex/Molina24, Jorge1/Molina2) y máximo 3 intentos
2. Dashboard - Menú principal con acceso a todas las funciones

3. Cotizar Centros de Carga - Formulario en 3 pasos para crear cotizaciones con:

   • Breaker principal y ramales
   • Barras de cobre y gabinetes
   • Consumibles (aisladores, pernos, acrílico)
   • Horas de trabajo y margen de utilidad
   • Cálculo automático de costos, IVA y total final

4. Gestión de Catálogo - Administración de productos con tabs para:

   • Breakers (agregar, modificar, eliminar)
   • Barras de cobre
   • Gabinetes
   • Otros componentes (aisladores, pernos, acrílico)
5. Bandeja de Cotizaciones - Ver, editar y eliminar cotizaciones guardadas con recálculo automático

Diseño:

• Tema profesional con colores naranja/coral como acento y azul oscuro como secundario
• Interfaz responsiva para móvil y escritorio
• Componentes modernos con shadcn/ui