.loading-widget { position: relative; width: 100%; height: 100%; min-height: 200px; background-color: transparent; display: flex; justify-content: center; align-items: center; z-index: 10; }
.loading-widget.fullscreen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.9); z-index: 9999; }
.loading-widget.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 99; }
.loading-widget.company_detail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); z-index: 99; }
.loading-container { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.loading-spinner { position: relative; width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; }
.loading-border { position: absolute; top: 0; left: 0; width: 85px; height: 85px; border: 3px solid transparent; border-top: 3px solid #1239f4; border-right: 3px solid #1239f4; border-bottom: 3px solid #1239f4; border-radius: 50%; animation: loading-spin 1.5s  infinite; }
.loading-logo { position: relative; z-index: 1; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; }
.loading-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.loading-text { margin-top: 20px; font-size: 24px; color: #666; text-align: center; font-weight: 400; }
.loading-widget,.loading-widget *{opacity: 1 !important;}
@keyframes loading-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (max-width: 768px) { .loading-spinner { width: 69px; height: 69px; } .loading-border { width: 65px; height: 65px; border-width: 2px; border-top: 2px solid #1239f4; border-right: 2px solid #1239f4; border-bottom: 2px solid #1239f4; } .loading-logo { width: 50px; height: 50px; } .loading-text { font-size: 14px; margin-top: 15px; } }
@media (max-width: 480px) { .loading-spinner { width: 55px; height: 55px; } .loading-border { width: 50px; height: 50px; } .loading-logo { width: 40px; height: 40px; } .loading-text { font-size: 12px; margin-top: 12px; } }
.loading-widget.hidden { display: none; }
.loading-widget.fade-in { animation: fadeIn 0.3s ease-in; }
.loading-widget.fade-out { animation: fadeOut 0.3s ease-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }