Project Management Dashboard

Build a project management dashboard for an agile software team. The layout should include:

1. **Fixed left sidebar (240px)** — Logo ("SprintOS") at top, nav links: Overview, Projects, My Tasks, Team, Reports, Settings. Below the nav, a "Projects" collapsible section lists 4 active projects as sub-items: "Redesign 2026", "API v3", "Mobile App", "Marketing Site". Each sub-item has a color dot. At the bottom, a user avatar with name "Alex Rivera / Engineer". Sidebar collapses to icons on tablets, hidden with hamburger on mobile.

2. **Top header** — Breadcrumb "Overview" on left, a "New task" button (blue-600) center-right, then a date range picker ("Feb 1 – Feb 21, 2026"), notification bell, and avatar.

3. **KPI card strip (4 cards):**
   - **Open Tasks:** 38, ▲ +4 since last sprint
   - **Completed This Sprint:** 22 / 30 tasks (73%), green progress ring
   - **Overdue:** 5 tasks, red badge with an alert icon
   - **Team Velocity:** 44 pts/sprint, ▼ down from 51 last sprint
   Each card has a subtle 7-day sparkline.

4. **Burndown chart (full-width)** — Line chart titled "Sprint 14 Burndown" showing ideal burndown (dashed line, gray) vs actual (solid blue). X-axis: sprint days 1–14. Y-axis: story points remaining (0–30). The actual line trails the ideal line by about 3 days. Show a tooltip on the current day marker. Toggle buttons above: "Story Points | Issues".

5. **Three-column lower section:**
   - **Left column (40%) — Kanban Summary:** Four mini-column cards in a 2×2 grid:
     - To Do: 12 tasks
     - In Progress: 9 tasks (2 blocked, shown in orange)
     - In Review: 5 tasks
     - Done: 22 tasks
     Each mini-card shows the column name, task count, and a small horizontal bar showing proportion of total.
   - **Center column (35%) — Overdue Tasks:** A flat list of 5 overdue tasks: task name, assignee avatar, project color dot, due date in red ("Feb 18"), and a "View" link. Example tasks: "Update auth middleware" (API v3), "Mobile nav refactor" (Mobile App), "Homepage A/B test" (Marketing Site).
   - **Right column (25%) — Team Utilization:** List of 5 team members each with: avatar, name, role, and a horizontal utilization bar (0–100%): Alex Rivera 72%, Jordan Kim 88%, Priya Nair 61%, Sam Torres 95% (red, near capacity), Chris Obi 44%.

6. **Design:** Dark sidebar (zinc-900 background, white text), white main area, Inter font, blue-600 primary accent, subtle card shadows, 16px gap grid.

[HEADER]
  Overview              [+ New task]  [Feb 1 – Feb 21, 2026 ▾]  [🔔]  [Avatar: AR]

[SIDEBAR — 240px, dark zinc-900]
  [Logo: SprintOS]
  ● Overview
  ○ Projects
  ○ My Tasks
  ○ Team
  ○ Reports
  ○ Settings
  ──────────
  PROJECTS
  🔴 Redesign 2026
  🔵 API v3
  🟢 Mobile App
  🟡 Marketing Site
  ──────────
  [Avatar] Alex Rivera / Engineer

[KPI CARDS — 4 cols]
┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌──────────────────┐
│ 📋 Open Tasks    │ │ ✅ Completed      │ │ ⚠️  Overdue      │ │ ⚡ Velocity      │
│ 38               │ │ 22 / 30 tasks     │ │ 5 tasks          │ │ 44 pts/sprint    │
│ ▲ +4 this sprint │ │ 73% complete      │ │ 🔴 needs action  │ │ ▼ down from 51   │
│ [sparkline ~~~~] │ │ [ring: 73%]       │ │ [sparkline ~~~~] │ │ [sparkline ~~~~] │
└──────────────────┘ └──────────────────┘ └──────────────────┘ └──────────────────┘

[BURNDOWN CHART — full width]
┌─────────────────────────────────────────────────────────────────────────────────┐
│ Sprint 14 Burndown                              [Story Points]  [Issues]        │
│                                                                                 │
│  30 │╲ - - - - (ideal)                                                         │
│  25 │ ╲ ──── (actual)                                                          │
│  20 │  ╲──╮                                                                    │
│  15 │     ╲───╮                                                                │
│  10 │         ╰─────╮ ← today                                                 │
│   5 │               ╰╌╌╌╌╌╌ (projected)                                       │
│   0 └─────────────────────────────────────────────────────────                │
│     Day 1  2   3   4   5   6   7   8   9  10  11  12  13  14                  │
└─────────────────────────────────────────────────────────────────────────────────┘

[THREE COLUMNS]
┌────────────────────────────┐  ┌──────────────────────────┐  ┌──────────────────┐
│ Kanban Summary             │  │ Overdue Tasks (5)        │  │ Team Utilization │
│                            │  │                          │  │                  │
│ ┌────────────┐ ┌──────────┐│  │ 🔵 Update auth middlewar │  │ AR Alex Rivera   │
│ │ To Do   12 │ │ In Prog 9││  │    API v3 · Feb 18 [View]│  │ Engineer    72%  │
│ │ ██░░░░░░░░ │ │ ██████░░ ││  │    [Avatar: PH]          │  │ ████████░░       │
│ │ 2 blocked🟠│ │ 🟠2 block││  │                          │  │                  │
│ └────────────┘ └──────────┘│  │ 🟢 Mobile nav refactor   │  │ JK Jordan Kim    │
│ ┌────────────┐ ┌──────────┐│  │    Mobile App · Feb 17   │  │ Engineer    88%  │
│ │ In Review 5│ │ Done   22││  │    [Avatar: JK]  [View]  │  │ █████████░       │
│ │ ████░░░░░░ │ │ ██████████  │                          │  │                  │
│ └────────────┘ └──────────┘│  │ 🟡 Homepage A/B test     │  │ PN Priya Nair    │
│                            │  │    Marketing · Feb 16    │  │ Designer    61%  │
│                            │  │    [Avatar: AR]  [View]  │  │ ██████░░░░       │
│                            │  │                          │  │                  │
│                            │  │ 🔵 Fix API rate limiter  │  │ ST Sam Torres    │
│                            │  │    API v3 · Feb 15 [View]│  │ Lead        95%  │
│                            │  │                          │  │ ██████████ 🔴    │
│                            │  │ 🔴 Redesign nav desktop  │  │                  │
│                            │  │    Redesign · Feb 14     │  │ CO Chris Obi     │
│                            │  │    [Avatar: ST]  [View]  │  │ QA          44%  │
└────────────────────────────┘  └──────────────────────────┘  │ ████░░░░░░       │
                                                                └──────────────────┘