*{margin:0;padding:0;border:0}body,html{width:100%;height:100%;overflow:hidden;font-family:-apple-system,"Noto Sans","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Source Han Sans CN","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga' 0}.sidebar{position:absolute;width:240px;height:100%;color:#fff;background-color:rgba(0,0,0,.8);box-shadow:rgba(0,0,0,.42) 0 10px 30px -12px,rgba(0,0,0,.12) 0 4px 25px 0,rgba(0,0,0,.2) 0 8px 10px -5px;z-index:1}.sidebar__brand{display:flex;width:200px;height:50px;margin:25px 20px 0;padding-bottom:15px;font-size:18px;border-bottom:1px solid rgba(255,255,255,.35)}.sidebar__brand-icon{width:50px;height:50px;display:flex}.sidebar__brand-icon>img{width:24px;height:24px;margin:auto;filter:brightness(100)}.sidebar__brand-text{padding-left:8px;line-height:50px;width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav{height:calc(100% - 115px);margin:10px 5px 20px 20px;overflow-x:hidden;overflow-y:auto}.nav-item{display:flex;width:200px;height:50px;margin:5px 0;border-radius:5px;color:inherit;text-decoration:none;outline:0;cursor:pointer;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear}.nav-item:hover{background:rgba(100,100,100,.3)}.nav-item__icon{width:50px;height:50px;display:flex}.nav-item__icon>img{width:24px;height:24px;margin:auto;filter:brightness(100)}.nav-item__label{padding-left:8px;line-height:50px;width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{position:absolute;top:0;bottom:0;left:240px;right:0;color:#3c4858;background-color:#eee}.main__content{margin:20px 5px 20px 20px;padding-right:15px;height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.main__content{scroll-behavior:auto}}.group{margin:40px 0 55px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding:15px;border-radius:6px}.group__header{display:flex}.group__icon{display:flex;width:60px;height:60px;margin-top:-35px;border-radius:3px}.group__icon>img{width:28px;height:28px;margin:auto;filter:brightness(100)}.group__title{padding-left:15px;font-size:18px}.link-grid{margin-top:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.link-item{display:inline-block;color:inherit;text-decoration:none;outline:0;border-top:1px solid #e5e5e5}.link-item__inner{display:flex;margin:7px 5px;padding:5px;align-items:center;border-radius:5px;cursor:pointer;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear}.link-item__inner:hover{background:rgba(0,0,0,.04)}.link-item__icon{width:24px;height:24px;background-color:#fff;border-radius:5px;border:1px solid #e5e5e5}.link-item__label{margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group__icon--green{background:linear-gradient(60deg,#66bb6a,#43a047);box-shadow:rgba(0,0,0,.14) 0 4px 20px 0,rgba(76,175,80,.4) 0 7px 10px -5px}.group__icon--orange{background:linear-gradient(60deg,#ffa726,#fb8c00);box-shadow:rgba(0,0,0,.14) 0 4px 20px 0,rgba(255,152,0,.4) 0 7px 10px -5px}.group__icon--red{background:linear-gradient(60deg,#ef5350,#e53935);box-shadow:rgba(0,0,0,.14) 0 4px 20px 0,rgba(244,67,54,.4) 0 7px 10px -5px}.group__icon--blue{background:linear-gradient(60deg,#26c6da,#00acc1);box-shadow:rgba(0,0,0,.14) 0 4px 20px 0,rgba(0,172,193,.4) 0 7px 10px -5px}.group__icon--purple{background:linear-gradient(60deg,#ab47bc,#8e24aa);box-shadow:rgba(0,0,0,.14) 0 4px 20px 0,rgba(156,39,176,.4) 0 7px 10px -5px}@media screen and (max-width:600px){.sidebar{width:80px}.sidebar__brand{display:none}.sidebar__nav{margin:15px;height:calc(100% - 15px)}.nav-item{width:50px;margin:0}.nav-item__label{display:none}.main{left:80px}.link-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}