Let me read the existing files to understand the current setup:

Now I'll create the complete Vitalis Dashboard application. Let me start by updating the globals.css with the professional dark blue/indigo theme, then create all the necessary components:

Now let me update the layout and create the main dashboard:

Now let me create the main page with all the dashboard components:

I've created a complete Single Page Application (SPA) for the "Vitalis" distribution management system with Deep Learning simulation. The dashboard features: 1. **Dashboard Principal** - Shows KPIs (orders processed, estimated savings, error rate, products at risk) with interactive bar and line charts comparing manual vs AI efficiency. 2. **Pedidos por WhatsApp** - A text area to paste WhatsApp messages, a "Process with Deep Learning" button that shows a 2-second loading animation, then displays the extracted and structured order data (client, products, quantities, address) ready for confirmation. 3. **Captura de Pedidos Manual** - An error-proof order form with dropdown selectors and autocomplete. Products with zero stock automatically disable the "Add" button and show a red "Stock agotado - Venta prevenida" alert. 4. **Inventario Predictivo** - A full inventory table with color-coded expiration badges (Red for <7 days, Yellow for ≤15 days, Green for optimal) and a "Apply discount for imminent expiration" button that applies automatic discounts to critical products. The design uses a professional dark blue/indigo color palette with smooth transitions, hover effects, and responsive sidebar navigation using React state management.