@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media(max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media(max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background:#0d1117;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;min-height:100vh;overflow-x:hidden;width:100%}#root{max-width:1200px;width:100%;margin:0 auto;padding:2rem;overflow-x:hidden}h1,h2,h3{margin-bottom:1rem}.app-container{display:flex;flex-direction:column;gap:2rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #21262d}.header h1{background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem}.wallet-button{padding:.75rem 1.5rem;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.wallet-button:hover{background:#30363d;border-color:#10b981}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.main-content{grid-template-columns:1fr}}.card{background:#161b22;border-radius:12px;padding:1.5rem;border:1px solid #21262d;max-width:100%;overflow-x:hidden;word-wrap:break-word}.card h2{font-size:1.25rem;margin-bottom:1rem;color:#f0f6fc}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#8b949e}.form-group input,.form-group select{width:100%;padding:.75rem;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#10b981}.form-group select option{background:#161b22;color:#fff}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover:not(:disabled){background:#059669}.btn-primary:disabled{background:#30363d;cursor:not-allowed}.btn-secondary{background:#21262d;color:#fff;border:1px solid #30363d}.btn-secondary:hover{background:#30363d}.btn-full{width:100%}.qr-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px}.response-container{margin-top:1rem;padding:1rem;background:#0d1117;border:1px solid #21262d;border-radius:8px;font-family:SF Mono,Monaco,Andale Mono,monospace;font-size:.75rem;overflow-x:auto;max-height:300px;overflow-y:auto}.response-container pre{white-space:pre-wrap;word-break:break-all}.status{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.status-success{background:#10b98120;color:#10b981;border:1px solid #10b98140}.status-error{background:#f8717120;color:#f87171;border:1px solid #f8717140}.status-pending{background:#fbbf2420;color:#fbbf24;border:1px solid #fbbf2440}.scanner-container{width:100%;max-width:400px;margin:0 auto;border-radius:12px;overflow:hidden}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;background:transparent;border:1px solid #30363d;border-radius:8px;color:#8b949e;cursor:pointer;transition:all .2s}.tab:hover{border-color:#10b981;color:#fff}.tab.active{background:#10b981;border-color:#10b981;color:#fff}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117f2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-card{background:#161b22;border:1px solid #10b981;border-radius:12px;padding:1.25rem;text-align:center;max-width:340px;width:100%;animation:slideUp .4s ease;margin:auto;flex-shrink:0}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.success-icon{font-size:2rem;margin-bottom:.25rem}.success-title{font-size:1.1rem;font-weight:700;color:#10b981;margin-bottom:.15rem}.success-subtitle{color:#8b949e;margin-bottom:.75rem;font-size:.75rem}.success-details{background:#0d1117;border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;text-align:left}.success-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid #21262d}.success-row:last-child{border-bottom:none}.success-label{color:#8b949e;font-size:.7rem}.success-value{color:#f0f6fc;font-weight:500;font-size:.7rem}.success-link{color:#3b82f6;text-decoration:none}.success-link:hover{text-decoration:underline}.success-badge{display:inline-block;background:#10b98130;color:#10b981;padding:.15rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:600;text-transform:uppercase}.payment-summary{background:#0d1117;border:1px solid #21262d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.payment-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #21262d}.payment-amount{font-size:2rem;font-weight:700;color:#f0f6fc}.payment-token{font-size:1rem;color:#8b949e;margin-left:.5rem}.payment-details-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.payment-label{color:#8b949e}.payment-value{color:#f0f6fc}.payment-value.highlight{color:#10b981;font-weight:600}.ai-summary{background:linear-gradient(135deg,#1e3a5f,#0d1117);border:1px solid #3b82f6;border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;max-width:100%;overflow-x:hidden;word-wrap:break-word}.ai-summary-header{display:flex;align-items:center;gap:.25rem;margin-bottom:.35rem;color:#3b82f6;font-weight:600;font-size:.65rem}.ai-summary-text{color:#c9d1d9;font-size:.65rem;line-height:1.4}.ai-summary-text strong{color:#10b981}@media(max-width:768px){#root{padding:1rem}.header{flex-direction:column;gap:1rem;text-align:center}.header h1{font-size:1.25rem}.main-content{gap:1rem}.card{padding:1rem}.tabs{flex-wrap:wrap}.tab{flex:1;min-width:100px;text-align:center}.btn{padding:1rem 1.5rem;font-size:1rem}.form-group input,.form-group select{padding:1rem;font-size:16px}.success-card{padding:1rem;margin:.5rem}.success-icon{font-size:1.75rem}.success-title{font-size:1rem}.success-details{padding:.5rem}.success-row{flex-direction:row;gap:.5rem}.success-value,.success-link{word-break:break-all;font-size:.65rem}.ai-summary{padding:.5rem}.ai-summary-text{font-size:.6rem}.response-container{font-size:.65rem;max-height:200px}.payment-amount{font-size:1.5rem}.ai-summary{padding:1rem}}@media(max-width:375px){#root{padding:.75rem}.header h1{font-size:1.1rem}.btn{padding:.875rem 1rem}.success-card{padding:1.25rem}}.preloaded-payment-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d1117,#161b22);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;padding:1rem;overflow-y:auto}.preloaded-payment-card{background:#161b22;border:1px solid #30363d;border-radius:16px;padding:2rem;text-align:center;max-width:400px;width:100%;animation:slideUp .4s ease}.preloaded-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.preloaded-header h2{color:#f0f6fc;font-size:1.25rem;margin:0}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#10b98120;border:1px solid #10b98140;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.5rem}.countdown-timer.countdown-warning{background:#f9731620;border-color:#f9731640}.countdown-timer.countdown-warning .countdown-text{color:#f97316}.countdown-icon{font-size:1.25rem}.countdown-text{font-size:1.5rem;font-weight:700;color:#10b981;font-family:SF Mono,Monaco,monospace}.countdown-label{color:#8b949e;font-size:.875rem}.countdown-expired{background:#f8717120;border:1px solid #f8717140;border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#f87171;font-weight:600}.preloaded-amount-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.preloaded-amount{font-size:2.5rem;font-weight:700;color:#f0f6fc}.preloaded-token{font-size:1.25rem;color:#10b981;font-weight:600}.preloaded-details{background:#0d1117;border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.preloaded-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #21262d;font-size:.875rem}.preloaded-row:last-child{border-bottom:none}.preloaded-row span:first-child{color:#8b949e}.preloaded-row span:last-child{color:#f0f6fc;font-weight:500}.preloaded-error{background:#f8717120;border:1px solid #f8717140;border-radius:8px;padding:.75rem;margin-bottom:1rem;color:#f87171;font-size:.875rem}.preloaded-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.preloaded-connect-btn{width:100%;justify-content:center;min-height:52px;font-size:1rem}.preloaded-hint{color:#8b949e;font-size:.8rem;margin:0}.preloaded-wallet-status{background:#10b98120;border:1px solid #10b98140;border-radius:8px;padding:.5rem;color:#10b981;font-size:.875rem;font-family:monospace}.preloaded-pay-btn{min-height:52px;font-size:1.1rem;background:linear-gradient(135deg,#10b981,#059669);border:none}.preloaded-pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.preloaded-pay-btn:disabled{background:#30363d;transform:none}.preloaded-back-link{background:none;border:none;color:#8b949e;font-size:.8rem;cursor:pointer;padding:.5rem;transition:color .2s}.preloaded-back-link:hover{color:#f0f6fc}@media(max-width:768px){.preloaded-payment-card{padding:1.5rem;margin:1rem}.preloaded-amount{font-size:2rem}.countdown-text{font-size:1.25rem}}.radio-group{display:flex;gap:1rem;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;border:1px solid #30363d;border-radius:8px;background:#0d1117;transition:all .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px;min-width:120px}.radio-option:hover{border-color:#10b981;background:#161b22}.radio-option input[type=radio]{width:20px;height:20px;min-width:20px;min-height:20px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #30363d;border-radius:50%;background:#0d1117;position:relative;transition:all .2s;flex-shrink:0}.radio-option input[type=radio]:checked{border-color:#10b981;background:#10b981}.radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#0d1117}.radio-option input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #10b98133}.radio-option span{color:#f0f6fc;font-size:.875rem;pointer-events:none}.radio-option:has(input[type=radio]:checked){border-color:#10b981;background:#10b98120}.radio-option:has(input[type=radio]:checked) span{color:#10b981;font-weight:600}@media(pointer:coarse){.btn{min-height:48px}.tab{min-height:44px;display:flex;align-items:center;justify-content:center}.form-group input,.form-group select{min-height:48px}.radio-option{min-height:48px;min-width:140px}.radio-option input[type=radio]{width:24px;height:24px;min-width:24px;min-height:24px}}
