.ba-user-layouts[data-v-c2a78cb0]{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#1c1c1eb8;border:1px solid hsla(0,0%,100%,.1);border-radius:22px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;margin-right:20px;max-height:calc(100vh - 100px);overflow:hidden;padding:10px;position:sticky;top:20px;width:280px}.userinfo[data-v-c2a78cb0]{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:center;padding:30px 0 20px}.username[data-v-c2a78cb0]{color:#f5f5f7;display:block;font-size:18px;font-weight:600;padding:15px 0;text-align:center;width:100%}.user-avatar-box[data-v-c2a78cb0]{border:1px solid rgba(41,151,255,.45);border-radius:50%;cursor:pointer;padding:4px;position:relative}.user-avatar[data-v-c2a78cb0]{border-radius:50%;display:block;height:80px;width:80px}.user-avatar-gender[data-v-c2a78cb0]{align-items:center;background-color:#1c1c1e;border-radius:50%;bottom:0;box-shadow:0 2px 4px #0003;display:flex;height:24px;justify-content:center;position:absolute;right:5px;width:24px}.userinfo-button-item[data-v-c2a78cb0]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:#a1a1a6;font-size:var(--el-font-size-small);height:30px}.userinfo-button-item[data-v-c2a78cb0]:hover{background:#2997ff1f;border-color:#2997ff;color:#2997ff}.user-menus[data-v-c2a78cb0]{color:#a1a1a6;flex:1;font-size:15px;min-height:0;overflow-y:auto;padding:10px 0 20px;position:relative;scrollbar-width:thin}.user-menus[data-v-c2a78cb0]::-webkit-scrollbar{width:6px}.user-menus[data-v-c2a78cb0]::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.user-menu-max-title[data-v-c2a78cb0]{align-items:center;color:#86868b;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.06em;padding:16px 18px 7px}.user-menu-max-title .grp-dot[data-v-c2a78cb0]{background:#2997ff;border-radius:50%;flex-shrink:0;height:5px;opacity:.85;width:5px}.user-menu-item[data-v-c2a78cb0]{align-items:center;border-radius:12px;cursor:pointer;display:flex;margin:3px 8px;padding:11px 18px;transition:all .25s}.user-menu-item .icon[data-v-c2a78cb0]{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;width:20px}.user-menu-item[data-v-c2a78cb0]:hover{background:#ffffff0f;color:#fff}.user-menu-item.active[data-v-c2a78cb0]{background:linear-gradient(135deg,#2997ff,#0a84ff);box-shadow:0 8px 18px #2997ff59;color:#fff;font-weight:600}.user-menu-item.active[data-v-c2a78cb0] .icon{color:#fff!important}.user-menu-logout[data-v-c2a78cb0]{align-items:center;background:#ff5f5f14;border:1px solid rgba(255,95,95,.2);border-radius:8px;color:#ffb0b0;cursor:pointer;display:flex;margin:16px 10px 4px;padding:12px 20px;transition:all .3s}.user-menu-logout .icon[data-v-c2a78cb0]{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;width:20px}.user-menu-logout[data-v-c2a78cb0]:hover{background:#ff5f5f29;border-color:#ff5f5f73;color:#ffd2d2}@media screen and (max-width:991px){.ba-user-layouts[data-v-c2a78cb0]{background-color:var(--ba-bg-color-overlay);box-shadow:none;margin-right:0;max-height:none;overflow:visible;position:static;width:100%}.user-menus[data-v-c2a78cb0]{overflow-y:visible}}.user-layout-container[data-v-9c895064]{background:#000;color:#f5f5f7;min-height:100vh}.user-layout-container[data-v-9c895064] .el-container.is-vertical{min-height:100vh}.user-layout-container[data-v-9c895064] .main-scrollbar .el-scrollbar__view{min-height:100%}.user-layout-container .user-layout-shell[data-v-9c895064]{background:radial-gradient(circle at 18% 8%,rgba(41,151,255,.16),transparent 46%),radial-gradient(circle at 82% 0,rgba(100,90,255,.14),transparent 42%),linear-gradient(180deg,#111113,#000);box-sizing:border-box;min-height:calc(100vh - 60px);padding:40px 32px 60px;width:100%}.user-layouts[data-v-9c895064]{align-items:flex-start;display:flex;gap:20px;width:100%}.layout-main[data-v-9c895064]{flex:1;min-width:0;overflow-x:hidden;padding:0!important}@media screen and (max-width:991px){.user-layout-container .user-layout-shell[data-v-9c895064]{padding:20px 16px 40px}.user-layouts[data-v-9c895064]{gap:16px}}