.layout{display:grid;height:100vh;grid-template-areas:"menu header" "menu content";grid-template-columns:25rem 1fr;grid-template-rows:4rem 1fr}.page{height:100%;height:calc(100vh - 4rem);overflow-y:auto}header{grid-area:header;display:flex;background-color:white;justify-content:flex-end;padding:0 3rem;height:4rem;border-bottom:1px solid var(--color-grey-light-2)}header nav a{font-size:14px;margin-left:10px;display:inline-block;position:relative;font-family:'Roboto';border-radius:2px}header nav a:first-child{margin-left:0}header nav a:hover{text-decoration:none;color:#505050}header nav .selected{color:white !important;background-color:#78AE4E}header nav i{margin-right:8px}header .logo{width:300px}.header__controls{display:flex;gap:1rem;align-items:center}.header__controls>.icon_wrap{padding:0.5rem;border-radius:var(--radius-md)}.header__controls >.icon_wrap:hover{background-color:var(--color-grey-light-2)}.ui-dark header{background-color:var(--color-dark-2);border-color:var(--color-dark-4)}.ui-dark .header__controls>.icon_wrap{fill:var(--color-grey-dark-1)}.ui-dark .header__controls >.icon_wrap:hover{background-color:var(--color-dark-4)}footer{grid-area:footer;text-align:center;border-top:1px solid var(--color-grey-light-2);font-size:11px;color:gray;display:flex;align-items:center;justify-content:center}footer nav{margin-bottom:10px}footer nav a{margin:0 5px;font-size:12px;font-weight:bold;color:black}footer>a{color:#A0A0A0;font-size:10px}.ui-dark footer{border-color:var(--color-dark-4)}.menu__container{grid-area:menu;display:flex;background-color:var(--color-primary);z-index:100;flex-direction:column}.menu__container.mobile{width:25rem;position:fixed;height:100%;transition:all .7s cubic-bezier(1,-0.01,.5,.54);opacity:1}.menu{transition:width .8s ease-in-out;position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:calc(100vh - 16rem);padding-top:1rem}.edit .menu.fix{width:22rem}.edit .menu{width:6rem}.menu>.items{animation:moveYaxis 1s cubic-bezier(1, -0.08, .82, .98);padding:0;transform:translateY(0%);overflow-x:hidden;overflow-y:hidden;padding:0 1rem;display:flex;flex-direction:column}.edit .menu>.items{padding:0.625rem}.menu .item{display:flex;gap:1.25rem;cursor:pointer;padding:1rem;margin-top:0.25rem;align-items:center;border-radius:var(--radius-xs);}.menu .item:not(.selected):hover{background-color:var(--color-primary-light-1)}.menu .item.caption>.name{font-size:24px}.menu.fix .item>.name{width:100%}.edit .menu .pin{padding:1rem}.menu .pin{justify-content:center;border-top:1px solid var(--color-grey-light-3);padding:0;cursor:pointer;display:flex}.menu.fix .pin svg{fill:white}.menu .pin>svg{transition:transform .3s;fill:var(--color-text-light-2);height:2.75em;width:2.75em}.menu .pin>svg:hover{transform:scale(1.1);fill:var(--color-text-light-4)}.menu .item>.name{display:flex;justify-content:space-between;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.3rem;font-weight:500;color:white;width:100%;transition:all .3s}.menu .item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu .item>.name>i{margin-right:.5rem}.menu .item>.icon{flex:none;fill:white;color:white;margin:0 !important}.menu .children{width:0;height:0;display:flex;background-color:rgba(255, 255, 255, 0.5);border-bottom-left-radius:var(--radius-xs);flex-direction:column;border-bottom-right-radius:var(--radius-xs);background-color:var(--color-primary-light);flex-direction:column;overflow-x:hidden;overflow-y:auto}.menu .children.show{width:100%;height:100%}.menu .children>.item:first-child{margin-top:0.5rem}.menu .children>.item:last-child{margin-bottom:0.35rem}.menu .children >.item i{font-size:1.5rem }.menu .children >.item,.menu .children_back{color:white;font-weight:500;font-size:1.2rem;margin:0.25rem .4rem;padding:1rem 1rem;cursor:pointer;position:relative}.menu .item-title{pointer-events:none;color:white;text-transform:uppercase;font-size:1.3rem;margin:1.5rem 1rem}.menu .item-outer{background-color:transparent}.menu .item-outer.full-border{border-radius:var(--radius-xs) !important}.menu .item-outer.selected{background-color:var(--color-primary-light-1);border-radius:var(--radius-xs)}.menu .selected{background-color:var(--color-primary-light-1);color:white !important}.menu .children.show .selected::before{content:"";width:3px;left:1px;height:18px;border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs);position:absolute;background:white}.menu .selected .icon{fill:white}.menu .selected .name{font-weight:600;color:white}.menu hr{margin:0.625rem 0 !important}.ui-dark .menu__container{background-color:var(--color-dark-1);border-right:1px solid var(--color-dark-4)}.ui-dark .menu .item:not(.selected):hover{background-color:var(--color-text-dark-2)}.ui-dark .menu .selected{background-color:var(--color-text-dark-2)}.ui-dark .menu .item>.icon, .ui-dark .menu .item>.name{color:var(--color-text-light-4)}@media(max-width:992px){.layout{grid-template-columns:1fr;grid-template-areas:"header" "content"}.menu__container{width:0;opacity:0}}.main_content{grid-area:content;background-color:var(--color-background-light)}.ui-dark .main_content{background-color:var(--color-dark-2)}.loginlayout{display:grid;grid-template-columns:35rem 1fr;height:100vh}.loginpanel{background-color:white;padding:4rem;display:flex;flex-direction:column;justify-content:center}.logincontent{background-color:var(--color-primary)}.backdrop{}.backdrop.show{display:block !important;width:100%;backdrop-filter:blur(3px);position:absolute;height:100%;z-index:2;background:rgba(0,0,0,.4);transition-delay:.3s}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.125);border-radius:10px;background-color:#F5F5F5}::-webkit-scrollbar{width:7px;background:transparent}::-webkit-scrollbar-thumb{border-radius:50px;background-color:var(--color-grey-light-4)}.ui-dark ::-webkit-scrollbar-track{background-color:var(--color-dark-2)}.ui-dark ::-webkit-scrollbar-thumb{background-color:var(--color-text-light)}body:not(.ui-dark) .menu ::-webkit-scrollbar-track{background-color:var(--color-primary-light-1)}body:not(.ui-dark) .menu ::-webkit-scrollbar-thumb{background-color:var(--color-primary-light-2)}