.el-menu-vertical-demo{--el-menu-bg-color:#f5faffd1;--el-menu-active-color:#3b82f6;--el-menu-hover-bg-color:#ebf5fff2;--el-menu-border-color:#3b82f614;--el-menu-base-level-padding:0;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;box-shadow:4px 0 30px #3b82f60d!important}.el-menu-vertical-demo .main-title{text-align:center;color:#0000;background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 45%,#60a5fa 100%);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;padding:20px;font-size:20px;font-weight:700;display:flex}.el-menu-vertical-demo .main-title>img{width:25px;margin-right:10px}.el-menu-vertical-demo:not(.el-menu--collapse){width:200px;min-height:100%}.el-menu-vertical-demo .el-menu-item{border-radius:10px;margin:5px 10px;padding-left:20px!important}.el-menu-vertical-demo .el-menu-item:hover{color:#3b82f6;transform:translate(3px)}.el-menu-vertical-demo .el-menu-item .icon-content{margin-right:10px;font-size:18px}.el-menu-vertical-demo .el-menu-item.is-active{background:linear-gradient(135deg,#3b82f617 0%,#60a5fa0f 100%);font-weight:600}.el-menu-vertical-demo .el-menu-item.is-active:before{content:"";background:linear-gradient(135deg,#38bdf8 0%,#3b82f6 45%,#60a5fa 100%);border-radius:0 4px 4px 0;width:3.5px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.el-menu-vertical-demo .el-divider--horizontal{--el-border-color:#dcdfe64d;width:90%;margin:auto}.common-layout[data-v-41349bd9]{width:100%;height:100%}.common-layout .aside-style[data-v-41349bd9]{max-width:200px}.common-layout .main-content[data-v-41349bd9]{flex-direction:column;gap:24px;display:flex}