body{margin:0;background-color:var(--lyst-background-basic-color-2)!important;font-family:var(--lyst-heading-font-family)!important}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow:auto}.hide-scrollbar::-webkit-scrollbar{display:none}.navbar-container{height:70px}@media (min-width:768px){.app-container{height:calc(100vh - 70px)}}@media (max-width:768px){.navbar-container{height:56px}.main-content{width:calc(100vw - 32px)}}
.sidebar-container{border-right:1px solid var(--lyst-border-basic-color-4);width:235px;height:calc(100vh - 70px);padding:16px}@media screen and (max-width:768px){.sidebar-container{display:none}}.sidebar-menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:16px;display:flex}.sidebar-menu-item:hover{background-color:var(--primary-transparent-100)}.sidebar-menu-item.active{background-color:var(--primary-transparent-200)!important}.sidebar-menu-item.active:hover{background-color:var(--primary-transparent-200)}.sidebar-icon{font-size:20px}.sidebar-icon.active{color:var(--primary-500)}.sidebar-notification-dot{color:var(--primary-500);font-size:10px}
.tab-navigator-container{scrollbar-width:none;-ms-overflow-style:none;z-index:10;justify-content:flex-start;align-items:center;gap:12px;width:calc(100vw - 32px);height:auto;padding:16px 16px 0;transition:padding-bottom .3s,box-shadow .3s;display:none;position:relative;overflow-x:auto}.tab-navigator-container.scrolled{padding-bottom:16px;box-shadow:0 2px 4px #0000001a}@media screen and (max-width:768px){.tab-navigator-container{display:flex}}.tab-navigator-container::-webkit-scrollbar{display:none}.tab-item{border-radius:calc(var(--lyst-button-radius)*1px);border:1px solid var(--lyst-border-basic-color-4);white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:4px;padding:8px 16px;transition:all .2s;display:flex;position:relative}.tab-item:hover{background-color:var(--primary-transparent-100);cursor:pointer}.tab-label{color:var(--lyst-text-basic-color);margin-left:8px;font-size:14px;font-weight:500}.tab-icon{font-size:16px}.active-tab{color:var(--primary-500);background-color:var(--primary-transparent-100);border-color:var(--primary-500)}.active-icon{color:var(--primary-500)}.notification-dot{background-color:var(--primary-500);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px}