html,body,#root{height:100%}body{margin:0}:root{--bg:#0b1220;--card:#141c2f;--text:#e7edf7;--muted:#8b98ad;--accent:#ffd23f;--accent-dark:#caa32d;--err:#ff6b6b;--border:#233050;--ok:#4ade80}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #1a2440 0%, var(--bg) 60%);color:var(--text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,sans-serif}.wrap{max-width:440px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:2rem}header h1{margin:0 0 .25rem;font-size:2rem}.tagline{color:var(--muted);margin:0;font-size:.95rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.85rem;display:flex}input{border:1px solid var(--border);color:var(--text);background:#0b1220;border-radius:10px;outline:none;padding:.75rem .85rem;font-size:1rem}input:focus{border-color:var(--accent)}.err{color:var(--err);font-size:.8rem}.quick{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .75rem;font-size:.85rem}.chip:hover{border-color:var(--accent)}.pay{background:var(--accent);color:#111;cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:.95rem;font-size:1.05rem;font-weight:600}.pay:hover:not(:disabled){background:var(--accent-dark)}.pay:disabled{opacity:.4;cursor:not-allowed}.status{border:1px solid var(--border);background:#0b1220;border-radius:8px;margin:0;padding:.75rem;font-size:.9rem}.status.err{border-color:var(--err);color:var(--err)}.muted{color:var(--muted);text-align:center;font-size:.8rem}footer{margin-top:2rem}.receipt{border:1px solid var(--border);background:#0b1220;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.row{justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.row .muted{font-size:.8rem}.voucher{border:1px dashed var(--accent);text-align:center;background:linear-gradient(135deg,#1b2540 0%,#0f1830 100%);border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.voucher-label{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.voucher-digits{letter-spacing:.05em;color:var(--text);cursor:pointer;-webkit-user-select:all;user-select:all;word-break:break-all;font-family:SF Mono,Consolas,monospace;font-size:1.35rem;font-weight:700;line-height:1.4}.copy{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.85rem}.copy:hover{background:#ffd23f14}.hint{color:var(--muted);margin:0;font-size:.8rem}.back{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.9rem;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}