.menu{--menu-background:#151a2e;--sidebar-toogler-color:#fff;--primary-nav-scrollbar:#eef2ff;--nav-item-text-color:#fff;--nav-item-hover-text-color:#12678a;--nav-item-hover-background:#e9f2ff;--mobile-sidebar-menu:#151a2e;--sidebar-collapsed-background:#151a2e;--nav-item-parent-active-text-color:#12678a;--nav-item-parent-active-background:#e9f2ff;--nav-item-active-text-color:#12678a;--nav-item-active-background:#e9f2ff;--member-nav-list-text-color:#151a2e;--avatar-background:#12678a;--avatar-color:#fff}.sidebar{background:var(--menu-background);height:100vh;left:0;position:fixed;top:0;transition:all .4s ease;width:270px;z-index:10}.sidebar.collapsed{width:85px}.sidebar .sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:25px 20px;position:relative}.sidebar-header .header-logo img{display:block;height:60px;-o-object-fit:contain;object-fit:contain;width:60px}.sidebar-header .sidebar-toggler{align-items:center;background:var(--sidebar-toogler-background);border:none;border-radius:8px;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:20px;transition:.4s ease;width:35px}.sidebar-header .sidebar-toggler .toggler-color{color:var(--sidebar-toogler-color)}.sidebar-header .sidebar-toggler:hover{background:var(--sidebar-toogler-background-hover)}.sidebar.collapsed .sidebar-toggler{transform:translate(-4px,65px) rotate(180deg)}.sidebar-nav .nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0 15px;transform:translateY(15px);transition:.4s ease}.sidebar-nav .primary-nav{height:calc(100vh - 204px);overflow-y:auto;padding-bottom:50px;scrollbar-color:transparent transparent;scrollbar-width:thin}.sidebar-nav .primary-nav:hover{scrollbar-color:var(--primary-scrollbar) transparent}.sidebar.collapsed .sidebar-nav .primary-nav{overflow-y:unset;transform:translateY(65px)}.sidebar-nav .nav-item .nav-link{align-items:center;border:1px solid var(--nav-item-border);border-radius:8px;color:var(--nav-item-text-color);display:flex;gap:12px;padding:11px 15px;text-decoration:none;transition:.4s ease;white-space:nowrap}.sidebar-nav .nav-item:is(:hover,.open)>.nav-link:not(.dropdown-title){background-color:var(--nav-item-hover-background);color:var(--nav-item-hover-text-color)}.sidebar-nav .nav-link :where(.nav-label,.dropdown-icon){transition:opacity .3s ease}.sidebar.collapsed .nav-link :where(.nav-label,.dropdown-icon){opacity:0;pointer-events:none}.sidebar-nav .secondary-nav{background:var(--second-nav-background);width:100%}.sidebar-nav .nav-item{position:relative}.sidebar-nav .dropdown-container .dropdown-icon{margin:0 -4px 0 auto;transition:transform .4s ease,opacity .3s ease .2s}.sidebar.collapsed .dropdown-container .dropdown-icon{transition:opacity .3s ease 0s}.sidebar-nav .dropdown-container.open .dropdown-icon{transform:rotate(180deg)}.sidebar-nav .dropdown-menu{height:0;list-style:none;overflow-y:hidden;padding-left:15px;transition:height .4s ease}.sidebar.collapsed .dropdown-menu{background:var(--sidebar-collapsed-background);border-radius:0 10px 10px 0;height:auto!important;left:100%;opacity:0;overflow-y:unset;padding-right:10px;pointer-events:none;position:absolute;top:-10px;transition:0s}.sidebar.collapsed .dropdown-menu:has(.dropdown-link){padding:7px 10px 7px 24px}.sidebar.collapsed .nav-item:hover .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(12px);transition:.4s ease}.dropdown-menu .nav-item .nav-link{margin-top:4px;padding:9px 15px}.sidebar.collapsed .dropdown-menu .nav-link{padding:7px 15px}.dropdown-menu .nav-item .dropdown-title{display:none}.dropdown-menu:has(.dropdown-link) .nav-item .dropdown-title{font-weight:500}.sidebar.collapsed .dropdown-menu .nav-item .dropdown-title{display:block}.sidebar-menu-button{display:none}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0}.sidebar-menu-button{background:none;border:none;color:var(--mobile-sidebar-menu);cursor:pointer;display:block;left:20px;position:fixed;top:20px}.sidebar.collapsed{left:-260px;width:260px}.sidebar.collapsed .sidebar-header .sidebar-toggler{transform:none}.sidebar.collapsed .sidebar-nav .primary-nav{transform:translateY(15px)}}.sidebar-nav .nav-item.routeOpen>.nav-link:not(.dropdown-title){background-color:var(--nav-item-parent-active-background);color:var(--nav-item-parent-active-text-color)}.sidebar-nav .nav-item .router-link-active{background-color:var(--nav-item-active-background);color:var(--nav-item-active-text-color)}.info-block{background:#fff;border:1px solid #ddd;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000001a;left:0;margin-bottom:10px;padding:12px;position:absolute;width:300px;z-index:10}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(10px)}.member-nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;transition:.4s ease}.sidebar-nav .member-nav-list .nav-item .nav-link{color:var(--member-nav-list-text-color);padding:11px 15px 11px 0}.avatar{align-items:center;background-color:var(--avatar-background);border-radius:50%;color:var(--avatar-color);display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar.collapsed .secondary-nav .member-nav-title.nav-link :where(.nav-label,.dropdown-icon){display:none;opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-nav .secondary-nav .nav-item .member-nav-title.nav-link{justify-content:center}.sidebar.collapsed .secondary-nav .member-nav-list .nav-link :where(.nav-label,.dropdown-icon){opacity:1}.sidebar.collapsed .sidebar-nav .nav-list.secondary-nav .nav-item .nav-link{padding:11px 0}:root{--light:#f1f5f9}*{box-sizing:border-box;font-family:Fira sans,sans-serif;margin:0;padding:0}body{background:var(--light)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;outline:none}.app{display:flex;flex-grow:1}.app main{flex:1 1 0;width:100%}.app main .content{padding:1rem}@media (max-width:1024px){.app main{padding-top:3rem}}.overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}@media (min-width:769px){.content{margin-left:270px;transition:all .4s ease}.content.collapsed{margin-left:85px}}