# 2025-12-15-123500_ui_overhaul.md ## Objective Overhaul the UI/UX to create a premium, modern, and aesthetically pleasing experience ("Wow" factor), moving away from the "unwatchable" current state. ## Design Direction - **Theme:** Modern Dark/Light mode (default Dark deep premium). - **Palette:** Deep slate/navy backgrounds, vibrant accents (violet/indigo/teal gradients), glassmorphism effects. - **Typography:** Modern sans-serif (Inter/Roboto). - **Components:** - **Sidebar:** Glassmorphism, better spacing, active state indicators. - **Cards:** Subtle borders, soft shadows, hover lifts. - **Tables:** Clean headers, spacious rows, hover effects, specific status badges. - **Animations:** Page transitions, button hover states. ## Tasks - [x] Define new Color Palette and CSS Variables in `index.css`. - [x] Refactor `MainLayout` for better structure and glass sidebar. - [x] Update `Dashboard` widgets style. - [x] Update `Companies` table style. - [x] Global typography update.