body,html{height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.app-wrapper{display:flex;min-height:100vh;width:100%;overflow:hidden}.layout-right{flex:1;display:flex;flex-direction:column;width:calc(100% - 400px);transition:width .3s ease}.sidebar.collapsed+.layout-right{width:calc(100% - 80px)}.layout-content{flex:1;padding:2rem;overflow-y:auto;width:100%;height:auto}.center-box,.layout-content{display:flex;justify-content:center}.center-box{width:1400px;background-color:orange;align-items:center;border:2px solid rgb(218,213,213);border-radius:10px;color:white;font-size:24px;font-weight:700;text-align:center;padding:2px;max-height:100%;overflow:visible}h1{font-size:48px;font-weight:800}h2{font-size:24px}h2,h3{font-weight:600}h3{font-size:10px}h4{font-size:24px}h4,h5{font-weight:500}h5{font-size:20px}.label,button,h6,input,p{font-size:16px;font-weight:400}.label{font-size:14px;font-weight:500}small{font-size:12px}.logo-img{padding:40px;display:flex;align-items:center;justify-content:center}.logo-img img{width:70%}.sidebar{position:relative;width:calc(100% * 6 / 34);background-color:var(--foreground-color);transition:all .3s ease-in-out;font-size:20px}.sidebar,.sidebar-content{display:flex;flex-direction:column;justify-content:space-between}.sidebar-content{height:100%;overflow-y:auto;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{width:8px;height:8px}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.sidebar-content::-webkit-scrollbar-track{background-color:var(--foreground-color);border-radius:8px}.sidebar.collapsed{width:80px}.sidebar.collapsed .dropdown-arrow,.sidebar.collapsed .logout a span,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item.active:before,.sidebar.collapsed .nav-item:hover:before,.sidebar.collapsed .sub-menu{display:none}.sidebar.collapsed .nav-item.active{background-color:var(--primary-color);color:var(--foreground-color)}.sidebar.collapsed .logo-img{padding:0;margin:20px 0 40px}.sidebar.collapsed .logout a,.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .toggle-btn{transform:rotate(180deg) translate(-50%,50%);top:12%}.nav-links{flex:1;padding:8px}.nav-item{color:black;position:relative;display:flex;align-items:center;padding:12px 16px 12px 24px;margin:10px;cursor:pointer;border-radius:4px;text-decoration:none;transition:all .3s ease-in-out}.nav-item i{margin-right:10px}.nav-icon{margin-right:16px;width:20px}.nav-item>span{font-weight:400}.nav-item:not(.module).active{color:var(--primary-color)}.nav-item:not(.module).active>span{font-weight:600}.nav-item.module.active{color:var(--primary-color);font-weight:400}.nav-item:hover{background-color:#FFF1D4}.nav-item:hover:before{background-color:var(--secondary-color)}.nav-item.active:before,.nav-item:hover:before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;border-radius:5px 0 0 5px}.nav-item.active:before{background-color:var(--primary-color)}.dropdown-arrow{margin:auto;transition:all .3s ease-in-out}.dropdown-arrow.rotate{transform:rotate(180deg)}.sub-menu{display:none;margin:0 10px;font-size:18px}.sub-item,.sub-menu.active{display:block}.sub-item{padding:8px 30px;margin:4px 20px;border-radius:4px;text-decoration:none;transition:all .3s ease-in-out;color:black;font-weight:400}.sub-item.active{background-color:#FFE3E3;color:var(--primary-color);font-weight:600}.sub-item:hover{background-color:#FFF1D4}.logout{bottom:0;padding:8px}.logout a{color:black;background-color:var(--table-row-color);position:relative;display:flex;align-items:center;padding:12px 16px 12px 24px;cursor:pointer;border-radius:4px;text-decoration:none;transition:all .3s ease-in-out;margin:10px 20px 10px 10px}.logout a span{margin-left:22px}.logout a:hover{background-color:var(--table-row-hover-color);color:var(--primary-color);font-weight:600}.logout i{margin-right:10px}.toggle-btn{position:absolute;top:20%;right:0;transform:translate(50%,-50%);background-color:var(--primary-color);color:white;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-in-out;z-index:10}.toggle-btn:hover{background-color:var(--primary-hover-color)}.top-bar{width:100%;height:calc(100vh * 2 / 21);background-color:var(--foreground-color);padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:19px;margin-top:0}.top-links{display:flex;justify-content:center;gap:70px;position:relative;margin-top:10px}.top-link{color:inherit;text-decoration:none;cursor:pointer}.top-link:hover{color:var(--secondary-color)}.top-link.active{color:var(--primary-color);font-weight:600}.link-underline{position:absolute;bottom:-8px;height:4px;border-radius:4px;background-color:var(--primary-color);transition:all .5s ease-in-out}