/* ... existing styles ... */

/* Dropzone styles */
.dropzone-area {
    cursor: pointer;
    transition: all 0.3s ease;
}

.dropzone-area.dragover {
    @apply border-blue-400 bg-blue-50;
}

.dropzone-form .dropzone-input,
input.dropzone-input {
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
}


.file-preview {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}