:root{--gddc-green:green;--gddc-yellow:#ffc107;--bg-gray:#f2f2f2}.loadingContainer{background-color:var(--bg-gray);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s;display:flex;position:fixed;top:0;left:0}.fadeOut{opacity:0;visibility:hidden}.loaderBox{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.spinnerRing{border:6px solid rgba(0,128,0,.2);border-top-color:var(--gddc-green);border-radius:50%;width:60px;height:60px;animation:1.5s linear infinite spin}.loadingText{color:var(--gddc-green);font-size:1.2rem;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}