body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f7f8f7;color:#111}.page{padding:32px;max-width:1200px;margin:auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff;border-radius:18px;padding:28px;box-shadow:0 2px 10px #0001}.eyebrow{font-size:13px;font-weight:700;color:#0b7a3b;text-transform:uppercase;letter-spacing:.08em}h1{font-size:42px;margin:6px 0 0}.userbox{display:flex;flex-direction:column;align-items:flex-end}.userbox span{font-size:13px;color:#666}.status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.status span{background:#fff;border-radius:12px;padding:14px;box-shadow:0 1px 6px #0001}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:120px;border:0;border-radius:16px;background:#0b7a3b;color:#fff;font-size:20px;font-weight:700;cursor:pointer}.card:hover{filter:brightness(.95)}@media(max-width:800px){.status,.grid{grid-template-columns:1fr 1fr}.hero{align-items:flex-start;flex-direction:column}.userbox{align-items:flex-start}}