SaaS Analytics Dashboard

Create a SaaS analytics dashboard web app layout. The page should have:

- A fixed left sidebar (240px wide) with a company logo at the top, primary navigation links (Dashboard, Analytics, Revenue, Users, Settings), and a user avatar + name at the bottom. The sidebar should be collapsible on mobile.
- A top header bar with a page title on the left, a global search input in the center, and a notification bell + user avatar on the right.
- A main content area with:
  1. A row of 4 KPI cards showing: Total Revenue ($124,500, +12% vs last month), Active Users (8,320, +4%), Churn Rate (2.1%, -0.3%), and MRR ($10,375, +8%). Each card has an icon, the metric value in large bold text, a % change badge (green for positive, red for negative), and a small sparkline chart.
  2. A large line chart titled "Revenue Over Time" spanning the last 12 months with a toggle to switch between Revenue and MRR views.
  3. Two columns below: a bar chart titled "New Signups by Week" on the left, and a "Top Plans" donut chart on the right.
  4. A data table titled "Recent Transactions" with columns: User, Plan, Amount, Date, Status. Include pagination controls.

Use a white background with subtle zinc-100 card backgrounds, blue as the primary accent color, and Inter or system font. The layout must be fully responsive — on mobile the sidebar becomes a bottom tab bar.

[HEADER]
  [Logo: "Acme SaaS"] [Search: "Search..."] [🔔 Notifications] [Avatar: JD]

[SIDEBAR — left, fixed]
  ● Dashboard (active)
  ○ Analytics
  ○ Revenue
  ○ Users
  ○ Settings
  ──────────
  [Avatar] John Doe / Admin

[MAIN CONTENT]

  [KPI CARDS — 4 cols]
  ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐
  │ 💰 Total Revenue  │ │ 👥 Active Users   │ │ 📉 Churn Rate    │ │ 📈 MRR           │
  │ $124,500          │ │ 8,320             │ │ 2.1%             │ │ $10,375          │
  │ ▲ +12% vs last mo │ │ ▲ +4%             │ │ ▼ -0.3%          │ │ ▲ +8%            │
  │ [sparkline ~~~~]  │ │ [sparkline ~~~~]  │ │ [sparkline ~~~~] │ │ [sparkline ~~~~] │
  └──────────────────┘ └──────────────────┘ └──────────────────┘ └──────────────────┘

  [CHART — full width]
  ┌─────────────────────────────────────────────────────────────────────────────────┐
  │ Revenue Over Time                                    [Revenue ▾] [MRR]          │
  │                                                                                 │
  │  $14k │                                          ╭────╮                        │
  │  $12k │                              ╭──────────╯    ╰────                    │
  │  $10k │                    ╭────────╯                                          │
  │   $8k │──────────────────╮╯                                                   │
  │       └──────────────────────────────────────────────────────────             │
  │       Jan  Feb  Mar  Apr  May  Jun  Jul  Aug  Sep  Oct  Nov  Dec               │
  └─────────────────────────────────────────────────────────────────────────────────┘

  [TWO COLUMNS]
  ┌──────────────────────────────────────┐  ┌──────────────────────────────────────┐
  │ New Signups by Week                  │  │ Top Plans                            │
  │  500 │ █                             │  │       ╭──────╮                       │
  │  400 │ █  █                          │  │    ╭──╯      ╰──╮                    │
  │  300 │ █  █  █  █                    │  │   ╱   ●  Pro    ╲                   │
  │  200 │ █  █  █  █  █                 │  │   ╲  ○ Starter  ╱                   │
  │      W1 W2 W3 W4 W5                  │  │    ╰──○ Enterprise╯                 │
  └──────────────────────────────────────┘  └──────────────────────────────────────┘

  [TABLE — Recent Transactions]
  User             Plan        Amount    Date          Status
  ─────────────────────────────────────────────────────────────
  Alice Johnson    Pro         $49.00    Feb 18, 2026  ● Paid
  Bob Smith        Starter     $19.00    Feb 17, 2026  ● Paid
  Carol White      Enterprise  $199.00   Feb 17, 2026  ◌ Pending
  David Lee        Pro         $49.00    Feb 16, 2026  ✕ Failed

  [Pagination: ← 1 2 3 … 12 →]