:root{--bg-primary:#0a192f;--bg-secondary:#112240;--bg-tertiary:#1d3557;--accent:#64ffda;--accent-glow:#64ffda33;--text-primary:#ccd6f6;--text-secondary:#8892b0;--text-dim:#5a6480;--border:#233554;--success:#64ffda;--success-glow:#64ffda1f;--error:#ff6b6b;--error-glow:#ff6b6b1f;--card-radius:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}header{border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:1.5rem}header h1{color:var(--accent);margin-bottom:.35rem;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}header p{color:var(--text-secondary);font-size:.9rem}header code{color:#a8dadc;font-size:.85em}.back-link{color:var(--accent);margin-top:.65rem;font-size:.85rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.layout{gap:1rem;max-width:960px;margin:1.5rem auto;padding:0 1rem 2rem;display:grid}.layout.two-col{grid-template-columns:1fr 1.2fr}@media (width<=768px){.layout.two-col{grid-template-columns:1fr}}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--card-radius);padding:1.25rem}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:1rem;font-size:.75rem}.card-spaced{margin-top:0}.form-group{margin-bottom:.85rem}label{color:var(--text-dim);margin-bottom:.35rem;font-size:.8rem;display:block}input[type=text],input[type=email],input[type=password]{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:.55rem .65rem;font-family:inherit;font-size:.95rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{background:var(--accent);color:#0a192f;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600}.btn-secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed}#status-banner{margin-top:.75rem;display:none}#status-banner.ok{background:var(--success-glow);border:1px solid var(--success);color:var(--success);border-radius:6px;padding:.65rem;font-size:.875rem;display:block}#status-banner.error{background:var(--error-glow);border:1px solid var(--error);color:var(--error);border-radius:6px;padding:.65rem;font-size:.875rem;display:block}#output,#order-detail,pre.detail{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);white-space:pre-wrap;border-radius:6px;min-height:6rem;padding:1rem;font-family:SF Mono,Consolas,monospace;font-size:.8rem;overflow-x:auto}.code-hint{color:var(--text-dim);margin-top:.75rem;font-size:.8rem;line-height:1.5}.code-hint code{color:#a8dadc}.empty-panel{color:var(--text-dim);padding:.5rem 0;font-size:.9rem}.flow-mount{min-height:200px;padding:.5rem 0}