.logout-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999999;background:#000000d9;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.logout-modal{background:var(--bg-surface,#1e1e1e);border:1px solid #ffffff1a;border-radius:28px;width:92%;max-width:420px;padding:40px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;box-shadow:0 30px 60px -12px #0009}.logout-modal__content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.logout-modal__icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:36px;display:flex}.logout-modal__icon--confirm{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.logout-modal__icon--loading{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.logout-modal__icon--success{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);animation:.4s ease-out scaleIn}.logout-modal__icon--warning{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);animation:.5s ease-out shake}.logout-spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.logout-modal__title{color:var(--text-primary,#fff);margin:0;font-size:24px;font-weight:700}.logout-modal__message{color:var(--text-secondary,#b0b0b0);max-width:360px;margin:0;font-size:15px;line-height:1.6}.logout-modal__message--success{color:#00b894;font-weight:500}.logout-modal__message--warning{color:#e17055;background:#e170551a;border-left:3px solid #e17055;border-radius:8px;padding:12px 16px;font-weight:500}.logout-modal__actions{gap:12px;width:100%;margin-top:8px;display:flex}.logout-modal__btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.logout-modal__btn:disabled{opacity:.6;cursor:not-allowed}.logout-modal__btn--cancel{background:var(--bg-secondary,#2a2a2a);color:#fff}.logout-modal__btn--cancel:hover:not(:disabled){background:var(--bg-tertiary,#333);transform:translateY(-1px)}.logout-modal__btn--confirm{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea66}.logout-modal__btn--confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.logout-modal__btn--confirm:active:not(:disabled){transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width:480px){.logout-modal{max-width:340px;padding:32px 24px}.logout-modal__icon{width:64px;height:64px;font-size:28px}.logout-modal__title{font-size:20px}.logout-modal__message{font-size:14px}.logout-modal__btn{padding:12px 20px;font-size:14px}}