BABA_YAGA/Assets/UI/Profile.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <Style src="project:/Assets/UI/Global.uss" />
    <ui:VisualElement name="ProfileRoot" class="screen-root" style="flex-direction: row;">
        <ui:VisualElement name="LeftPane" style="width: 60%; background-color: rgba(0, 0, 0, 0);" />
        <ui:VisualElement name="RightPane" class="panel-glass--right">
            <ui:VisualElement name="Header" style="flex-direction: row; align-items: center; margin-bottom: 30px;">
                <ui:VisualElement name="Avatar" class="border-accent" style="width: 100px; height: 100px; border-radius: 50px; background-color: gray; margin-right: 20px; border-width: 3px;" />
                <ui:VisualElement>
                    <ui:Label name="Username" text="Player One" class="text-heading" style="margin-bottom: 0;" />
                    <ui:Label name="Rank" text="MASTER III" class="text-subheading" style="font-size: 18px;" />
                </ui:VisualElement>
            </ui:VisualElement>

            <ui:VisualElement name="Stats" style="margin-bottom: 30px;">
                <ui:Label text="WIN RATE" class="text-label" />
                <ui:ProgressBar name="WinRateBar" value="65" class="hud-bar" />
                <ui:Label name="WinRateText" text="65%" class="text-body" style="align-self: flex-end; -unity-font-style: bold;" />
            </ui:VisualElement>

            <ui:ScrollView name="Inventory" class="scroll-list bg-surface-light radius-md" style="flex-grow: 1; padding: 10px;">
                <ui:Label text="INVENTORY" class="text-label" style="margin-bottom: 10px;" />
                <!-- Skin items will go here -->
            </ui:ScrollView>

            <ui:Button name="BackBtn" text="BACK" class="button-spring btn-exit" style="margin-top: 20px;" />
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>