<Card title="Financial Overview">
<Columns>
<Stat label="Revenue" value="$1.2M" change="+5%" tone="success" />
<Stat label="Costs" value="$800k" change="+6%" tone="danger" />
<Stat label="Profit" value="$400k" change="+5%" tone="success" />
</Columns>
</Card>

<Card title="Quarterly Trends">
<Columns>
<Chart type="line" x="Quarter" y="USD" title="Revenue">
| Quarter | Revenue |
|---|---|
| Q1 | 1,200,000 |
| Q2 | 1,300,000 |
| Q3 | 1,500,000 |
| Q4 | 1,600,000 |
</Chart>
<Chart type="line" x="Quarter" y="USD" title="Costs">
| Quarter | Costs |
|---|---|
| Q1 | 800,000 |
| Q2 | 850,000 |
| Q3 | 900,000 |
| Q4 | 950,000 |
</Chart>
</Columns>
</Card>

<Card title="Budget by Department">
<Details title="Budget vs Plan" open=true>
<Card title="Budget vs Plan">
<Chart type="bar" x="Department" y="USD" title="Budget vs Plan">
| Department | Budget | Plan |
|---|---|---|
| Engineering | 500,000 | 520,000 |
| Marketing | 200,000 | 210,000 |
| Sales | 300,000 | 290,000 |
| HR | 100,000 | 100,000 |
</Chart>
</Card>
</Details>
</Card>

<Card title="Headcount by Department">
<Card title="Headcount">
<Stat label="Engineering" value="45" tone="neutral" />
<Stat label="Marketing" value="12" tone="neutral" />
<Stat label="Sales" value="30" tone="neutral" />
<Stat label="HR" value="5" tone="neutral" />
</Card>
</Card>

<Card title="Top Risks">
<FollowUps>
- Supply chain delay – Owner: Jane Doe
- Regulatory change – Owner: John Smith
- Talent retention – Owner: Emily Clark
</FollowUps>
</Card>

<Card title="Strategic Initiatives">
<Card title="Initiatives">
<FollowUps>
- Product launch – Status: In progress
- Market expansion – Status: Planned
- Cost optimization – Status: Ongoing
</FollowUps>
</Card>
</Card>

<Card title="Runway">
<Stat label="Runway" value="9" tone="info" />
</Card>

<Card title="Sales Pipeline">
<Stat label="Pipeline Value" value="$3.2M" tone="info" />
</Card>

<Card title="Win Rate">
<Stat label="Win Rate" value="28%" tone="success" />
</Card>

<Card title="Customer Count & Churn">
<Stat label="Customers" value="1,200" tone="neutral" />
<Stat label="Churn" value="5%" tone="warning" />
</Card>

<Card title="NPS">
<Stat label="NPS" value="+45" tone="success" />
</Card>

<Card title="Next Board Meeting Items">
<FollowUps>
- Q2 financial review
- Risk mitigation plan
- Strategic initiative updates
</FollowUps>
</Card>

<Card title="Controls">
<Form name="quarter-region">
<Select label="Quarter" name="quarter" placeholder="Select quarter" options="Q1 | Q2 | Q3 | Q4" value="Select quarter" required=false />
<Select label="Region" name="region" placeholder="Select region" options="North America | EMEA | APAC" value="Select region" required=false />
<Button variant="primary" href="#" ask>Export Pack</Button>
</Form>
</Card>