Application Layout

The FlowQMS interface has three main areas:

┌──────────────────────────────────────────────────┐
│                    Header Bar                     │
├──────────┬───────────────────────────────────────┤
│          │                                       │
│          │                                       │
│ Sidebar  │          Main Content Area            │
│  (Nav)   │                                       │
│          │                                       │
│          │                                       │
│          │                                       │
├──────────┴───────────────────────────────────────┤
│              Bottom Nav (mobile only)             │
└──────────────────────────────────────────────────┘

1. Header Bar (top) — Search, notifications, theme toggle, and your user menu
2. Sidebar (left) — Main navigation menu with all modules organized into sections
3. Main Content Area (center) — The currently active page, with breadcrumbs and page-specific content
4. Bottom Navigation (bottom, mobile only) — Quick-access shortcuts on small screens

---

Previous: The Onboarding Wizard | Next: Sidebar Navigation