:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0d1117;--panel:#171d26;--ink:#f0f3f8;--muted:#9aa7b8;--line:#ffffff12;--accent:#75acff;font-synthesis:none}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:#75acff40}.checkout-shell{justify-content:center;align-items:flex-start;min-height:100svh;padding:40px 18px;display:flex}.payment-card{background:var(--panel);border:1px solid #ffffff17;border-radius:22px;width:100%;max-width:480px;padding:26px 28px 23px;box-shadow:0 18px 65px #00000026}.card-header{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{letter-spacing:-.45px;margin:0;font-size:20px;font-weight:620;line-height:1.3}.network-label{color:#a9b6c6;align-items:center;gap:7px;font-size:12px;display:inline-flex}.network-label>span{background:#6fbd9e;border-radius:50%;width:5px;height:5px}.amount-section{text-align:center;padding-top:25px}.order-id{color:var(--muted);overflow-wrap:anywhere;margin:0 0 10px;font-size:12px}.amount-display{justify-content:center;align-items:baseline;gap:10px;min-width:0;display:flex}.amount-display strong{letter-spacing:-1.8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;font-size:clamp(30px,7.5vw,43px);font-weight:620;line-height:1.2}.amount-display>span{color:#a7b5c8;font-size:19px;font-weight:500}.amount-caption{color:var(--muted);margin:5px 0 0;font-size:12px}.currency-field{border:0;gap:10px;min-width:0;margin:20px 0 0;padding:0;display:flex}.currency-option{cursor:pointer;color:#b0bbca;background:#ffffff02;border:1px solid #ffffff15;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:0;padding:11px 12px;font-weight:600;display:flex;position:relative}.currency-option.selected{color:#e9f1ff;background:#75acff0d;border-color:#75acff75}.currency-option:has(input:disabled){cursor:default}.currency-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.currency-option input{opacity:0;width:1px;height:1px;position:absolute}.coin{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:19px;line-height:1;display:grid}.coin.usdt{background:#269a7b}.coin.gram{background:#288fe0;font-size:25px}.radio-dot{border:1px solid #60718a;border-radius:50%;flex-shrink:0;place-items:center;width:14px;height:14px;margin-left:auto;display:grid}.selected .radio-dot{background:var(--accent);color:#11223c;border-color:var(--accent)}.payment-status{background:#75acff08;border:1px solid #76a8e91a;border-radius:11px;align-items:flex-start;gap:10px;margin-top:22px;padding:13px 14px;display:flex}.status-symbol{color:#88b5f5;flex-shrink:0;margin-top:2px;display:flex}.payment-status>div{min-width:0}.payment-status strong{color:#d5e2f5;font-size:13px;font-weight:600;display:block}.payment-status p{color:#99abc3;margin:3px 0 0;font-size:12px;line-height:1.6}.countdown{color:#c2d3ea;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;padding-top:1px;font-size:12px}.status-attention{background:#e5b27308;border-color:#e5b27326}.status-attention .status-symbol{color:#d8b47d}.status-attention strong{color:#e9ceab}.status-attention p{color:#bba990}.status-success{background:#6acd9b09;border-color:#6acd9b2e}.status-success .status-symbol{color:#7ad6a6}.status-success strong{color:#a9e7c7}.status-success p{color:#9dc4af}.qr-block{text-align:center;margin-top:23px}.qr-frame{aspect-ratio:1;background:#fff;border-radius:15px;justify-content:center;align-items:center;width:252px;max-width:100%;height:252px;margin:0 auto;padding:9px;display:flex}.qr-frame svg{width:232px;max-width:100%;height:auto;display:block}.qr-block>p{color:var(--muted);margin:10px 0 0;font-size:12px}.primary-button{background:var(--accent);color:#112340;border:1px solid #75acff;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:51px;margin-top:20px;padding:12px 16px;font-size:14px;font-weight:650;transition:background .15s;display:flex}.primary-button:hover{background:#94beff}.primary-button svg{flex-shrink:0}.primary-button>svg:last-child{margin-left:auto}.primary-button>svg:first-child{margin-right:auto}.payment-details{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.detail-field+.detail-field{margin-top:14px}.detail-label{color:#b7c2d0;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;font-size:12px;display:flex}.detail-label>span{color:#8d9bb0;font-size:12px}.copy-row{align-items:center;gap:12px;display:flex}.copy-row code{color:#a8b7ca;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1;min-width:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.65}.copy-button{color:#a7bad2;background:#ffffff03;border:1px solid #fff1;border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.copy-button:hover{color:#c3d9ff;background:#75acff12;border-color:#75acff50}.copy-feedback{color:#8d9db2;min-height:20px;margin:11px 0 0;font-size:12px;line-height:1.6}.status-controls{border-top:1px solid var(--line);text-align:center;margin-top:19px;padding-top:17px}.secondary-button{color:#b9c9df;background:0 0;border:1px solid #ffffff15;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 15px;font-size:13px;font-weight:500;display:flex}.secondary-button:hover:not(:disabled){background:#ffffff05;border-color:#ffffff2c}.secondary-button:disabled{color:#8b9bb1}.last-checked,.check-error{color:#8797ad;margin:10px 0 0;font-size:12px;line-height:1.6}.check-error{color:#c5ae8e}.success-mark{color:#8fe4b5;background:#72d2a010;border:1px solid #72d2a035;border-radius:50%;place-items:center;width:65px;height:65px;margin:25px auto 20px;display:grid}.is-paid .amount-section{padding-top:25px}.is-paid .amount-caption{display:none}.paid-details{text-align:center;margin:24px 0 7px}.paid-details p{color:#a9b7c8;margin:0 0 7px;font-size:13px}.paid-details span{color:#7f90a7;font-size:12px}.empty-state{text-align:center;padding:48px 4px 22px}.empty-icon{color:#82afee;background:#75acff08;border:1px solid #75acff20;border-radius:19px;place-items:center;width:64px;height:64px;margin:0 auto 23px;display:grid}.empty-state h2{letter-spacing:-.3px;margin:0;font-size:19px;font-weight:600}.empty-state p{color:var(--muted);max-width:280px;margin:10px auto 0;font-size:13px;line-height:1.7}.empty-state .secondary-button{margin-top:25px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.checkout-shell{padding:16px 12px 24px}.payment-card{border-radius:18px;padding:22px 20px}.amount-section{padding-top:23px}.qr-block{margin-top:22px}.payment-status{gap:9px;padding:12px}}@media (width<=360px){.checkout-shell{padding:10px 8px 20px}.payment-card{padding:20px 16px}.currency-option{gap:7px;padding:10px}.payment-status{flex-wrap:wrap}.payment-status>div{flex:1}.countdown{margin-left:29px}.amount-display>span{font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.spin{animation:none}}
