.logout-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.4);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:100000;display:none;align-items:center;justify-content:center;flex-direction:column;gap:24px;opacity:0;visibility:hidden;transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}body.dark .logout-loader{background:rgba(13,17,23,0.6)}.logout-loader.active{display:flex;opacity:1;visibility:visible}.logout-loader-content{display:flex;flex-direction:column;align-items:center;gap:28px;transform:scale(0.9);transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1)}.logout-loader.active .logout-loader-content{transform:scale(1)}.logout-spinner-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.logout-spinner{width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary-color,#ff914d);border-right-color:var(--primary-color,#ff914d);animation:logoutRotate 1s cubic-bezier(0.5,0,0.5,1) infinite;filter:drop-shadow(0 0 10px rgba(255,145,77,0.3))}.logout-spinner-inner{position:absolute;width:calc(100% - 15px);height:calc(100% - 15px);border-radius:50%;border:3px solid transparent;border-bottom-color:#ffb380;border-left-color:#ffb380;animation:logoutRotateInner 1.5s cubic-bezier(0.5,0,0.5,1) infinite reverse;opacity:0.6}.logout-logo-center{position:absolute;width:45px;height:45px;background:white;padding:8px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,0.1);animation:logoutPulse 2s ease-in-out infinite;z-index:2}body.dark .logout-logo-center{background:#1a1a1a}.logout-logo-center img{width:100%;height:100%;object-fit:contain}.logout-text-container{text-align:center;display:flex;flex-direction:column;gap:10px}.logout-main-text{font-family:'Cairo','Inter',sans-serif;color:var(--primary-color,#ff914d);font-weight:700;font-size:1.5rem;letter-spacing:-0.5px;margin:0}.logout-sub-text{font-family:'Cairo','Inter',sans-serif;font-size:1rem;color:#718096;margin:0;opacity:0.8}body.dark .logout-sub-text{color:#a0aec0}@keyframes logoutRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes logoutRotateInner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes logoutPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:0.9}}[dir="rtl"] .logout-main-text,[dir="rtl"] .logout-sub-text{font-family:'Cairo',sans-serif}@media (max-width:480px){.logout-spinner-wrapper{width:80px;height:80px}.logout-main-text{font-size:1.25rem}.logout-sub-text{font-size:0.9rem}}