:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#081720;color:#edf8fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:48px auto;padding:0 24px}.checkout{max-width:660px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}h1{margin:8px 0;font-size:2rem;letter-spacing:-.04em}h2{font-size:1.15rem;margin:0}p{color:#abc4cf}.eyebrow{text-transform:uppercase;color:#5ed6ca;letter-spacing:.14em;font-size:.75rem;font-weight:700}.panel{padding:24px;background:#102631;border:1px solid #254552;border-radius:12px;margin:20px 0}.field{display:grid;gap:8px;margin-bottom:18px}label{font-size:.85rem}input,select,button{font:inherit;border-radius:7px;padding:10px 12px;color:inherit}input,select{background:#0a1e29;border:1px solid #365d6c;width:100%}input[type=checkbox]{width:auto}button,.button{background:#147d78;border:1px solid transparent;cursor:pointer;color:white;font-weight:600;text-decoration:none;display:inline-block}button:hover{background:#1a9890}button.secondary{background:transparent;border-color:#365d6c}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid #f5c777;outline-offset:3px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row .field{flex:1;min-width:180px}.tag{padding:4px 10px;background:#284653;border-radius:20px;font-size:.8rem;white-space:nowrap}.paid{background:#124439;color:#91ead0}.waiting{background:#4a3b22;color:#f7d38b}.failed,.expired,.cancelled{background:#482d30;color:#ffb4a4}.message{color:#ffb4a4;white-space:pre-wrap}.success{color:#91ead0}.table-scroll{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #254552}th{background:#163441}td code{font-size:.75rem;overflow-wrap:anywhere}td button{padding:6px 10px;font-size:.8rem;margin:2px}.muted{font-size:.8rem;color:#abc4cf}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dt{color:#abc4cf}dd{margin:0;overflow-wrap:anywhere}a{color:#69ded1}.amount{font-size:2.5rem;font-weight:700;margin:12px 0}small{display:block;color:#abc4cf}details summary{cursor:pointer}details form{margin-top:20px}[hidden]{display:none!important}@media(max-width:600px){main{margin:24px auto;padding:0 16px}.panel{padding:20px}header{align-items:start;flex-direction:column}dl{grid-template-columns:1fr}dd{margin-bottom:12px}.table-scroll{padding:0}}
