.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:none;overflow-x:hidden;overflow-y:auto;outline:0}.custom-modal.show{display:flex!important;align-items:center;justify-content:center;animation:fadeIn 0.3s ease-in-out}.custom-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.custom-modal-content{position:relative;background-color:#fff;border:none;border-radius:12px;box-shadow:0 10px 30px rgb(0 0 0 / .3);width:90%;max-width:400px;margin:1.75rem auto;pointer-events:auto;animation:modalSlideIn 0.3s ease-out;overflow:hidden}.custom-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.custom-modal-title{margin:0;font-size:18px;font-weight:600;line-height:1.4}.custom-modal-close{background:none;border:none;font-size:28px;font-weight:700;line-height:1;color:#fff;opacity:.8;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.custom-modal-close:hover{opacity:1;background-color:rgb(255 255 255 / .1);transform:scale(1.1)}.custom-modal-close:active{transform:scale(.95)}.custom-modal-body{padding:32px 24px;text-align:center}.qrcode-info{display:flex;flex-direction:column;align-items:center;gap:16px}.qrcode-info img{max-width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .1);border:1px solid #e9ecef;padding:16px;background:#fff}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{opacity:0;transform:translate3d(0,-50px,0) scale(.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}.custom-modal.fade-out{animation:fadeOut 0.3s ease-in-out}.custom-modal.fade-out .custom-modal-content{animation:modalSlideOut 0.3s ease-in}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes modalSlideOut{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,-50px,0) scale(.95)}}@media (max-width:576px){.custom-modal-content{width:95%;margin:1rem auto}.custom-modal-header{padding:16px 20px 12px}.custom-modal-title{font-size:16px}.custom-modal-body{padding:24px 20px}.qrcode-info img{max-width:180px;padding:12px}}.custom-modal-close:focus{outline:2px solid rgb(255 255 255 / .5);outline-offset:2px}@media (prefers-contrast:high){.custom-modal-overlay{background-color:rgb(0 0 0 / .8)}.custom-modal-content{border:2px solid #000}}