.warehouse-layout[data-v-be68ac72]{height:100vh;position:relative}.sidebar-mask[data-v-be68ac72]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:998;transition:opacity .3s}.sidebar[data-v-be68ac72]{background-color:#fff;box-shadow:2px 0 8px rgba(0,0,0,.15);transition:width .3s,transform .3s;position:relative;z-index:1}.sidebar .logo[data-v-be68ac72]{height:64px;display:flex;align-items:center;justify-content:center;color:#1890ff;font-size:20px;font-weight:700;letter-spacing:2px}.sidebar .menu-container[data-v-be68ac72]{height:calc(100vh - 64px);overflow-y:auto}.sidebar .menu-container[data-v-be68ac72]::-webkit-scrollbar{width:6px}.sidebar .menu-container[data-v-be68ac72]::-webkit-scrollbar-track{background:transparent}.sidebar .menu-container[data-v-be68ac72]::-webkit-scrollbar-thumb{background:rgba(144,147,153,.3);border-radius:3px}.sidebar .menu-container[data-v-be68ac72]::-webkit-scrollbar-thumb:hover{background:rgba(144,147,153,.5)}.el-menu[data-v-be68ac72]{border-right:none;height:auto;min-height:100%}.el-menu-vertical[data-v-be68ac72]:not(.el-menu--collapse){width:230px}.header[data-v-be68ac72]{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-shadow:0 1px 4px rgba(0,21,41,.08)}.header .header-left[data-v-be68ac72]{display:flex;align-items:center}.header .header-left .collapse-btn[data-v-be68ac72]{font-size:20px;cursor:pointer;color:#606266;margin-right:15px}.header .header-left .header-title[data-v-be68ac72]{font-size:16px;font-weight:500;color:#303133}.header .right-menu[data-v-be68ac72]{display:flex;align-items:center}.header .right-menu .right-menu-item[data-v-be68ac72]{margin-left:10px}.header .right-menu .avatar-container .user-info[data-v-be68ac72]{display:flex;align-items:center;cursor:pointer}.header .right-menu .avatar-container .user-info .user-avatar[data-v-be68ac72]{width:36px;height:36px;border-radius:50%;margin-right:8px}.header .right-menu .avatar-container .user-info .user-details[data-v-be68ac72]{margin-right:8px}.header .right-menu .avatar-container .user-info .user-details .user-name[data-v-be68ac72]{font-size:14px;color:#303133;line-height:1.2}.header .right-menu .avatar-container .user-info .user-details .user-role[data-v-be68ac72]{font-size:12px;color:#909399}.header .right-menu .avatar-container .user-info i[data-v-be68ac72]{color:#909399;font-size:12px}.main-content[data-v-be68ac72]{background-color:#f5f7fa;padding:20px}@media(max-width:768px){.sidebar.sidebar-mobile[data-v-be68ac72]{position:fixed;left:0;top:0;height:100vh;width:230px!important;z-index:999;transform:translateX(0);transition:transform .3s cubic-bezier(.7,.3,.1,1)}.sidebar.sidebar-mobile.sidebar-mobile-hidden[data-v-be68ac72]{transform:translateX(-100%)}.el-aside[data-v-be68ac72]{width:230px!important}.header .header-left .collapse-btn[data-v-be68ac72]{font-size:24px}.header .header-left .header-title[data-v-be68ac72]{font-size:14px}.header .right-menu .user-avatar[data-v-be68ac72]{width:32px!important;height:32px!important}.header .right-menu .user-details[data-v-be68ac72]{display:none}.main-content[data-v-be68ac72]{padding:15px}}@media(min-width:769px)and (max-width:1024px){.main-content[data-v-be68ac72]{padding:15px}}