# Month-End Finance View

<Card title="Cash Position" subtitle="As of month-end">
<Columns>
<Stat label="Cash on Hand" value="$1,284,500" change="+2.4% vs last month" tone="success" icon="wallet" />
<Stat label="Monthly Burn" value="$186,200" change="−3.1% vs last month" tone="info" icon="trend-down" />
<Stat label="Months of Runway" value="6.9" change="+0.2 months" tone="success" icon="hourglass" />
</Columns>
</Card>

<Card title="Expenses by Category" subtitle="This month">
<Chart type="donut" title="Expense split">
| Category | Amount |
|---|---|
| Payroll | 84,500 |
| Cloud & Software | 32,100 |
| Marketing | 24,800 |
| Office & Rent | 18,000 |
| Travel | 9,600 |
| Other | 17,200 |
</Chart>
</Card>

<Card title="Large Transactions" subtitle="Above $10,000 this month">
| Date | Description | Category | Amount |
|---|---|---|---|
| Mar 3 | AWS Annual Commitment | Cloud & Software | $24,000 |
| Mar 7 | Payroll Processing | Payroll | $84,500 |
| Mar 12 | Google Ads Campaign | Marketing | $15,200 |
| Mar 18 | Office Lease Payment | Office & Rent | $18,000 |
| Mar 21 | Figma Enterprise License | Cloud & Software | $12,400 |
| Mar 25 | Hiring Agency Fee | Other | $11,800 |
</Card>

<Card title="Month Selector & Statement">
<Columns>
<Form name="month-selector">
<Select label="View another month" options="March 2025 | February 2025 | January 2025 | December 2024" placeholder="Choose a month" />
<Button>Load month</Button>
</Form>
<Form name="download">
<Button variant="secondary" label="Download Statement" icon="download">Download Statement</Button>
<Button variant="tertiary" label="Download CSV" icon="file-csv">Download CSV</Button>
</Form>
</Columns>
</Card>