#data_load{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(1px)}.loader-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.loader-logo-wrapper{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.loader-logo-wrapper-error{position:relative;display:flex;align-items:center;justify-content:center}.loader-logo{max-width:160px;max-height:160px;object-fit:contain;z-index:2;position:relative;animation:logo-pulse 2s ease-in-out infinite}.loader-spinner{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#295eaf;border-right-color:#295eaf;border-radius:50%;animation:loader-spin 1.5s linear infinite;z-index:1}.loader-spinner::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:4px solid transparent;border-bottom-color:rgba(41,94,175,.3);border-left-color:rgba(41,94,175,.3);border-radius:50%;animation:loader-spin-reverse 2s linear infinite}.loader-text,.loader-error-text{font-size:18px;font-weight:500;color:#fff;text-align:center;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loader-dots{display:inline-flex;gap:4px;margin-left:4px}.loader-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:loader-bounce 1.4s infinite ease-in-out both;box-shadow:0 2px 4px rgba(0,0,0,.3)}.loader-dot:nth-child(1){animation-delay:-.32s}.loader-dot:nth-child(2){animation-delay:-.16s}@keyframes loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes loader-spin-reverse{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}@keyframes logo-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes loader-bounce{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loader-error-state{display:none;flex-direction:column;align-items:center;gap:20px}.loader-reload-btn{padding:12px 30px;font-size:16px;font-weight:500;color:#fff;background:#28a745;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(40,167,69,.3)}.loader-reload-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 6px 16px rgba(40,167,69,.4)}.loader-reload-btn:active{transform:translateY(0)}