# InApp Template Reference

Source URL: https://themewagon.github.io/inapp/

Use this as a cached local description of the InApp inventory-dashboard direction. Do not copy source assets, logos, or exact text. Recreate the structure with Tailwind, Inter, Font Awesome, relative links, and fake data that matches the BA brief.

## Layout Pattern
- Inventory-first admin shell with fixed topbar, left sidebar, and dense content grid.
- Sidebar uses compact grouped navigation: Dashboard, Inventory, Add Product, Reports, Docs, Account.
- Topbar includes sidebar toggle, notification button, user avatar, and quick profile menu.
- Main content starts with title and short description, then KPI cards and operational tables.
- Works well for inventory, sales, warehouse, POS, ordering, supplier, stock, and product management systems.

## Components To Emulate
- KPI cards for stock value, sales, low-stock alerts, pending orders, and product count.
- Inventory/product tables with search, category/status filters, row actions, and badges.
- Create/edit product modal with fields for name, sku, category, stock, price, status.
- Delete confirmation modal and toast feedback.
- Recent order/payment/notification dropdowns or timeline cards.

## Visual Direction
- Clean white cards over a very light gray canvas.
- Soft borders, compact shadows, squared professional cards, and clear orange/blue/emerald accents.
- Content density should be higher than a landing page, but labels and actions must remain readable.
- Use charts or progress placeholders only when they support the business workflow.

## Responsive Behavior
- On mobile, collapse sidebar into a top menu or slide-over.
- Tables can scroll horizontally or become stacked cards.
- Modals must fit within the viewport and keep primary actions visible.
