Build the dashboard in layers:

1. Application shell: page background, navigation, content container.
2. Page header: title, summary, primary action.
3. Metric cards: consistent grid, number hierarchy, descriptive labels.
4. Task controls: search, filter, sort, and status indicators.
5. Task list: readable rows, due dates, owners, and completion state.
6. Responsive behavior: stack on narrow screens; introduce sidebars or columns only when content has room.

Use semantic landmarks such as <header>, <nav>, <main>, and sections with meaningful headings. Use realistic data and test long task titles, empty results, and error states.