:root{--fg:#111;--muted:#666;--bg:#fafafa;--card:#fff;--border:#e5e5e5;--green:#1a7f37;--amber:#b45309;--red:#b91c1c;--accent:#111}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.page{max-width:640px;margin:0 auto;padding:24px 16px 120px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}h1{margin:0 0 4px;font-size:22px}h2{color:var(--muted);margin:0 0 12px;font-size:16px;font-weight:500}.items{border-collapse:collapse;width:100%}.items td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 0}.items .qty{text-align:right;color:var(--muted);white-space:nowrap;padding-left:12px}.items .total{text-align:right;white-space:nowrap;padding-left:12px}.totals{display:flex;justify-content:space-between;margin-top:12px;font-size:20px;font-weight:600}.badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px}.badge.sent{color:var(--amber);background:#fef3c7}.badge.accepted,.badge.paid{color:var(--green);background:#dcfce7}.badge.pending_payment{color:var(--amber);background:#fef3c7}.badge.expired,.badge.voided{color:var(--red);background:#fee2e2}.cta{position:fixed;background:linear-gradient(to top,var(--bg)60%,transparent);padding:16px;bottom:0;left:0;right:0}.cta button{background:var(--accent);color:#fff;border:0;border-radius:12px;width:100%;padding:18px;font-size:17px;font-weight:600}.cta button:disabled{opacity:.6}.cta .pay-prompt{text-align:center;margin:0 0 10px;font-size:15px;font-weight:600}.cta .pay-options{display:flex;flex-direction:column;gap:8px}.cta button.primary{background:var(--green);font-size:18px}.cta button.primary .sub{display:block;opacity:.9;margin-top:2px;font-size:13px;font-weight:400}.cta button.secondary{color:var(--fg);border:1px solid var(--border);background:0 0;padding:14px;font-size:15px}.next-steps{color:var(--fg);margin:12px 0 0;padding-left:18px}.next-steps li{margin-bottom:6px}.amount-pill{display:inline-block;color:var(--amber);background:#fef3c7;border-radius:8px;padding:4px 10px;font-weight:700}.trust{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.error{color:var(--red)}