.overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-container{background:#fffc;border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex;box-shadow:0 8px 32px #0000001a}.spinner-wrapper{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.modern-spinner{justify-content:center;align-items:center;display:flex}.spinner-circle{background:linear-gradient(45deg,#007bff,#00bcd4);border-radius:50%;width:16px;height:16px;animation:2s ease-in-out infinite orbit;position:absolute;box-shadow:0 0 10px #007bff4d}.spinner-circle:nth-child(2){background:linear-gradient(45deg,#28a745,#20c997);animation-delay:.4s;box-shadow:0 0 10px #28a7454d}.spinner-circle:nth-child(3){background:linear-gradient(45deg,#dc3545,#fd7e14);animation-delay:.8s;box-shadow:0 0 10px #dc35454d}.spinner-progress{border:3px solid #0000;border-top-color:#007bff;border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite spin;position:absolute}@keyframes orbit{0%{transform:rotate(0)translate(30px)rotate(0)}to{transform:rotate(360deg)translate(30px)rotate(-360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#2c3e50;text-shadow:0 1px 2px #0000001a;gap:.2rem;font-size:1.2rem;font-weight:500;display:flex}.loading-dot{opacity:0;animation:1.5s ease-in-out infinite fadeInOut}.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{align-items:center;gap:.3rem;display:flex}.loading-dots.inline .dot{background:linear-gradient(45deg,#007bff,#00bcd4);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 5px #007bff33}.loading-dots.inline .dot:nth-child(2){background:linear-gradient(45deg,#28a745,#20c997);animation-delay:.2s;box-shadow:0 0 5px #28a74533}.loading-dots.inline .dot:nth-child(3){background:linear-gradient(45deg,#dc3545,#fd7e14);animation-delay:.4s;box-shadow:0 0 5px #dc354533}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@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{gap:1.5rem;padding: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{gap:1rem;padding: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{gap:.8rem;padding:.8rem}}