.header-bar{height:32px;padding:16px 20px}.header-bar .header-right{float:right;width:300px}.side-menu-wrapper .el-scrollbar{height:calc(100vh - 80px)}.side-menu-wrapper .el-scrollbar::-webkit-scrollbar-track-piece{background-color:transparent;border-left:1px solid transparent}.side-menu-wrapper .el-scrollbar::-webkit-scrollbar{width:5px;height:6px;border-radius:3px}.side-menu-wrapper .el-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border-radius:3px;min-height:28px}.side-menu-wrapper .el-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3);border-radius:3px}.side-menu-wrapper .el-scrollbar .scrollbar{height:100%;overflow-x:hidden;padding:16px 0}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu{border-right:none;background:transparent}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item{margin:2px 8px;border-radius:8px;overflow:hidden;transition:all .3s ease}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title{height:44px;line-height:44px;padding:0 12px;border-radius:8px;transition:all .3s ease;position:relative;color:#6c757d}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title *{vertical-align:middle}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item{height:44px;line-height:44px;padding:0 12px;border-radius:8px;margin:1px 0;transition:all .3s ease;position:relative;color:#6c757d}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item i{font-size:16px;color:#6c757d;transition:all .3s ease;margin-right:12px}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .icon{margin-right:12px}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu .el-menu-item,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu .side-menu-item .el-submenu__title{background:#f8f9fa!important;margin:1px 4px;border-radius:6px}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu .el-submenu .el-menu-item{background:#f1f3f4!important;margin:1px 2px;border-radius:4px}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu .el-menu-item:hover,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu .el-submenu__title:hover{background:#e9ecef!important}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item:hover,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title:hover{background:#f8f9fa!important}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item:hover .icon,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item:hover i,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item:hover span,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title:hover .icon,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title:hover i,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title:hover span{color:#3498db}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item.is-active,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title.is-active{background:#e3f2fd!important;color:#3498db!important}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item.is-active .icon,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item.is-active i,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-menu-item.is-active span,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title.is-active .icon,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title.is-active i,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .el-submenu__title.is-active span{color:#3498db!important;font-weight:600}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .is-active .icon,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu .side-menu-item .is-active>.el-submenu__title{color:#3498db!important}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item{transition:all .3s ease;margin:2px 6px}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item i{font-size:18px;margin-right:0}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item .el-menu--inline,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item .el-submenu__icon-arrow,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item span{display:none}.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item .el-menu-item,.side-menu-wrapper .el-scrollbar .scrollbar .el-menu--collapse .side-menu-item .el-submenu__title{padding:0 16px;justify-content:center}.side-menu-wrapper .el-scrollbar .scrollbar::-webkit-scrollbar{width:4px}.side-menu-wrapper .el-scrollbar .scrollbar::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.side-menu-wrapper .el-scrollbar .scrollbar::-webkit-scrollbar-thumb{background:silver;border-radius:2px;-webkit-transition:all .3s ease;transition:all .3s ease}.side-menu-wrapper .el-scrollbar .scrollbar::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.el-menu--popup{background:#fff!important;border-radius:8px!important;box-shadow:0 4px 20px rgba(0,0,0,.15)!important;border:1px solid #e9ecef!important;padding:8px 0!important}.el-menu--popup .el-menu-item,.el-menu--popup .el-submenu__title{background:#fff!important;color:#6c757d!important;padding:8px 20px!important;margin:2px 8px!important;border-radius:6px!important;transition:all .3s ease!important;height:auto!important;line-height:1.4!important;display:flex!important;align-items:center!important}.el-menu--popup .el-menu-item:hover,.el-menu--popup .el-submenu__title:hover{background:#f8f9fa!important;color:#3498db!important;transform:translateX(4px)!important}.el-menu--popup .el-menu-item.is-active,.el-menu--popup .el-submenu__title.is-active{background:#e3f2fd!important;color:#3498db!important;font-weight:600!important}.el-menu--popup .el-menu-item i,.el-menu--popup .el-submenu__title i{margin-right:8px!important;color:#6c757d!important}.el-menu--popup .el-menu-item.is-active i,.el-menu--popup .el-menu-item:hover i,.el-menu--popup .el-submenu__title.is-active i,.el-menu--popup .el-submenu__title:hover i{color:#3498db!important}.el-menu--popup .el-menu--popup{background:#f8f9fa!important;border:1px solid #e9ecef!important}.el-menu--popup .el-menu--popup .el-menu-item,.el-menu--popup .el-menu--popup .el-submenu__title{background:#f8f9fa!important;margin:1px 6px!important;padding:8px 16px!important;height:auto!important;line-height:1.4!important;display:flex!important;align-items:center!important}.el-menu--popup .el-menu--popup .el-menu-item:hover,.el-menu--popup .el-menu--popup .el-submenu__title:hover{background:#e9ecef!important}.el-menu--popup .el-menu--popup .el-menu-item.is-active,.el-menu--popup .el-menu--popup .el-submenu__title.is-active{background:#d1ecf1!important}.tag-item-wrapper{display:inline-block;vertical-align:middle;height:32px!important;margin:4px 2px!important;padding:0 10px!important;border-radius:3px!important;line-height:32px!important;border:1px solid #e8eaec!important;color:#555!important;background:#fff!important;overflow:hidden;cursor:pointer}.tag-item-wrapper .tag-item-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:#e8eaec}.tag-item-wrapper.active .tag-item-dot{background:#409eff}.tags-nav-wrapper{width:100%;height:40px}.tags-nav-wrapper .icon{font-size:18px}.tags-nav-wrapper .btn-con{float:left;width:28px;height:40px;padding:8px 7px 8px 3px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;box-sizing:border-box}.tags-nav-wrapper .btn-close{width:40px;padding-top:10px;padding-left:11px;border-left:1px solid #f0f0f0;cursor:pointer}.tags-nav-wrapper .tags-views{position:relative;float:left;width:calc(100% - 96px);height:40px;background:#f0f0f0;box-shadow:inset 0 0 3px 2px hsla(0,0%,39.2%,.10196078431372549);overflow:hidden}.tags-nav-wrapper .tags-views .tags-cont{position:absolute;padding:0 4px;overflow:visible;white-space:nowrap;transition:left .5s ease}.main-view{padding:0;box-sizing:border-box;background:#f5f7fa;min-height:100%}.scroll-bar::-webkit-scrollbar-track-piece{background-color:transparent;border-left:1px solid transparent}.scroll-bar::-webkit-scrollbar{width:5px;height:6px;border-radius:3px}.scroll-bar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border-radius:3px;min-height:28px}.scroll-bar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3);border-radius:3px}.app-wrapper{width:100%;height:100vh;overflow:hidden;display:flex}.app-wrapper .side-container{flex-shrink:0;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:2px 0 12px rgba(0,0,0,.06);border-right:1px solid #f0f0f0;position:relative;z-index:1000}.app-wrapper .side-container.unfolded{width:280px}.app-wrapper .side-container.unfolded .logo{width:280px;height:80px;padding:20px;box-sizing:border-box;background:linear-gradient(135deg,#3498db,#2980b9);border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-wrapper .side-container.unfolded .logo:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.05));pointer-events:none}.app-wrapper .side-container.unfolded .logo:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:logoGlow 3s ease-in-out infinite alternate;pointer-events:none}.app-wrapper .side-container.folded{width:70px}.app-wrapper .side-container.folded .logo{width:70px;height:70px;padding:15px;box-sizing:border-box;background:linear-gradient(135deg,#3498db,#2980b9);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.app-wrapper .side-container.folded .logo:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.05));pointer-events:none}.app-wrapper .side-container.folded .logo:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:logoGlow 3s ease-in-out infinite alternate;pointer-events:none}.app-wrapper .side-container .logo-link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.app-wrapper .side-container .logo-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-wrapper .side-container .logo-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;position:relative;z-index:3;filter:brightness(1.2) contrast(1.2) drop-shadow(0 2px 8px rgba(0,0,0,.3))}.app-wrapper .side-container .logo-link:hover .logo-img{transform:scale(1.05);filter:brightness(1.3) contrast(1.3) drop-shadow(0 4px 12px rgba(0,0,0,.4))}@keyframes logoGlow{0%{opacity:.3;transform:scale(.8)}to{opacity:.6;transform:scale(1.2)}}.app-wrapper .main-container{flex:1;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:#f5f7fa;max-width:100%;box-sizing:border-box;overflow-x:hidden}.app-wrapper .main-container .main-content{flex:1;overflow:hidden;background:#f5f7fa;max-width:100%;box-sizing:border-box}.app-wrapper .main-container .main-content .el-scrollbar{height:100%;background:#f5f7fa;max-width:100%;box-sizing:border-box;overflow-x:hidden}.app-wrapper .main-container .main-content .el-scrollbar::-webkit-scrollbar-track-piece{background-color:transparent;border-left:1px solid transparent}.app-wrapper .main-container .main-content .el-scrollbar::-webkit-scrollbar{width:5px;height:6px;border-radius:3px}.app-wrapper .main-container .main-content .el-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);background-clip:padding-box;border-radius:3px;min-height:28px}.app-wrapper .main-container .main-content .el-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3);border-radius:3px}.app-wrapper .main-container .main-content .el-scrollbar .scrollbar{height:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;background:#f5f7fa}