# Task Focus

<Card title="Most Urgent Task" subtitle="Your single priority right now">
<KeyValue title="Task details">
| Field | Value |
|---|---|
| Task | Submit Q3 expense report |
| Deadline | Today, 5:00 PM |
| Priority | <Badge tone="danger">High</Badge> |
| Assignee | You |
</KeyValue>

<Stat label="Time remaining" value="2h 45m" icon="clock" tone="warning" />
</Card>

<Card title="Current status">
<Progress value="2" max="4" label="In progress — 2 of 4 steps done" tone="info" />

<Checklist title="Steps" name="task-steps">
- [x] Gather receipts
- [x] Categorize expenses
- [ ] Attach supporting documents
- [ ] Submit for approval
</Checklist>
</Card>

<Card title="Mark as done">
<Callout tone="success" title="Almost there">
You've completed half the steps. Finish the remaining two and check them off below.
</Callout>

<Form name="mark-done">
<Checkboxes label="Confirm before completing" options="I've attached all documents | I've reviewed the totals | I'm ready to submit" name="confirmations" />
<Button variant="primary" label="Mark task as done">Mark task as done</Button>
</Form>
</Card>

<FollowUps>
- What happens after I submit the report?
- Show me the approval workflow
- Remind me about similar tasks due this week
</FollowUps>