:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f6fa}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(500px,100%);background:#fff;border:1px solid #dbe3ec;border-radius:18px;padding:38px;box-shadow:0 18px 55px rgba(15,23,42,.08)}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.03em}.eyebrow{margin:26px 0 14px;color:#64748b;font-size:16px}h1{font-size:28px;margin:0 0 18px}p{color:#64748b;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;background:#236fd1;color:#fff;text-decoration:none;font-weight:700;margin:4px 0 18px;border:0;cursor:pointer}.button.secondary{background:#111827}.button:hover{filter:brightness(.96)}small{display:block;color:#8a97a8}.user{display:flex;gap:12px;align-items:center;margin:18px 0}.user img{width:44px;height:44px;border-radius:999px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.status{padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;margin-top:16px}.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}

.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.metrics>div{border:1px solid #e2e8f0;border-radius:10px;padding:14px;background:#fff}
.metrics strong{display:block;font-size:24px;color:#0f172a}
.metrics span{display:block;margin-top:3px;font-size:12px;color:#64748b}
@media(min-width:520px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}