:root{--gddc-green:#008000;--gddc-yellow:#ffc107;--bg-gray:#f2f2f2;--shimmer-light:#fefefe;--shimmer-dark:#e0e0e0}.loadingContainer{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gray);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}.fadeOut{opacity:0;visibility:hidden}.loaderBox{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.skeletonText{width:220px;height:20px;background:linear-gradient(-90deg,var(--gddc-green) 0,var(--gddc-yellow) 50%,var(--gddc-green) 100%);background-size:400% 400%;border-radius:10px}.skeletonButton,.skeletonText{animation:shimmer 1.2s ease-in-out infinite}.skeletonButton{width:140px;height:40px;background:linear-gradient(-90deg,var(--gddc-yellow) 0,var(--gddc-green) 50%,var(--gddc-yellow) 100%);background-size:400% 400%;border-radius:25px}.loadingDots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}.loadingDots span{width:10px;height:10px;background-color:var(--gddc-green);border-radius:50%;display:inline-block;animation:bounce 1.4s ease-in-out infinite both}.loadingDots span:first-child{animation-delay:-.32s;background-color:var(--gddc-yellow)}.loadingDots span:nth-child(2){animation-delay:-.16s}.loadingDots span:nth-child(3){animation-delay:0}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}