.loading-overlay{z-index:9999;backdrop-filter:blur(5px);opacity:1;visibility:visible;background:rgba(0,0,0,.8);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.loading-overlay:not(.show){opacity:0;visibility:hidden}.loading-overlay.initial-loading{backdrop-filter:blur(10px);background:rgba(0,0,0,.95)}.loading-overlay.show{opacity:1;visibility:visible}.loading-container{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:60px;height:60px;display:grid}.loading-grid-cell{background-color:red;-webkit-border-radius:4px;border-radius:4px;width:100%;height:100%;animation:3s linear infinite color-cycle}.loading-grid-cell:first-child{animation-delay:0s}.loading-grid-cell:nth-child(2){animation-delay:.2s}.loading-grid-cell:nth-child(3){animation-delay:.4s}.loading-grid-cell:nth-child(4){animation-delay:.6s}.loading-grid-cell:nth-child(5){animation-delay:.8s}.loading-grid-cell:nth-child(6){animation-delay:1s}.loading-grid-cell:nth-child(7){animation-delay:1.2s}.loading-grid-cell:nth-child(8){animation-delay:1.4s}.loading-grid-cell:nth-child(9){animation-delay:1.6s}@keyframes color-cycle{0%,to{background-color:red;box-shadow:0 0 12px red}33%{background-color:#ff0;box-shadow:0 0 12px #ff0}66%{background-color:#00f;box-shadow:0 0 12px #00f}}.loading-text{color:#fff;text-align:center;opacity:.9;margin-top:10px;font-size:16px;font-weight:500}@keyframes loadingPulse{0%,80%,to{opacity:.5;-ms-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-ms-transform:scale(1.2);transform:scale(1.2)}}[data-theme=dark] .loading-overlay{background:rgba(0,0,0,.9)}[data-theme=dark] .loading-text{color:#fff}[data-theme=light] .loading-overlay{background:rgba(248,250,252,.95)}[data-theme=light] .loading-text{color:#1e293b}[data-theme=light] .loading-overlay.initial-loading{background:rgba(248,250,252,.95)!important}[data-theme=light] .loading-overlay.initial-loading .loading-text{color:#1e293b}[data-theme=light] .loading-overlay.network-error .loading-text{color:#ef4444}[data-theme=light] .loading-overlay.slow-connection .loading-text{color:#f59e0b}@media (max-width:768px){.loading-dot{width:14px;height:14px}.loading-dots{gap:10px}.loading-text{font-size:14px}}.loading-dot{will-change:transform,opacity;-ms-transform:translateZ(0);transform:translateZ(0)}.loading-overlay.network-error .loading-text{color:#ff6b6b}.loading-overlay.slow-connection .loading-text{color:#ffa502}