.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.95);justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-container,.overlay{display:flex;align-items:center}.loading-container{flex-direction:column;gap:2rem;padding:2rem;border-radius:1rem;background:hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(0,0,0,.1)}.spinner-wrapper{position:relative;width:80px;height:80px}.modern-spinner,.spinner-wrapper{display:flex;justify-content:center;align-items:center}.spinner-circle{position:absolute;width:16px;height:16px;border-radius:50%;background:linear-gradient(45deg,#007bff,#00bcd4);animation:orbit 2s ease-in-out infinite;box-shadow:0 0 10px rgba(0,123,255,.3)}.spinner-circle:nth-child(2){animation-delay:.4s;background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 0 10px rgba(40,167,69,.3)}.spinner-circle:nth-child(3){animation-delay:.8s;background:linear-gradient(45deg,#dc3545,#fd7e14);box-shadow:0 0 10px rgba(220,53,69,.3)}.spinner-progress{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#007bff;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes orbit{0%{transform:rotate(0deg) translateX(30px) rotate(0deg)}to{transform:rotate(1turn) translateX(30px) rotate(-1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{display:flex;gap:.2rem;font-size:1.2rem;color:#2c3e50;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.loading-dot{animation:fadeInOut 1.5s ease-in-out infinite;opacity:0}.loading-dot:nth-child(2){animation-delay:.1s}.loading-dot:nth-child(3){animation-delay:.2s}.loading-dot:nth-child(4){animation-delay:.3s}.loading-dot:nth-child(5){animation-delay:.4s}.loading-dot:nth-child(6){animation-delay:.5s}.loading-dot:nth-child(7){animation-delay:.6s}.loading-dot:nth-child(8){animation-delay:.7s}.loading-dot:nth-child(9){animation-delay:.8s}.loading-dot:nth-child(10){animation-delay:.9s}.loading-dot:nth-child(11){animation-delay:1s}.loading-dot:nth-child(12){animation-delay:1.1s}.loading-dot:nth-child(13){animation-delay:1.2s}.loading-dot:nth-child(14){animation-delay:1.3s}.loading-dot:nth-child(15){animation-delay:1.4s}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(5px)}50%{opacity:1;transform:translateY(0)}}.loading-dots.inline{display:flex;gap:.3rem;align-items:center}.loading-dots.inline .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(45deg,#007bff,#00bcd4);animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 5px rgba(0,123,255,.2)}.loading-dots.inline .dot:nth-child(2){animation-delay:.2s;background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 0 5px rgba(40,167,69,.2)}.loading-dots.inline .dot:nth-child(3){animation-delay:.4s;background:linear-gradient(45deg,#dc3545,#fd7e14);box-shadow:0 0 5px rgba(220,53,69,.2)}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}@media screen and (max-width:768px){.spinner-wrapper{width:60px;height:60px}.spinner-circle{width:12px;height:12px}.loading-dots.inline .dot{width:6px;height:6px}.loading-text{font-size:1rem}.loading-container{padding:1.5rem;gap:1.5rem}}@media screen and (max-width:480px){.spinner-wrapper{width:50px;height:50px}.spinner-circle{width:10px;height:10px}.loading-dots.inline .dot{width:5px;height:5px}.loading-text{font-size:.9rem}.loading-container{padding:1rem;gap:1rem}}@media screen and (max-width:320px){.spinner-wrapper{width:40px;height:40px}.spinner-circle{width:8px;height:8px}.loading-dots.inline .dot{width:4px;height:4px}.loading-text{font-size:.8rem}.loading-container{padding:.8rem;gap:.8rem}}