*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font-family:system-ui,sans-serif}header{background:white;padding:18px;position:sticky;top:0;border-bottom:1px solid #ddd}header small{display:block;color:#718096;margin-top:3px}main{max-width:700px;margin:auto;padding:18px}.card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:20px;margin-bottom:15px;box-shadow:0 4px 18px #0000000a}button{border:0;border-radius:12px;padding:12px 16px;margin:5px;background:#1f6feb;color:white}input{width:100%;padding:13px;border:1px solid #ccd5e2;border-radius:12px;margin:7px 0}.hide{display:none}.badge{background:#eaf2ff;color:#1f6feb;padding:5px 10px;border-radius:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid div{padding:18px;border:1px solid #e3e8f0;border-radius:14px}@media(max-width:500px){.grid{grid-template-columns:1fr}}