Now I have the full picture. Let me build this comprehensive platform with all the pages and components.

Now let me build all the components and pages:

Now let me write all the page views:

Now let's wire everything together in the main page:

The full MerchHQ platform is built. Here's what was delivered:

Design system — warm cream background, brand blue primary, teal accent, amber highlights, and soft green success tokens, Inter Variable font, custom card-lift hover effects, staggered animate-fade-in-up reveals, and a top loading bar animation.

All pages: Sign In (two-panel layout with stats), Sign Up (2-step form with company assignment), Dashboard (KPI cards, active campaigns, company + member sidebar), Users (table with role filters, search, add/edit drawer, delete dialog), Companies (card grid with metrics), Products (Super Admin only — grid view with pricing section flagged confidential), Stores (list view with campaign progress bar, product assignment), and Employee Store Browsing (campaign cards with claim flow, size picker, confirm step, and success state).

Role-based UX is fully wired — use the role switcher in the sidebar to toggle between Super Admin, Manager (sees own company only, no product pricing), and Employee (claim-only view). The sidebar navigation adapts per role automatically.

Now I understand the current structure. I need to:

1. Add budget to stores in mock data
2. Create a cart context that tracks items per store with budget
3. Update the employee stores page to use "Add to Cart" instead of direct claiming
4. Create a cart drawer component

Now let me create the cart context:

Now let me create the cart drawer component:

Now update the employee stores page to use the cart system:

Now I need to integrate the cart context into the app layout and add the cart drawer:

Now let me add a cart button to the top bar for employees:

I've added the cart system. Here's a summary of the changes:

Cart System Features:

• Each store now has a budget field (e.g., Acme Q3 Kit = $150, New Hire Welcome = $100)
• Added STORE_PRODUCTS mapping with per-store pricing for each product
• Created a CartContext that tracks items per store, calculates spending against each store's budget, and provides helper functions like canAddItem, getStoreRemaining, etc.

Employee Store Browsing:

• Store cards now show budget remaining with a progress bar
• Clicking a store opens a modal where employees can browse products and add to cart
• Items are disabled if they exceed the remaining budget for that store
• Cart button appears in the top bar when logged in as an employee

Cart Drawer:

• Slide-in drawer groups items by store
• Each store section shows its own budget progress bar
• Employees can adjust quantities (blocked if over budget) or remove items
• Checkout flow with order confirmation

To test, switch to the Employee role using the sidebar toggle, navigate to "My Stores," browse a campaign, and add items within your budget.