:root{--mo-c1: #667eea;--mo-c2: #764ba2;--mo-green: #25D366;--mo-red: #f5576c;--mo-orange: #ff9800;--mo-grad: linear-gradient(135deg, var(--mo-c1) 0%, var(--mo-c2) 100%);--mo-shadow: 0 24px 64px rgba(102,126,234,.22);--mo-radius: 20px;--mo-border: rgba(102,126,234,.15);--mo-bg: #ffffff;--mo-text: #1f2937;--mo-muted: #6b7280;--mo-pad: 1.5rem}.custom-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f0f19b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto;padding:1.25rem}.custom-modal.active,.custom-modal[style*="display: block"],.custom-modal[style*="display:block"],.custom-modal[style*="display: flex"],.custom-modal[style*="display:flex"]{display:flex!important;align-items:center;justify-content:center}#sciResponseModal.ticket-pay-sci-modal,#responseModal.ticket-pay-sci-modal{z-index:100100!important}.custom-modal-content,.modal-content{position:relative;background:var(--mo-bg);border-radius:var(--mo-radius);box-shadow:var(--mo-shadow);width:100%;max-width:460px;margin:auto;overflow:hidden;animation:moSlideUp .32s cubic-bezier(.22,.68,0,1.2) both}@keyframes moSlideUp{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-modal-content:before,.modal-content:before{content:"";display:block;height:5px;background:var(--mo-grad);border-radius:var(--mo-radius) var(--mo-radius) 0 0}.close,.close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:#667eea14;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--mo-muted);line-height:1;transition:background .2s ease,color .2s ease,transform .18s ease;z-index:2;float:none;font-weight:400;padding:0}.close:hover,.close-btn:hover,.close:focus,.close-btn:focus{background:#f5576c1f;color:var(--mo-red);transform:rotate(90deg) scale(1.1);text-decoration:none;outline:none}.custom-modal-content>*:not(button.close),.modal-content>*:not(.close-btn){padding-left:var(--mo-pad);padding-right:var(--mo-pad)}.custom-modal-content>*:first-child,.modal-content>*:first-child{padding-top:1.6rem}.custom-modal-content>*:last-child,.modal-content>*:last-child{padding-bottom:var(--mo-pad)}.custom-modal-content h1,.custom-modal-content h5,.modal-content h1,.modal-content h5{margin:0 0 .85rem;font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:800;color:var(--mo-text);line-height:1.3;padding-right:2.5rem;text-align:center}.mo-pay-modal__hero{display:flex;justify-content:center;padding-top:1.35rem!important;padding-bottom:.35rem!important;margin:0}.mo-pay-modal__icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;background:var(--mo-grad);box-shadow:0 10px 24px #667eea47}.mo-pay-modal__icon--phone{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 10px 24px #25d36647}.mo-pay-modal h1{margin-top:.15rem}.custom-modal-content p,.modal-content p{font-size:.9rem;line-height:1.62;color:var(--mo-muted);margin:0 0 .8rem}.public-id-container{display:flex;align-items:stretch;justify-content:space-between;gap:.65rem;margin:.25rem 0 1rem;padding:.7rem .75rem .7rem .9rem;background:linear-gradient(135deg,#667eea12,#764ba20d);border:1px solid var(--mo-border);border-radius:14px;text-align:left}.public-id-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.28rem;justify-content:center}.public-id__label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mo-muted);line-height:1.2}.public-id,.public-id__value{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:clamp(.78rem,2.8vw,.92rem);font-weight:700;color:var(--mo-c1);letter-spacing:.02em;margin:0;line-height:1.35;word-break:break-all;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}#copyButton,.public-id__copy{flex-shrink:0;align-self:center;background:#fff;border:1px solid rgba(102,126,234,.22);cursor:pointer;color:var(--mo-c1);font-size:.78rem;font-weight:700;padding:.55rem .7rem;border-radius:10px;transition:background .2s,color .2s,transform .18s,border-color .2s;line-height:1;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}#copyButton:hover,.public-id__copy:hover{background:var(--mo-c1);border-color:var(--mo-c1);color:#fff;transform:translateY(-1px)}#copyButton i,.public-id__copy i{font-size:.85rem}.payment-description{font-size:.88rem;line-height:1.62;color:var(--mo-text);background:#667eea0d;border-left:3px solid var(--mo-c1);border-radius:0 10px 10px 0;padding:.75rem .9rem;margin:.2rem 0 .85rem;text-align:left}.payment-description strong{color:var(--mo-c2);font-weight:800}.note{font-size:.78rem;color:var(--mo-muted);font-style:normal;line-height:1.5;margin:0 0 .9rem;text-align:center}.note strong{font-weight:700;color:var(--mo-text)}.error-container{display:none;background:#f5576c12;border:1px solid rgba(245,87,108,.25);border-radius:10px;padding:.75rem 1rem;margin:.3rem 0 .85rem;font-size:.85rem;color:#b91c1c;line-height:1.5;text-align:left}.error-container p{color:inherit;margin:0;font-size:inherit}.confirm-container{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;padding:.4rem 0}#confirmButton,#openPayUrlButton,#verifyPayment{width:100%;padding:.75rem 1.1rem;font-size:.9rem;font-weight:800;color:#fff;background:var(--mo-grad);border:none;border-radius:50px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,opacity .2s;box-shadow:0 6px 20px #667eea59;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:.55rem}#confirmButton:hover,#openPayUrlButton:hover,#verifyPayment:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea73}#confirmButton:disabled,#openPayUrlButton:disabled,#verifyPayment:disabled{opacity:.55;cursor:not-allowed;transform:none}#verifyPayment{background:linear-gradient(135deg,#43e97b,#128c7e);box-shadow:0 6px 20px #25d3664d}#verifyPayment:hover{box-shadow:0 10px 30px #25d3666b}.modal-btn{flex:1;padding:.82rem 1rem;font-size:.9rem;font-weight:700;color:#fff;background:var(--mo-grad);border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 16px #667eea4d}.modal-btn:last-child{background:linear-gradient(135deg,#f093fb 0%,var(--mo-red) 100%);box-shadow:0 5px 16px #f5576c4d}.modal-btn:hover{transform:translateY(-2px)}#modal-message{font-size:.95rem;color:var(--mo-text);font-weight:600;margin:0 0 1rem;line-height:1.55;text-align:center}.spinner{display:none;width:32px;height:32px;border:3px solid rgba(102,126,234,.2);border-top-color:var(--mo-c1);border-radius:50%;animation:moSpin .7s linear infinite;margin:.25rem auto}.spinner.active{display:block}@keyframes moSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){:root{--mo-pad: 1.15rem}.custom-modal{padding:.75rem;align-items:flex-end}.custom-modal-content,.modal-content{border-radius:18px 18px 14px 14px;max-width:100%;animation:moSlideUpMobile .3s cubic-bezier(.22,.68,0,1.1) both}@keyframes moSlideUpMobile{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.public-id,.public-id__value{font-size:.8rem}.public-id__copy span{display:none}#confirmButton,#openPayUrlButton,#verifyPayment{font-size:.88rem}.confirm-container{flex-direction:column}.modal-btn{padding:.78rem;font-size:.85rem}}@media (prefers-reduced-motion: reduce){.custom-modal-content,.modal-content{animation:none}.spinner{animation-duration:1.4s}}
