:root{--brand:#2563eb;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--ok:#16a34a;--warn:#d97706;--bad:#dc2626}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f8fafc}.wrap{max-width:760px;margin:0 auto;padding:32px 20px}h1{font-size:24px}h2{font-size:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.step{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.step.active{background:var(--brand);color:#fff;border-color:var(--brand)}.step.done{background:#ecfdf5;color:var(--ok);border-color:#a7f3d0}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px}button{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:10px 16px;font-weight:600;cursor:pointer}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.row{display:flex;gap:10px;align-items:center}.badge{font-size:12px;padding:3px 8px;border-radius:999px}.b-pass{background:#ecfdf5;color:var(--ok)}.b-pend{background:#fffbeb;color:var(--warn)}.b-fail{background:#fef2f2;color:var(--bad)}.muted{color:var(--muted);font-size:13px}