.drop-zone {
    border: 2px dashed #6c757d;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}
.drop-zone.dragover {
    background-color: #e9ecef;
}
.drop-zone input[type=file] {
    display: none; /* Hide the native input */
}
.file-name {
    margin-top: 10px;
    font-weight: bold;
    color: #0d6efd;  /* Bootstrap blue, adjust as needed */
}