/* Loading Progress Bar */
:root {
    --loading-color-primary: oklch(73.613% 0.1550 54.960);
    --loading-color-primary-dark: oklch(66.713% 0.1685 53.381);
}

#loading-progress {
    position: fixed;
    top: 0;
    left: -100%;
    height: 3px;
    background: linear-gradient(90deg, var(--loading-color-primary) 0%, var(--loading-color-primary-dark) 100%);
    box-shadow: 0 0 15px rgba(102, 126, 234, 0.6);
    transition: left 0.3s ease, opacity 0.3s ease;
    z-index: 9999;
    width: 100%;
}

#loading-progress.show {
    left: 0%;
    opacity: 1;
}

#loading-progress.complete {
    left: 100%;
    opacity: 0;
}