.auto-logout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.auto-logout-modal{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #00000026;text-align:center;max-width:400px;width:90%}.auto-logout-modal h3{margin:0 0 16px;color:#333;font-size:18px}.auto-logout-modal p{margin:0 0 24px;color:#666;line-height:1.5}.auto-logout-buttons{display:flex;gap:12px;justify-content:center}.stay-logged-in-btn,.logout-now-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.stay-logged-in-btn{background-color:#007bff;color:#fff}.stay-logged-in-btn:hover{background-color:#0056b3}.logout-now-btn{background-color:#6c757d;color:#fff}.logout-now-btn:hover{background-color:#545b62}.changePaymentMethodButton{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80px;height:80px;padding:5px;color:#fff;cursor:pointer;background:linear-gradient(90deg,#9383c5,#56e3fa)}.click-effect{position:relative;overflow:hidden;--effect-name: ripple;--effect-duration: .5s;--effect-top: 0px;--effect-left: 0px;--effect-height: 40px;--effect-width: 40px;--effect-color: white}.click-effect:before{content:"";position:absolute;opacity:.3;top:var(--effect-top);left:var(--effect-left);height:var(--effect-height);width:var(--effect-width);border-radius:50%;transform:scale(0);background:var(--effect-color)}.click-effect.active:before{border-radius:50%;animation:ripple var(--effect-duration) linear forwards}@keyframes ripple{0%{transform:scale(0)}to{transform:scale(6);opacity:0}}