.file-upload-area{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:60px}.file-upload-area:hover{border-color:#0d6efd;background-color:#f8f9fa}.file-upload-area.is-invalid{border-color:#dc3545}.file-upload-area.has-file{border-color:#198754;border-style:solid;background-color:#f0fff4}.upload-icon{font-size:24px;color:#6c757d;min-width:32px}.file-upload-area:hover .upload-icon{color:#0d6efd}.file-upload-area.has-file .upload-icon{color:#198754}.upload-text{flex:1;font-size:14px}.placeholder-text,.upload-text{color:#6c757d}.file-info{display:flex;flex-direction:column;gap:4px}.file-name{color:#198754;font-weight:600;font-size:14px}.file-size{color:#6c757d;font-size:12px}