<Card title="Revenue">
<Columns>
<Stat label="Monthly Recurring Revenue" value="$2.5M" change="▲ 5%" note="Month over month" tone="success" />
<Stat label="Annual Recurring Revenue" value="$30M" change="▲ 6%" note="Year over year" tone="success" />
</Columns>
</Card>

<Card title="Churn">
<Stat label="Churn this month" value="2.4%" change="▲ 0.2%" note="Increase" tone="warning" />
</Card>

<Card title="New signups (90 days)">
<Stat label="New signups" value="1,240" change="▲ 12%" note="Growth" tone="success" />
</Card>

<Card title="Plan Distribution">
<Chart type="pie" title="Customers by Plan" x="Plan" y="Customers">
| Plan | Customers |
|---|---|
| Basic | 4,500 |
| Pro | 3,200 |
| Enterprise | 1,300 |
</Chart>
</Card>

<Card title="Top 10 Customers">
<Text>Customer A – 150 seats – $12,000<br>Customer B – 80 seats – $9,500<br>Customer C – 200 seats – $15,000<br>Customer D – 60 seats – $7,200<br>Customer E – 120 seats – $11,300<br>Customer F – 90 seats – $8,400<br>Customer G – 180 seats – $13,600<br>Customer H – 70 seats – $6,800<br>Customer I – 110 seats – $9,900<br>Customer J – 130 seats – $12,500</Text>
</Card>

<Card title="Accounts at risk">
<Details title="At‑risk accounts" open=true>
<Text>Account X – Reason: Payment failure<br>Account Y – Reason: License expiration<br>Account Z – Reason: Inactive usage</Text>
</Details>
</Card>

<Card title="Failed Payments">
<Text>Payment #1001 – Failed – <Button variant="secondary" label="Retry" disabled=true /><br>
Payment #1002 – Failed – <Button variant="secondary" label="Retry" /><br>
Payment #1003 – Failed – <Button variant="secondary" label="Retry" /></Text>
</Card>

<Card title="Feature Adoption">
<Columns>
<Stat label="Feature 1 Adoption" value="45%" change="▲ 5%" note="Increase" tone="success" />
<Stat label="Feature 2 Adoption" value="38%" change="▲ 3%" note="Increase" tone="success" />
<Stat label="Feature 3 Adoption" value="52%" change="▲ 7%" note="Increase" tone="success" />
</Columns>
</Card>

<Card title="NPS">
<Stat label="NPS" value="68" change="▲ 3" note="Improved" tone="success" />
</Card>

<Card title="Reporting Period">
<Form name="report-period">
<Select label="Reporting period" placeholder="Select period" options="Last 30 days | Last 90 days | YTD | Custom" value="Last 30 days" hint="Choose the period to view" required=true />
<Button variant="primary" label="Apply" size=small />
</Form>
</Card>

<Card title="Seat Utilization">
<Stat label="Utilization" value="78%" change="▲ 2%" note="High" tone="success" />
<Progress value=78 max=100 label="Seat utilization" tone="info" />
</Card>

<Card title="Invite Admin">
<Form name="invite-admin">
<Input label="Admin email" name="admin_email" type="email" placeholder="admin@example.com" hint="Required" required=true />
<Button variant="primary" label="Invite" size=medium />
</Form>
</Card>