# DeepAIBots Central Hub - Frontend Specification Document

## 1. Design Language
- **Theme:** Ultra-modern dark mode interface, utilizing deep blacks (`bg-[#050505]`) and slate tones for a premium aesthetic.
- **Accents:** Neon/Cyberpunk accents using Sky Blue, Emerald Green, and Rose Red for critical actions and indicators.
- **Typography:** Primarily standard sans-serif fonts with tracking and weight variations for hierarchy (e.g., `tracking-wide`, `font-extrabold`).

## 2. CSS Framework
- **Tailwind CSS:** Used via CDN for rapid styling. The design relies heavily on Tailwind's utility classes.
- **Custom Utilities:** Heavily utilizes background blur (`backdrop-blur-xl`), glassmorphism (`bg-white/10`), and subtle drop shadows (`shadow-[0_0_30px_-10px_rgba(0,0,0,0.5)]`).

## 3. Layout Structure
The main application (`index.html`) is a Single Page Application (SPA) utilizing hidden container toggles:
- `<div id="public-storefront">`: The landing page.
- `<div id="enterprise-dashboard">`: The user dashboard.
- `<div id="admin-panel">`: The control panel for administrators.

## 4. Components
- **Cards:** Used extensively in the admin dashboard (Telemetry, Users, Promotions) featuring `rounded-3xl`, internal padding, and border radius.
- **Navigation:** Sticky headers with branding on the left and contextual actions (Sign Out) on the right.
- **Tabs:** Horizontal scrolling tab interfaces used in the Admin Panel for navigating between User Directory, Live Telemetry, and Promotions.