body { font-family: system-ui, Arial; margin: 24px; }
.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 16px; }
.card { border: 1px solid #ddd; border-radius: 10px; padding: 14px; }
.pill { display: inline-block; padding: 6px 10px; border-radius: 999px; border: 1px solid #aaa; }
.value { font-size: 32px; font-weight: 700; }
.muted { margin-top: 10px; color: #666; font-size: 12px; }