.navbar{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar .logo{align-items:center;gap:10px;font-weight:700;display:flex}.navbar .logo img{width:32px;height:32px}.navbar .logo span{font-size:20px;font-weight:700}@media screen and (width<=480px){.navbar .logo span{font-size:16px;font-weight:600}}.navbar .links{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;display:flex}.navbar .links .icons{justify-content:space-between;align-items:center;gap:20px;display:flex}@media screen and (width<=768px){.navbar .links .icons .icon{display:none}}.navbar .links .notifications{position:relative}.navbar .links .notifications span{color:#fff;background-color:red;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex;position:absolute;top:-13px;right:-10px}@media screen and (width<=768px){.navbar .links .notifications{display:none}}.navbar .links .user{align-items:center;gap:5px;display:flex}.navbar .links .user img{object-fit:cover;border-radius:50%;width:26px;height:26px}@media screen and (width<=768px){.navbar .links .settings{display:none}}.navbar .icon{fill:none;stroke:#000;transition:all .3s}.ToggleThemeIcon{cursor:pointer;background:0 0;border:none;margin:0;padding:0}.ToggleThemeIcon .icon-moon{cursor:pointer;width:24px;height:24px}body.dark .icon-sun{fill:#fff;stroke:#fff}.footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.footer span:first-child{color:#384256;font-weight:400}.footer span:first-child a{color:#2a3447;font-weight:700;text-decoration:none}.footer span:first-child a:hover{text-decoration:underline}.footer span:last-child{font-size:16px;font-weight:600}@media screen and (width<=480px){.footer span:last-child{font-size:14px}.footer{flex-direction:column;gap:10px}}body.dark .footer span:first-child,body.dark .footer span a{color:#fff}.menu{flex-direction:column;display:flex}.menu .item{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.menu .item .itemTitle{color:#ddd;text-transform:uppercase;font-size:16px;font-weight:200}@media screen and (width<=1024px){.menu .item .itemTitle{display:none}}.menu .item .listItem{align-items:center;gap:10px;padding:8px;display:flex}.menu .item .listItem .listItemTitle{font-size:14px;font-weight:500}.menu .item .listItem:hover{background-color:#384256;border-radius:5px}@media screen and (width<=1024px){.menu .item .listItem .listItemTitle{display:none}}.appLoader{background:#2a3447;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.appLoader .spinner{border:4px solid #384256;border-top-color:#4cd964;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.appLoader .loadingText{color:#9aa4b2;margin-top:15px;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;scroll-behavior:smooth;background-color:#fff;font-family:Inter,sans-serif}body.dark{color:#fff;background-color:#2a3447}a{color:inherit;text-decoration:none}ul{list-style:none}.settings .setting-icon{fill:#000}body.dark .navbar .icon{stroke:#fff}body.dark .app-icon,body.dark .expand-icon,body.dark .setting-icon{fill:#fff}body.dark .notifications-icon{fill:none}.main .mainContainer{flex-direction:column;gap:30px;padding:30px;display:flex}.container{display:flex}.menuContainer{color:#fff;background-color:#2a3447;border-radius:10px;padding:20px}@media screen and (width<=1024px){.menuContainer{width:max-content}}@media screen and (width<=480px){.menuContainer{padding:10px}}body.dark .menuContainer{border-right:2px solid #384256;border-radius:0;padding:0 20px 0 0}.contentContainer{min-width:800px;padding:0 0 0 20px}@media screen and (width<=1200px){.contentContainer{min-width:250px}}