## ADDED Requirements ### Requirement: My Tasks page uses Shot Task style header The My Tasks page SHALL use a header layout consistent with the Shot Task page, including title, filter bar, and action buttons. #### Scenario: My Tasks header matches Shot Task style - **WHEN** the My Tasks page is rendered - **THEN** the header SHALL contain a title section, filter controls, and action buttons arranged similarly to the Shot Task page #### Scenario: Header includes project filter - **WHEN** the My Tasks header is displayed - **THEN** there SHALL be a project dropdown filter to select which project's tasks to view (or all projects) ### Requirement: My Tasks data table columns match Shot Task configuration The My Tasks page SHALL display task data in columns that align with the Shot Task page table structure, with the addition of a Project column. #### Scenario: Table columns follow Shot Task pattern - **WHEN** the My Tasks data table is rendered - **THEN** it SHALL display columns similar to Shot Task (e.g., Name, Status, Priority, Due Date, Assignee) plus a Project column #### Scenario: Column ordering is consistent with Shot Task - **WHEN** the columns are displayed - **THEN** they SHALL be ordered to match Shot Task conventions with Project column prominently placed ### Requirement: My Tasks visual styling matches Shot Task page The My Tasks page SHALL use visual styling (colors, spacing, typography) consistent with the Shot Task page. #### Scenario: Visual consistency with Shot Task - **WHEN** the My Tasks page is rendered - **THEN** it SHALL use the same color scheme, spacing, and typography as the Shot Task page #### Scenario: Component styling matches Shot Task - **WHEN** UI components (buttons, inputs, dropdowns) are rendered - **THEN** they SHALL use the same styling as corresponding Shot Task components