# Admin Overview

<Card subtitle="Select a reporting window to refresh all metrics">
<Select label="Reporting period" name="period" options="Last 30 days | Last 90 days | Last 12 months | Year to date | Custom range" value="Last 30 days" />
</Card>

<Columns>
<Card title="Monthly Recurring Revenue">
<Stat label="MRR" value="$247,832" change="+4.2% vs prior month" tone="success" icon="currency-dollar" />
</Card>
<Card title="Annual Recurring Revenue">
<Stat label="ARR" value="$2,973,984" change="+3.8% vs prior year" tone="success" icon="calendar" />
</Card>
<Card title="Churn This Month">
<Stat label="Revenue churn" value="2.1%" change="-0.3 pp vs last month" tone="success" icon="chart-line-down" />
</Card>
<Card title="Current NPS">
<Stat label="Net Promoter Score" value="62" change="+4 vs last quarter" tone="success" icon="users" />
</Card>
</Columns>

<Columns>
<Card title="New Signups (Past 90 Days)">
<Chart type="line" x="Week" y="Signups">
| Week | Signups |
|---|---|
| W1 | 12 |
| W2 | 18 |
| W3 | 15 |
| W4 | 22 |
| W5 | 19 |
| W6 | 25 |
| W7 | 28 |
| W8 | 24 |
| W9 | 31 |
| W10 | 29 |
| W11 | 35 |
| W12 | 33 |
| W13 | 38 |
</Chart>
</Card>
<Card title="Customers by Plan">
<Chart type="donut" x="Plan" y="Customers">
| Plan | Customers |
|---|---|
| Starter | 1,240 |
| Professional | 680 |
| Enterprise | 142 |
| Custom | 28 |
</Chart>
</Card>
</Columns>

<Card title="Top 10 Customers by Spend">
| Customer | Plan | Seats | Monthly Spend | Status |
|---|---|---|---|---|
| Acme Corporation | Enterprise | 450 | $42,500 | Active |
| Globex Inc | Enterprise | 320 | $31,200 | Active |
| Wayne Enterprises | Enterprise | 280 | $27,800 | Active |
| Stark Industries | Professional | 180 | $19,400 | Active |
| Umbrella Corp | Enterprise | 150 | $16,750 | At Risk |
| Cyberdyne Systems | Professional | 120 | $13,200 | Active |
| Massive Dynamic | Custom | 95 | $11,800 | Active |
| Initech | Professional | 85 | $9,600 | Active |
| Pied Piper | Starter | 60 | $6,800 | Active |
| Hooli | Professional | 55 | $6,200 | Active |
</Card>

<Columns>
<Card title="Accounts at Risk">
| Account | Plan | Seats | Risk Reason | Health Score |
|---|---|---|---|---|
| Umbrella Corp | Enterprise | 150 | Low adoption (12% MAU), no login in 14 days | 28 |
| Dunder Mifflin | Professional | 40 | Failed payment ×2, support tickets unanswered | 35 |
| Oscorp | Starter | 25 | Champion left, no renewal contact identified | 42 |
| SPECTRE | Professional | 35 | Usage dropped 60% MoM, contract ends in 30 days | 31 |
</Card>
<Card title="Failed Payments (Retry Available)">
| Customer | Amount | Failed On | Attempts | Action |
|---|---|---|---|---|
| Dunder Mifflin | $4,200 | 2025-01-18 | 2 | <Button size="small" variant="primary">Retry</Button> |
| SPECTRE | $3,500 | 2025-01-15 | 3 | <Button size="small" variant="primary">Retry</Button> |
| Vandelay Industries | $1,800 | 2025-01-12 | 1 | <Button size="small" variant="primary">Retry</Button> |
| Wonka Industries | $2,900 | 2025-01-10 | 2 | <Button size="small" variant="primary">Retry</Button> |
</Card>
</Columns>

<Card title="Newest Feature Adoption">
<Columns>
<Card title="AI Workflow Builder">
<Progress value="34" max="100" label="34% of eligible users" tone="info" />
<Stat label="Active users" value="1,247" change="+23% WoW" tone="neutral" />
</Card>
<Card title="Advanced Analytics Dashboards">
<Progress value="52" max="100" label="52% of eligible users" tone="success" />
<Stat label="Active users" value="1,892" change="+12% WoW" tone="neutral" />
</Card>
<Card title="SSO / SCIM Provisioning">
<Progress value="18" max="100" label="18% of eligible users" tone="warning" />
<Stat label="Active users" value="654" change="+8% WoW" tone="neutral" />
</Card>
</Columns>
</Card>

<Card title="Seat Utilization">
<Progress value="73" max="100" label="73% of 12,450 total seats allocated" tone="info" />
<Columns>
<Stat label="Allocated" value="9,089" tone="neutral" icon="users" />
<Stat label="Active (30d)" value="6,742" tone="success" icon="user-check" />
<Stat label="Unused" value="3,361" tone="warning" icon="user-minus" />
</Columns>
</Card>

<Card title="Invite Another Admin">
<Form name="invite-admin">
<Input label="Email address" name="email" type="email" placeholder="colleague@company.com" hint="They'll receive an invite link to set up their account" required="true" />
<Select label="Role" name="role" options="Admin | Owner | Viewer" value="Admin" required="true" />
<Button>Send invitation</Button>
<Button variant="tertiary">Cancel</Button>
</Form>
</Card>