/* Add these to your existing styles */

/* File upload styles */
.file-upload-container {
    position: relative;
}

#uploaded-files .card {
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.125);
}

#uploaded-files .card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.delete-file {
    opacity: 0.8;
    transition: opacity 0.3s;
}

.delete-file:hover {
    opacity: 1;
}

/* Progress bar customization */
#upload-progress {
    height: 10px;
}

#upload-progress .progress-bar {
    background-color: #4CAF50;
}