*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--cr-white:0,0%,100%;--cr-concrete:0,0%,95%;--cr-firefly:197,37%,16%}.page{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"nave main";min-height:100vh;font-size:12px;font-family:Archivo}.page__nav{grid-area:nave}.page__main{grid-area:main;overflow:auto}.logo{font-size:1.5rem}.nave{transition:width 220ms linear;color:hsl(var(--cr-firefly));background:hsl(var(--cr-white));position:relative;width:64px;overflow:hidden;box-shadow:.3em 0 .3em rgba(0,0,0,.15)}.nave:hover{width:230px;overflow:auto}.nav__logo{margin-top:.5em;margin-bottom:2em}.nav__list{font-size:15px;font-family:Archivo;font-style:normal}.nav__list_bottom{margin-top:0px;width:100%}.nav__link:hover{background:#d3eaf6;text-decoration:none}.nav__link{color:inherit;display:grid;align-items:center;padding-block:12px;text-decoration:0;padding-left:18px}.nav__link-img-box{margin-left:9px;width:2em}.nav__link-img{display:block;width:100%;height:auto;border-radius:50%}.nav__link-icon{padding-left:16px}.nav__link-txt{position:absolute;left:64px;width:max-content}.nav__tab-txt{position:absolute;left:3.5rem}.main__title{margin-bottom:.5em;font-size:2rem}.main__desc{line-height:1.5em}.height50{height:50px}.hidee{display:none}.nave:hover+.hidee{display:block}.nave .nav__item{position:relative;cursor:pointer}.sub-item span.icon{margin-left:10px}.nave .nav__item .sub-item{padding-left:20px}.nave .nav__item .sub-item .nav__link-txt{left:65px}.nave .nav__item .sub-btn i{margin-right:15px}.nave .nav__item .sub-btn .dropdown{position:absolute;left:18rem;margin:20px;transition:.3s ease}.nave .sub-menu{display:none}.nave .menu .item .sub-menu a{padding-left:80px}.rotate{transform:rotate(90deg)}.admin-layout .nave .sub-btn .dropdown{position:absolute;left:16rem;margin:20px;transition:.3s ease}.admin-layout .nave .sub-item{padding-left:20px}.admin-layout .nave .sub-menu .nav__item{align-items:center;text-decoration:0;font-size:13px}.admin-layout .nave .sub-menu .nav__link-txt{color:#202020}.nav__item a:hover{background:#d3eaf6;text-decoration:none}