.btn-primary {
    @apply text-white bg-indigo-600 hover:bg-indigo-700 focus:ring-indigo-500;
}

.btn-secondary {
    @apply text-gray-700 bg-white hover:bg-gray-50 border-gray-300 focus:ring-indigo-500;
}

.btn-success {
    @apply text-white bg-green-600 hover:bg-green-700 focus:ring-green-500;
}

.btn-outline-danger {
    @apply text-red-600 bg-transparent border-red-600 hover:bg-red-50 hover:text-red-800;
}

.drop-area {
    @apply flex flex-col items-center justify-center p-6 border-2 border-dashed border-indigo-600 rounded-md bg-gray-50 text-gray-600 cursor-pointer;
}

.drop-area.drag-over {
    @apply bg-indigo-100;
}

.file-preview {
    @apply flex items-center p-2 mb-2 rounded-md bg-gray-100 border border-gray-200;
}

.file-preview .file-name {
    @apply flex-grow truncate;
}

.file-preview .remove-file {
    @apply text-red-500 hover:text-red-700;
}