@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);.c-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;background-color:#4d5bf9}.c-header a{color:#fff;font-size:1.5rem;text-decoration:none}.c-header .toggle{width:38px;height:38px;border:none;outline:none;border-radius:12px;cursor:pointer;background-color:#4d5bf9;color:#fff;font-size:1.25rem;transition:all .2s}.c-header .toggle.is-active{color:#d44}.c-sidebar{position:relative;width:76px;min-height:100%;overflow:hidden auto;box-sizing:initial;border-left:5px solid #4d5bf9;border-radius:10px;background-color:#4d5bf9;transition:width .5s}.c-sidebar .sidebar-content{position:absolute;top:0;left:0;width:100%;padding-left:5px;padding-top:34px}.c-sidebar .sidebar-content .sidebar-item{position:relative;list-style:none;width:100%}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link{position:relative;display:flex;width:100%;border-top-left-radius:20px;border-bottom-left-radius:20px;color:#fff;text-decoration:none}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .icon{position:relative;display:block;min-width:60px;height:60px;line-height:60px;font-size:1.25rem;text-align:center}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .title{position:relative;display:block;padding-left:10px;height:60px;line-height:60px;white-space:normal}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .cool-border{position:absolute;display:none;width:100%;height:20px;background-color:#fff}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .cool-border:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#4d5bf9}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .cool-border.one{top:-20px}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .cool-border.one:before{border-bottom-right-radius:20px}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .cool-border.two{bottom:-20px}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link .cool-border.two:before{border-top-right-radius:20px}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link.router-link-exact-active{color:#333;background-color:#fff}.c-sidebar .sidebar-content .sidebar-item .sidebar-item-link.router-link-exact-active .cool-border{display:block}.c-sidebar.is-active{width:280px}.c-sidebar::-webkit-scrollbar{width:0;height:0}#app{position:relative;display:grid;grid-template-areas:"c-header c-header" "c-sidebar app-page";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;gap:.5rem 1rem;min-height:100vh;padding-bottom:.5rem}#app .c-header{grid-area:c-header}#app .c-sidebar{grid-area:c-sidebar;margin-left:.5rem}#app .app-page{grid-area:app-page}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:#fff;color:#2c3e50;font-size:16px;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}