:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#12243a;background:#eef3f8}*{box-sizing:border-box}body{margin:0}main{width:min(920px,calc(100% - 32px));margin:32px auto}header,section{background:#fff;border:1px solid #dbe4ed;border-radius:16px;padding:24px;margin-bottom:16px}h1{color:#036;margin:16px 0 4px}h2{margin-top:0;font-size:18px}.badge{display:inline-block;background:#ffedd5;color:#9a3412;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px}.ok{color:#047857;font-weight:700}.pending{color:#64748b}.error{color:#b91c1c}form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}input,button{border:1px solid #cbd5e1;border-radius:10px;padding:11px 14px;font:inherit}button{background:#06c;color:#fff;border:0;cursor:pointer;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}article{background:#f8fafc;border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:10px}footer{color:#64748b;font-size:13px;padding:8px;text-align:center}