.ba-user-layouts[data-v-7fc4b6d4]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f2847d9;border:1px solid #ffffff14;border-radius:16px;width:280px;margin-right:20px;padding:10px}.userinfo[data-v-7fc4b6d4]{flex-wrap:wrap;justify-content:center;align-items:center;padding:30px 0 20px;display:flex}.username[data-v-7fc4b6d4]{text-align:center;color:#fff;width:100%;padding:15px 0;font-size:18px;font-weight:600;display:block}.user-avatar-box[data-v-7fc4b6d4]{cursor:pointer;border:1px solid #00d4aa4d;border-radius:50%;padding:4px;position:relative}.user-avatar[data-v-7fc4b6d4]{border-radius:50%;width:80px;height:80px;display:block}.user-avatar-gender[data-v-7fc4b6d4]{background-color:#0b1a29;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:0;right:5px;box-shadow:0 2px 4px #0003}.userinfo-button-item[data-v-7fc4b6d4]{font-size:var(--el-font-size-small);color:#b0c0d0;background:#ffffff0d;border:1px solid #ffffff1a;height:30px}.userinfo-button-item[data-v-7fc4b6d4]:hover{color:#00d4aa;background:#00d4aa1a;border-color:#00d4aa}.user-menus[data-v-7fc4b6d4]{color:#b0c0d0;padding:10px 0 20px;font-size:15px}.user-menu-max-title[data-v-7fc4b6d4]{color:#6b7d8f;text-transform:uppercase;letter-spacing:.5px;padding:15px 20px 5px;font-size:13px;font-weight:600}.user-menu-item[data-v-7fc4b6d4]{cursor:pointer;border-radius:8px;align-items:center;margin:4px 10px;padding:12px 20px;transition:all .3s;display:flex}.user-menu-item .icon[data-v-7fc4b6d4]{justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;display:flex}.user-menu-item[data-v-7fc4b6d4]:hover{color:#fff;background:#ffffff0d}.user-menu-item.active[data-v-7fc4b6d4]{color:#00d4aa;background:linear-gradient(90deg,#00d4aa26,#00d4aa0d);font-weight:500}.user-menu-item.active[data-v-7fc4b6d4] .icon{color:#00d4aa!important}@media screen and (width<=991px){.ba-user-layouts[data-v-7fc4b6d4]{background-color:var(--ba-bg-color-overlay);width:100%;box-shadow:none;margin-right:0}}.user-layout-container[data-v-3d8eed0c]{color:#fff;background:#0a1a2e;min-height:100vh}.user-layout-container[data-v-3d8eed0c] .layouts-main{background:radial-gradient(circle at 20% 10%,#00d4aa2e,#0000 45%),radial-gradient(circle at 80% 0,#00b4d833,#0000 40%),linear-gradient(#0d2137,#0a1a2e);min-height:calc(100vh - 60px);padding:40px 0 60px}.user-layouts[data-v-3d8eed0c]{align-items:flex-start;gap:20px;padding-top:15px;display:flex}.layout-main[data-v-3d8eed0c]{overflow-x:hidden;padding:0!important}