.upload-area {
    width: 100%;
    transition: opacity 0.3s ease;
}

.file-drop-zone {
    width: 100%;
    padding: 2rem;
    border: 2px dashed #cbd5e1;
    border-radius: 0.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #ffffff;
}

.dark .file-drop-zone {
    background-color: #1f2937;
    border-color: #4b5563;
}

.file-drop-zone:hover {
    border-color: #3b82f6;
}

.dark .file-drop-zone:hover {
    border-color: #60a5fa;
}

.file-drop-zone.dragging {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.dark .file-drop-zone.dragging {
    border-color: #60a5fa;
    background-color: #1e3a8a;
}