.loading-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:rgba(255,255,255,.95)!important;z-index:9999!important;display:flex!important;justify-content:center!important;align-items:center!important;transition:opacity .3s ease-out!important}.dark .loading-overlay{background-color:rgba(0,0,0,.95)!important}.loading-overlay.fade-out{opacity:0!important;pointer-events:none!important}.loading-content{display:flex!important;flex-direction:column!important;align-items:center!important}.loading-logo-container{animation:subtle-pulse 1.5s ease-in-out infinite!important;margin-bottom:20px!important}@keyframes subtle-pulse{0%{transform:scale(1)!important}50%{transform:scale(1.03)!important}to{transform:scale(1)!important}}.loading-title{font-size:2.5rem!important;font-weight:700!important;margin-bottom:10px!important;color:var(--primary-color)!important}.dark .loading-title{color:var(--primary-light)!important}.loading-text{font-size:1rem!important;color:var(--text-secondary)!important;margin-bottom:30px!important}.dark .loading-text{color:var(--text-secondary-dark)!important}.loading-progress-bar{width:250px!important;height:5px!important;background-color:var(--border-color)!important;border-radius:5px!important;overflow:hidden!important}.dark .loading-progress-bar{background-color:var(--border-color-dark)!important}.loading-progress-indicator{width:100%!important;height:100%!important;background:var(--primary-color)!important;border-radius:5px!important;animation:indeterminate-progress 1.5s linear infinite!important;transform:translateX(-100%)!important}.dark .loading-progress-indicator{background:var(--primary-light)!important}@keyframes indeterminate-progress{0%{transform:translateX(-100%)!important}to{transform:translateX(100%)!important}}@media (max-width:576px){.loading-title{font-size:2rem!important}.loading-progress-bar{width:80%!important}}.loading-spinner{border:4px solid rgba(0,0,0,.1)!important;border-top:4px solid var(--primary-color)!important;border-radius:50%!important;width:40px!important;height:40px!important;animation:spin 1s linear infinite!important}.dark .loading-spinner{border-top:4px solid var(--primary-light)!important}@keyframes spin{0%{transform:rotate(0deg)!important}to{transform:rotate(1turn)!important}}