.sidebar[data-v-10bdef47]{height:100vh;width:240px;background:-webkit-gradient(linear,left top,left bottom,from(#1a1c21),to(#2c2e33));background:linear-gradient(180deg,#1a1c21,#2c2e33);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:2px 0 8px rgba(0,0,0,.1);box-shadow:2px 0 8px rgba(0,0,0,.1);position:relative;-webkit-transition:width .3s ease;transition:width .3s ease}.sidebar[data-v-10bdef47]:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.1) 50%,transparent)}@media (max-width:768px){.sidebar[data-v-10bdef47]{width:200px}}@media (max-width:480px){.sidebar[data-v-10bdef47]{width:180px}}.sidebar-header[data-v-10bdef47]{padding:24px 20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-header .logo-container[data-v-10bdef47]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.sidebar-header .logo-container .logo[data-v-10bdef47]{height:48px;width:48px;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.sidebar-header .logo-container .logo[data-v-10bdef47]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebar-header .logo-container .logo-text[data-v-10bdef47]{font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sidebar-menu[data-v-10bdef47]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px 0}.sidebar-menu .sidebar-menu-list[data-v-10bdef47]{border:none;background:transparent}.sidebar-menu .sidebar-menu-list .menu-item[data-v-10bdef47]{margin:4px 16px;border-radius:8px;height:48px;line-height:48px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-menu .sidebar-menu-list .menu-item[data-v-10bdef47]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);-webkit-transition:left .5s ease;transition:left .5s ease}.sidebar-menu .sidebar-menu-list .menu-item[data-v-10bdef47]:hover{background:rgba(64,158,255,.1);color:#409eff;-webkit-transform:translateX(4px);transform:translateX(4px)}.sidebar-menu .sidebar-menu-list .menu-item[data-v-10bdef47]:hover:after{left:100%}.sidebar-menu .sidebar-menu-list .menu-item:hover .menu-icon[data-v-10bdef47]{color:#409eff;-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-menu .sidebar-menu-list .menu-item.is-active[data-v-10bdef47]{background:-webkit-gradient(linear,left top,right top,from(#409eff),to(rgba(64,158,255,.8)));background:linear-gradient(90deg,#409eff,rgba(64,158,255,.8));color:#fff;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.4);box-shadow:0 4px 12px rgba(64,158,255,.4)}.sidebar-menu .sidebar-menu-list .menu-item.is-active .menu-icon[data-v-10bdef47]{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-menu .sidebar-menu-list .menu-item.is-active[data-v-10bdef47]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:0 2px 2px 0;-webkit-animation:slideIn-10bdef47 .3s ease;animation:slideIn-10bdef47 .3s ease}.sidebar-menu .sidebar-menu-list .menu-item .menu-icon[data-v-10bdef47]{margin-right:12px;font-size:18px;-webkit-transition:color .3s ease;transition:color .3s ease}.sidebar-menu .sidebar-menu-list .menu-item .menu-text[data-v-10bdef47]{font-size:14px;font-weight:500}.sidebar-footer[data-v-10bdef47]{padding:16px 0;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar-footer .sidebar-menu-list[data-v-10bdef47]{border:none;background:transparent}.sidebar-footer .sidebar-menu-list .menu-item[data-v-10bdef47]{margin:4px 16px;border-radius:8px;height:48px;line-height:48px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-footer .sidebar-menu-list .menu-item[data-v-10bdef47]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.1)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);-webkit-transition:left .5s ease;transition:left .5s ease}.sidebar-footer .sidebar-menu-list .menu-item[data-v-10bdef47]:hover{background:rgba(64,158,255,.1);color:#409eff;-webkit-transform:translateX(4px);transform:translateX(4px)}.sidebar-footer .sidebar-menu-list .menu-item[data-v-10bdef47]:hover:after{left:100%}.sidebar-footer .sidebar-menu-list .menu-item:hover .menu-icon[data-v-10bdef47]{color:#409eff;-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-footer .sidebar-menu-list .menu-item.is-active[data-v-10bdef47],.sidebar-footer .sidebar-menu-list .menu-item.is-setting-active[data-v-10bdef47]{background:-webkit-gradient(linear,left top,right top,from(#409eff),to(rgba(64,158,255,.8)));background:linear-gradient(90deg,#409eff,rgba(64,158,255,.8));color:#fff;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.4);box-shadow:0 4px 12px rgba(64,158,255,.4)}.sidebar-footer .sidebar-menu-list .menu-item.is-active .menu-icon[data-v-10bdef47],.sidebar-footer .sidebar-menu-list .menu-item.is-setting-active .menu-icon[data-v-10bdef47]{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.sidebar-footer .sidebar-menu-list .menu-item.is-active[data-v-10bdef47]:before,.sidebar-footer .sidebar-menu-list .menu-item.is-setting-active[data-v-10bdef47]:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:20px;background:#fff;border-radius:0 2px 2px 0;-webkit-animation:slideIn-10bdef47 .3s ease;animation:slideIn-10bdef47 .3s ease}.sidebar-footer .sidebar-menu-list .menu-item.is-active[data-v-10bdef47]:hover,.sidebar-footer .sidebar-menu-list .menu-item.is-setting-active[data-v-10bdef47]:hover{-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-footer .sidebar-menu-list .menu-item .menu-icon[data-v-10bdef47]{margin-right:12px;font-size:18px;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar-footer .sidebar-menu-list .menu-item .menu-text[data-v-10bdef47]{font-size:14px;font-weight:500}.main-content[data-v-10bdef47]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f5f7fa;overflow:hidden;position:relative}.main-content[data-v-10bdef47]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent);pointer-events:none}[data-v-10bdef47] .el-menu{border-right:none!important}[data-v-10bdef47] .el-menu-item:focus{background:transparent}@-webkit-keyframes slideIn-10bdef47{0%{opacity:0;-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px)}to{opacity:1;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}}@keyframes slideIn-10bdef47{0%{opacity:0;-webkit-transform:translateY(-50%) translateX(-10px);transform:translateY(-50%) translateX(-10px)}to{opacity:1;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}}@-webkit-keyframes fadeIn-10bdef47{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-10bdef47{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.sidebar-header[data-v-10bdef47]{-webkit-animation:fadeIn-10bdef47 .6s ease;animation:fadeIn-10bdef47 .6s ease}.sidebar-menu[data-v-10bdef47]{-webkit-animation:fadeIn-10bdef47 .6s ease .1s both;animation:fadeIn-10bdef47 .6s ease .1s both}.sidebar-footer[data-v-10bdef47]{-webkit-animation:fadeIn-10bdef47 .6s ease .2s both;animation:fadeIn-10bdef47 .6s ease .2s both}