.seller-popup-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;display:flex;justify-content:center;align-items:center;animation:fadeInBackdrop .3s ease forwards;padding:20px}.seller-popup-inner{position:relative;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d;text-align:center;animation:slideUpScale .4s cubic-bezier(.4,0,.2,1) forwards;min-width:min(400px,90vw);max-width:min(600px,90vw);width:fit-content;overflow:hidden;transform-origin:center}.seller-popup-content{padding:32px 28px 28px;position:relative}.seller-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.seller-close-btn:hover{background:#ef444426;border-color:#ef44444d;transform:scale(1.05)}.seller-close-btn:active{transform:scale(.95)}.seller-close-icon{color:#fffc;transition:color .2s ease}.seller-close-btn:hover .seller-close-icon{color:#ef4444}@media(max-width:640px){.seller-popup-overlay{padding:16px}.seller-popup-content{padding:28px 20px 24px}.seller-close-btn{top:12px;right:12px;width:36px;height:36px}}.seller-popup-overlay.hidden{display:none}.seller-popup-inner{position:relative;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d;animation:slideUpScale .4s cubic-bezier(.4,0,.2,1) forwards;min-width:min(500px,90vw);max-width:min(600px,90vw);width:fit-content;overflow:hidden}.seller-popup-content{padding:0}.seller-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fffc;font-size:24px;z-index:10}.seller-close-btn:hover{background:#ef444426;color:#ef4444}.payment-popup{color:#fff}.payment-header{background:linear-gradient(135deg,#10b981,#059669);padding:32px 28px 24px;text-align:center;position:relative}.payment-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.payment-subtitle{color:#fffc;font-size:16px;margin:0}.payment-body{padding:28px}.balance-card{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:24px;margin-bottom:24px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.balance-label{font-size:14px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.balance-amount{font-size:36px;font-weight:800;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:28px}.info-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-icon{width:40px;height:40px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-content{flex:1}.info-label{font-size:14px;color:#fff9;margin-bottom:4px;font-weight:500}.info-value{font-size:16px;color:#fff;font-weight:600}.info-loading{color:#3b82f6cc;display:flex;align-items:center;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.payment-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:14px 24px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.btn-cancel:hover{background:#ffffff26;color:#fff}.btn-validate{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:14px 32px;border-radius:99px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn-validate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #10b98166}.btn-validate:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-validate:active{transform:translateY(0)}.security-note{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.security-icon{color:#22c55e;flex-shrink:0}.security-text{font-size:14px;color:#fffc;line-height:1.5}@keyframes fadeInBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes slideUpScale{0%{transform:translateY(60px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.seller-popup-inner.closing{animation:slideDownScale .4s cubic-bezier(.4,0,.6,1) forwards}@keyframes slideDownScale{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(40px) scale(.95);opacity:0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
