<Card title="Live Ops Room">
  <Columns>
    <Card title="Players Online">
      <Stat label="Players Online" value="3,842" change="+" tone="info"/>
    </Card>
    <Card title="Active Players">
      <Stat label="Daily Active" value="12,567" change="+" tone="info"/>
      <Stat label="Monthly Active" value="312,450" change="+" tone="info"/>
    </Card>
  </Columns>
</Card>

<Card title="Revenue">
  <Stat label="Revenue Today" value="$128,400" change="+" tone="info"/>
  <Stat label="Revenue Per User" value="$4.2" change="+" tone="info"/>
</Card>

<Card title="Session Length (Past 2 Weeks)">
  <Chart type="line" x="Day" y="Session Length (min)">
| Day | Session Length (min) |
|---|---|
| 1 | 45 |
| 2 | 50 |
| 3 | 48 |
| 4 | 55 |
| 5 | 60 |
| 6 | 58 |
| 7 | 62 |
| 8 | 65 |
| 9 | 60 |
| 10 | 57 |
| 11 | 53 |
| 12 | 51 |
| 13 | 54 |
| 14 | 56 |
</Chart>
</Card>

<Card title="Best‑Selling Items">
  <Chart type="bar" x="Item" y="Units Sold">
| Item | Units Sold |
|---|---|
| Sword | 1,240 |
| Shield | 980 |
| Potion | 1,560 |
| Armor | 720 |
| Gem | 340 |
</Chart>
</Card>

<Card title="Server Region Health">
  <Columns>
    <Column>
      <Stat label="North America" value="87%" change="+" tone="success">
        <Badge tone="success">Healthy</Badge>
      </Stat>
    </Column>
    <Column>
      <Stat label="Europe" value="82%" change="+" tone="success">
        <Badge tone="info">Good</Badge>
      </Stat>
    </Column>
    <Column>
      <Stat label="Asia" value="79%" change="-" tone="warning">
        <Badge tone="warning">Degraded</Badge>
      </Stat>
    </Column>
    <Column>
      <Stat label="South America" value="73%" change="-" tone="danger">
        <Badge tone="danger">Critical</Badge>
      </Stat>
    </Column>
    <Column>
      <Stat label="Africa" value="68%" change="-" tone="danger">
        <Badge tone="danger">Critical</Badge>
      </Stat>
    </Column>
  </Columns>
</Card>

<Card title="Crash Rate by App Version">
  <Chart type="bar" x="App Version" y="Crash Rate (%)">
| App Version | Crash Rate (%) |
|---|---|
| v1.0 | 2.1 |
| v1.1 | 1.4 |
| v1.2 | 0.9 |
| v1.3 | 0.5 |
| v1.4 | 0.3 |
</Chart>
</Card>

<Card title="Live Events">
  <Details title="Running &amp; Upcoming Events" open=true>
    <ul>
      <li>🛡️ Festival of Heroes – Today 12PM (Running)</li>
      <li>🔥 Summer Smash – Starts tomorrow 10AM (Upcoming)</li>
      <li>🎮 New Map Release – Next week (Upcoming)</li>
    </ul>
  </Details>
</Card>

<Card title="Player Reports">
  <Details title="Reports Awaiting Review">
    <ul>
      <li>Player “DragonSlayer” – Cheating suspicion</li>
      <li>Player “PixelPilot” – Harassment report</li>
      <li>Player “QuestMaster” – Bug report</li>
    </ul>
  </Details>
</Card>

<Card title="Ban Appeals">
  <Details title="Appeals Awaiting Review">
    <ul>
      <li>User “NoobMaster” – Request to lift ban</li>
      <li>User “CheatCat” – Appeal for false ban</li>
    </ul>
  </Details>
</Card>

<Card title="Currency Inflation">
  <Stat label="Currency Inflation" value="12%" change="+" tone="warning"/>
  <Progress value="12" max="100" label="Inflation" tone="warning"/>
</Card>

<Card title="Running Experiments">
  <Steps>
    <Step title="Experiment A" status="current">45% Completed</Step>
    <Step title="Experiment B" status="todo">30% Completed</Step>
  </Steps>
</Card>

<Card title="Patch Notes">
  <Form name="patch-notes">
    <TextArea label="Patch Notes" placeholder="Describe changes..." rows="5" hint="Write brief summary" required="false"/>
    <Button variant="primary" label="Save Draft"/>
  </Form>
</Card>

<Card title="Focus Region">
  <Select label="Select Region" options="North America | Europe | Asia | South America | Africa" placeholder="Choose a region" name="region" required="false"/>
</Card>

<Button variant="primary" href="#" label="Ship Hotfix"/>