I'll build this complete SmartStock inventory management dashboard for you. Let me set up the project structure and create all the components.

Now let me update the globals.css with the SmartStock color scheme and create all the components:

Now let me create the main components. I'll start with the inventory store, types, and the main layout components:

Now let me create the dashboard view with metrics and charts:

Now let me create the inventory management view:

Now let me create the Add Item modal with Smart Scan feature, and the other views:

Now let me create the main page that brings everything together:

I've built the complete SmartStock inventory management dashboard. Here's what's included:

Layout & Navigation:

• Collapsible dark navy sidebar on desktop with navigation links (Dashboard, Inventory, AI Insights, Settings)
• Sticky bottom navigation bar on mobile with touch-friendly targets
• Header with functional search input, notification bell with pulsing red dot, and user avatar

Dashboard View:

• 4 metric cards: Total Items, Low Stock Alerts (highlighted with red), Inventory Value, and AI Predictor (violet gradient)
• Beautiful area chart showing 7-day Sales vs. Restock trend with gradient fills using Recharts
• Urgent Restocks panel with quick reorder buttons

Inventory Management:

• Real-time search filtering by item name
• Category filter dropdown
• Responsive data table (desktop) and card layout (mobile)
• Dynamic status badges (green "Healthy" / red "Low Stock")
• Large +/- buttons for stock adjustment that trigger warning toasts when hitting alert limits

Add Item Modal:

• Smooth animated modal with form fields
• "Smart Scan" camera button with violet gradient that simulates auto-filling form data with dummy values and shows a success toast