.upload-container{width:100%;background:#fff;border-radius:6px}.upload-zone{border:2px dashed #dee2e6;border-radius:6px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa}.upload-zone.dragover,.upload-zone:hover{border-color:#0070f3;background:#f8f9fa}.upload-zone i{color:#0070f3}.btn-light.text-primary{background-color:#f5f5f5;border:2px solid #0070f3}.btn-light.text-primary:hover{background-color:#dee2e6}.mobile-upload{background:#f8f9fa;border-radius:6px;padding:15px}.selected-files{max-height:150px;overflow-y:auto}.file-item{display:flex;align-items:center;padding:8px;background:#f5f5f5;border-radius:4px;margin-bottom:6px}.file-item .file-name{flex-grow:1;margin:0 10px}.file-item .remove-file{color:#dc3545;cursor:pointer}.image-preview-container{margin-top:20px}.preview-image-wrapper{position:relative;padding-bottom:100%;overflow:hidden;border-radius:8px}.preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute;top:5px;right:5px;background:hsla(0,0%,100%,.9);border-radius:50%;padding:5px;cursor:pointer;z-index:1}.file-progress-item{margin-bottom:10px;padding:10px;background:#f8f9fa;border-radius:6px}.file-progress-item .progress{height:4px;margin-top:8px}.file-name-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.progress{height:6px;margin-top:15px;background-color:#e9ecef}.progress-bar{background-color:#0070f3;transition:width .3s ease}@media (max-width:576px){.mobile-upload{padding:10px}}