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