I'll build this professional dark-themed industrial IoT dashboard for your ESP32 environmental monitoring system. This is a comprehensive UI with multiple tabs and components. Let me start by setting up the theme and building out the dashboard.

Now I'll update the globals.css with the dark industrial theme, update the layout, and create the comprehensive dashboard. Let me build this step by step:

Now let me add custom styles to globals.css and create all the dashboard components:

Now let me create the dashboard components. I'll start with the types and mock data:

Now let me create the dashboard components:

Now let me create the HUD cards row and the login page:

Now let me create the main dashboard component and the main page:

Now let me check if we have the necessary UI components like Slider, RadioGroup, and Label:

All the necessary UI components exist. Let me check for recharts in the package.json:

Recharts is already installed. Let me read the Slider component to see if it has proper styling for our dark theme:

The slider component looks good. Let me update the control tab to use proper slider styling:

The control tab looks good. Now let me update the slider styling to work better with our dark theme. Let me update the Slider with better dark theme styling:

Now let me fix a small issue in the control tab - the slider styling needs to target the range element:

The ESP32 Industrial IoT Dashboard is now complete! I've built a comprehensive, professional dark-themed dashboard with:

Core Features:

• Login Page: Animated dark background with floating orbs, centered login card with glowing border effects
• Top Bar: Logo, IP/Port inputs, Connect/Disconnect buttons, Export (CSV/JSON), Snapshot, Sound toggle, Session timer, Logout
• Danger Banner: Full-width animated alert for DANGER/MILD states
• HUD Cards Row: 12 scrollable metric cards (AQI, Danger, eCO2, TVOC, Gas, CO, WiFi, Temp, Heat Index, Humidity, MQTT, Uptime)
• Progress Bars: MQ7 Warmup, Heater Cycle, OTA Warning, NFC count, MQTT rate

13 Tab Views:

1. Dashboard: 7 data panels showing Board/System, Network, Chip Info, Status/Thresholds, and 3 MQ7 sensors
2. Environment: Air Quality, BME280, GPS Extended, Gas Combined, ESP32-2/Heater, NFC/RFID panels
3. Charts: 8 live updating area charts with color-coded metrics
4. Alerts: Color-coded log with clear button
5. NFC Log: Table with UUID, name, type, and event badges
6. ESP32-2: Live data panel with purple message log
7. Diagnostics: Memory, System, Chip, Network panels with progress bars
8. Sensor Health: Status table with online/offline indicators
9. Events: Color-coded category badges table
10. Control: Buzzer controls and RGB LED sliders with presets
11. Test Mode: 6 test groups with response log
12. Raw Logs: Color-coded log viewer
13. Raw JSON: Green-on-dark JSON display