/* ===== SKILL PROGRESS BAR ===== */
.skill-progress-container {
    padding: 8px 20px;
    background: var(--bg-card-light);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 12px;
}
.skill-progress-bar-bg {
    flex: 1;
    height: 10px;
    background: var(--border);
    border-radius: 5px;
    overflow: hidden;
}
.skill-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #4cc9f0, #7209b7);
    border-radius: 5px;
    transition: width 0.5s ease, background 0.5s ease;
}
.skill-progress-text {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-dim);
    white-space: nowrap;
}