.file-upload-container{text-align:center;cursor:pointer;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;min-height:150px;padding:20px;transition:border-color .3s,background-color .3s;display:flex;position:relative}.file-upload-container.drag-over{background-color:#e0f7ff;border-color:#007bff}.file-upload-label{color:#333;cursor:pointer;text-align:center;width:100%;transition:color .3s;display:block}.file-upload-label:hover{color:#ffdc60}.uploaded-files{flex-direction:column;align-items:center;width:100%;margin-top:10px;display:flex}.uploaded-file{background-color:#fff;border:1px solid #ddd;border-radius:5px;justify-content:space-between;align-items:center;max-width:100%;margin-bottom:10px;padding:10px 15px;transition:background-color .3s;display:flex;box-shadow:0 2px 5px #0000001a}.uploaded-file:hover{background-color:#f0f0f0}.file-icon{width:32px;height:32px;margin-right:15px}.file-name{color:#555;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;margin-right:15px;font-size:1em;overflow:hidden}.remove-file-btn{cursor:pointer;color:#d9534f;background:0 0;border:none;font-size:1.5em;transition:color .3s}.remove-file-btn:hover{color:#c9302c}@media (max-width:600px){.file-upload-container{padding:15px}.uploaded-file{flex-direction:column;align-items:flex-start}.file-icon{margin-bottom:10px}.file-name{font-size:.9em}.remove-file-btn{font-size:1.2em}}