/* ============================================================
   PROGRESS-BAR.CSS
   ============================================================ */
.progress-bar {
    height: 6px;
    background: var(--clr-border-light);
    border-radius: var(--radius-full);
    overflow: hidden;
}
.progress-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--clr-primary), var(--clr-accent));
    border-radius: var(--radius-full);
    transition: width var(--transition-slow);
    width: var(--progress, 0%);
}
.progress-bar__label {
    font-size: var(--text-xs);
    color: var(--clr-text-muted);
    text-align: right;
    margin-top: var(--space-2);
}