.account-form-wrapper {
        display: flex;
        gap: 40px;
    }

    .account-left,
    .account-right {
        flex: 1;
    }

    .avatar-box {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 35px;
    }

    .avatar-img {
        width: 88px;
        height: 88px;
        background-color: #f5f3ee;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        color: #7a7a7a;
        overflow: hidden;
    }

    .avatar-img img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        border-radius: 50%;
        object-position: top center;
    }

    .edit-avatar-btn {
        display: inline-flex;
        align-items: center;
        font-size: 18px;
        cursor: pointer;
        color: #3b435e;
        gap: 6px;
    }

    .edit-avatar-btn svg {
        width: 18px;
        height: 18px;
    }

    input[type="file"] {
        display: none;
    }