html,body,#app{height:100%}body{color:#303133;background:#f5f7fa;margin:0}.layout{height:100%}.layout__header{z-index:1000;background:#fff;border-bottom:1px solid #ebeef5;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.layout__header .center{flex:1;justify-content:flex-end;max-width:400px;margin:0 20px;display:flex}.header-search{width:100%;max-width:300px}.layout__sidebar{background:#0f172a;border-right:none;width:220px;position:fixed;top:56px;bottom:0;left:0;overflow:auto;box-shadow:2px 0 8px #00000026}.layout__sidebar .el-menu{border-right:none;padding:8px 0;background-color:#0000!important}.layout__sidebar .el-menu-item,.layout__sidebar .el-sub-menu__title{border-radius:8px;margin:4px 8px;padding-right:20px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#94a3b8!important;background-color:#0000!important;height:50px!important;line-height:50px!important}.layout__sidebar .el-menu-item:before,.layout__sidebar .el-sub-menu__title:before{display:none}.layout__sidebar .el-menu-item:hover,.layout__sidebar .el-sub-menu__title:hover{transform:translate(3px);box-shadow:0 6px 12px #ffffff0f;color:#f1f5f9!important;background-color:#ffffff14!important}.layout__sidebar .el-menu-item.is-active{background-size:200% 200%;font-weight:600;animation:8s infinite gradient-shift;box-shadow:0 4px 12px #2563eb4d;color:#fff!important;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)!important}.layout__sidebar .el-sub-menu .el-menu{border-radius:8px;margin:4px 8px;padding:4px 0;background-color:#0003!important}.layout__sidebar .el-sub-menu .el-menu .el-menu-item{width:auto;margin:2px 8px;height:40px!important;line-height:40px!important}.layout__sidebar .el-sub-menu .el-menu .el-menu-item:hover{transform:translate(3px);color:#fff!important;background-color:#ffffff0f!important}.layout__sidebar .el-sub-menu .el-menu .el-menu-item.is-active{color:#fff!important;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)!important}.layout__sidebar .el-sub-menu__icon-arrow{right:10px;color:#94a3b8!important}.layout__sidebar .el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow{color:#fff!important}.layout__sidebar .el-sub-menu.is-opened>.el-menu{animation:.25s submenu-in}.layout__main{padding:16px;position:absolute;inset:56px 0 0 220px;overflow:auto}.user-dropdown__name{margin:0 8px}.el-dropdown-link.user{cursor:pointer;border-radius:4px;align-items:center;padding:4px 8px;transition:background-color .3s;display:flex}.el-dropdown-link.user:hover{background-color:#f5f7fa}@keyframes rtl-drawer-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes rtl-drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes ltr-drawer-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes ltr-drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes ttb-drawer-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0)}}@keyframes ttb-drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes btt-drawer-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes btt-drawer-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(100%)}}.el-drawer{box-shadow:0 0 50px #0000001a!important}.rtl-drawer-enter-active{animation:.4s rtl-drawer-in!important}.rtl-drawer-leave-active{animation:.4s rtl-drawer-out!important}.ltr-drawer-enter-active{animation:.4s ltr-drawer-in!important}.ltr-drawer-leave-active{animation:.4s ltr-drawer-out!important}.ttb-drawer-enter-active{animation:.4s ttb-drawer-in!important}.ttb-drawer-leave-active{animation:.4s ttb-drawer-out!important}.btt-drawer-enter-active{animation:.4s btt-drawer-in!important}.btt-drawer-leave-active{animation:.4s btt-drawer-out!important}.layout__sidebar .el-menu-item:active:after,.layout__sidebar .el-sub-menu__title:active:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff59 0%,#fff0 60%);border-radius:50%;width:0;height:0;animation:.5s ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layout__sidebar .el-menu-item.is-active,.layout__sidebar .el-sub-menu .el-menu .el-menu-item.is-active{background-size:200% 200%;animation:8s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes submenu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%{opacity:1;width:0;height:0}to{opacity:0;width:180px;height:180px}}.el-table{--el-table-header-bg-color:#f5f7fa;--el-table-border-color:#ebeef5;box-shadow:0 4px 12px #0000000d;border-radius:8px!important;overflow:hidden!important}.el-table th.el-table__cell{height:54px;font-size:14px;color:#1f2937!important;background-color:#f0f2f5!important;border-bottom:2px solid #e5e7eb!important;font-weight:700!important}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:#eff6ff!important}.el-table--border{border:1px solid #ebeef5;border-radius:8px!important}.el-table .cell{line-height:1.5}.el-tabs__header{margin-bottom:20px!important}.el-tabs__nav-wrap:after{background-color:#e5e7eb!important;height:1px!important}.el-tabs__item{color:#4b5563!important;height:48px!important;padding:0 24px!important;font-size:15px!important;line-height:48px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.el-tabs__item:hover{background-color:#3b82f60d;border-radius:4px 4px 0 0;transform:translateY(-2px);color:#3b82f6!important}.el-tabs__item.is-active{text-shadow:0 0 1px #2563eb33;color:#2563eb!important;font-size:16px!important;font-weight:700!important}.el-tabs__active-bar{box-shadow:0 2px 6px #2563eb66;background-color:#2563eb!important;border-radius:3px!important;height:3px!important}.el-tab-pane,.animate-fade-in-up{animation:.5s cubic-bezier(.2,.8,.2,1) tabContentFadeIn}@keyframes tabContentFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.el-card .el-tabs__content{padding:16px 0}