body { font-family: system-ui, sans-serif; margin: 0; background: #f7f7f5; color: #1a1a1a; }
.wrap { max-width: 640px; margin: 2rem auto; padding: 0 1rem; }
h1 { font-size: 1.4rem; }
.checklist { list-style: none; padding: 0; }
.step { border: 1px solid #ddd; border-radius: 8px; background: #fff; margin: 0.75rem 0; padding: 0.9rem 1rem; }
.step.done { border-color: #1d9e75; }
.step.done::before { content: "✓ "; color: #1d9e75; font-weight: 600; }
.panel { margin-top: 0.6rem; display: flex; flex-direction: column; gap: 0.5rem; }
input[type="text"], input[type="password"], select { padding: 0.5rem; border: 1px solid #ccc; border-radius: 6px; }
button { padding: 0.5rem 1rem; border: 0; border-radius: 6px; background: #0f6e56; color: #fff; cursor: pointer; width: fit-content; }
button:disabled { background: #aaa; cursor: default; }
#status.error { color: #a32d2d; }