.profile-view{display:flex;align-items:stretch;width:100%}.profile-view .avatar-section{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;padding:5rem 0;background:#dbeafe;cursor:pointer;border-top-left-radius:8px;border-bottom-left-radius:8px}.profile-view .avatar-section .avatar-placeholder{width:100px;height:100px;background-color:#e0e0e0;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:32px;color:#1e62d8}.profile-view .avatar-section .avatar-placeholder .edit-icon{font-size:24px}.profile-view .avatar-section .user-avatar{width:200px;height:200px;border-radius:50%;background-color:#e0e0e0;object-fit:cover;margin-bottom:8px}.profile-view .profile-info{display:flex;flex-direction:column;background-color:#f8f7fa;width:100%;padding:16px;justify-content:space-between;border-top-right-radius:8px;border-bottom-right-radius:8px}.profile-view .profile-info-title{font-size:24px;font-weight:700;color:#0d6efd;padding-bottom:1rem}.profile-view .profile-info .profile-field{display:flex;flex-direction:column;gap:2rem}.profile-view .profile-info .profile-field .phone-gender-field{align-items:center;justify-content:stretch;gap:1rem;display:grid;grid-template-columns:2fr 1fr}.profile-view .profile-info .profile-field .phone-gender-field .phone-field .error-message{position:absolute;padding-left:.5rem}.profile-view .profile-info .profile-field .phone-gender-field .gender-field{position:relative}.profile-view .profile-info .profile-field .phone-gender-field .gender-field .field-label-gender{left:10%;top:-11px}.profile-view .profile-info .profile-field div{position:relative}.profile-view .profile-info .profile-field div .field-label,.profile-view .profile-info .profile-field div .field-label-gender{position:absolute;background-color:transparent;width:auto;padding:0 4px;top:-8px;font-size:12px;z-index:1;left:7px;text-align:center}.profile-view .profile-info .profile-field div .field-label-gender{left:56%;background-color:#fff}.profile-view .profile-info .profile-field div .field-label-gender:before,.profile-view .profile-info .profile-field div .field-label:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background-color:#f7f8fa;z-index:-1;border-top-left-radius:4px;border-top-right-radius:4px}.profile-view .profile-info .profile-field div .ant-input,.profile-view .profile-info .profile-field div .ant-select-selector{width:100%;height:40px;border-radius:8px}.profile-view .profile-info .profile-field div .ant-select-selector .ant-select-selection-item,.profile-view .profile-info .profile-field div .ant-select-selector .ant-select-selection-search{font-size:14px!important}.profile-view .profile-info .profile-field div .ant-select-focused .ant-select-selector,.profile-view .profile-info .profile-field div .ant-select-selector:focus,.profile-view .profile-info .profile-field div .ant-select-selector:focus-within,.profile-view .profile-info .profile-field div .ant-select-selector:hover{border:2px solid #000!important}.profile-view .profile-info .profile-field div .ant-select{display:flex;align-items:center}.profile-view .profile-info .profile-field div .field-input{box-sizing:border-box;margin:0;padding:4px 11px;color:rgba(0,0,0,.88);font-size:14px;line-height:1.5714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;position:relative;display:inline-block;width:100%;height:40px;min-width:0;border-radius:8px;transition:all .2s ease;border:1px solid #d9d9d9}.profile-view .profile-info .profile-field div .field-input:focus-visible{border:none!important}.profile-view .profile-info .action-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:3rem}.profile-view .profile-info .action-buttons .cancel-btn{background-color:#f8f7fa;border:none}.profile-view .profile-info .action-buttons .cancel-btn:hover{background-color:#fff;color:#000}.custom-collapse-icon{position:absolute;right:10px;top:10px;background-color:#fff;color:#0d6efd;border:2px solid #0d6efd;border-radius:50%;font-size:20px;padding:8px;cursor:pointer}.custom-collapse-icon.active{transform:rotate(180deg)}@media(max-width:345px){.profile-view .profile-info-title{font-size:20px!important}}@media(max-width:768px){.profile-view{flex-direction:column}.profile-view .avatar-section{margin:auto;border-bottom-left-radius:0;border-top-right-radius:8px!important}.profile-view .avatar-section .user-avatar{width:200px;height:200px!important}.profile-view .profile-info{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:8px!important}}