*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f7f8;color:#111827}.container{max-width:960px;margin:0 auto;padding:1rem}.card{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.8rem;gap:.8rem}.metric-title{font-size:.85rem;color:#4b5563;min-height:2.2rem}.metric-title,.metric-value{display:flex;align-items:center;justify-content:center}.metric-value{font-size:1.2rem;font-weight:700;margin-top:.4rem}button,input{width:100%;border-radius:8px;border:1px solid #d1d5db;padding:.6rem .7rem;font-size:.95rem}button{cursor:pointer;background:#111827;color:#fff;border:0}.row{display:flex;gap:.6rem}