.sidebar nav.zv-menu{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#385262 transparent;padding:2px 2px 12px}.sidebar .zv-menu>a,.sidebar .zv-menu-toggle{min-height:44px;flex-shrink:0}.zv-menu-group{margin:0}.sidebar .zv-menu-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#9cb0c2;text-align:left;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .18s,color .18s}.zv-menu-toggle>svg{width:19px;height:19px;flex-shrink:0}.sidebar .zv-menu-toggle>span{display:inline}.zv-menu-toggle>span:first-of-type{flex:1}.sidebar .zv-menu-toggle:hover{background:#ffffff0c;color:#fff}.sidebar .zv-menu-toggle:focus-visible{outline:2px solid var(--brand,#18b890);outline-offset:-2px}.sidebar .has-active>.zv-menu-toggle{color:#21c99c;background:#18b8900d}.sidebar .zv-menu-chevron{flex:0 0 auto;font-size:24px;font-weight:400;transition:transform .18s}.zv-menu-toggle[aria-expanded=true] .zv-menu-chevron{transform:rotate(90deg)}.sidebar .zv-submenu{display:flex;flex-direction:column;gap:3px;margin:3px 0 8px 22px;padding-left:10px;border-left:1px solid #ffffff14}.sidebar .zv-submenu[hidden]{display:none}.sidebar .zv-submenu a{min-height:37px;padding:7px 10px;gap:9px;font-size:12px;line-height:1.4;white-space:normal;border-radius:8px}.sidebar .zv-submenu a>svg{width:15px;height:15px;flex-shrink:0}.sidebar .zv-submenu a>span{display:inline;overflow-wrap:anywhere}.sidebar .zv-submenu a.router-link-active{background:#18b89016;box-shadow:inset 2px 0 #18b890}.sidebar.collapsed .zv-menu-toggle{display:none}.sidebar.collapsed .zv-submenu,.sidebar.collapsed .zv-submenu[hidden]{display:flex;margin:0;padding:0;border:0;gap:5px}.sidebar.collapsed .zv-submenu a{min-height:42px;padding:0;justify-content:center}.sidebar.collapsed .zv-submenu a>span{display:none}.sidebar.collapsed .zv-submenu a>svg{width:19px;height:19px}.sidebar.collapsed .zv-menu-group{display:contents}@media(min-width:701px) and (max-width:900px){.sidebar .zv-menu-toggle{display:none}.sidebar .zv-submenu,.sidebar .zv-submenu[hidden]{display:flex;margin:0;padding:0;border:0}.sidebar .zv-submenu a{padding:0;justify-content:center;min-height:42px}.sidebar .zv-submenu a>span{display:none}}@media(max-width:700px){.sidebar.open .zv-menu-group{display:block}.sidebar.open .zv-menu-toggle{display:flex}.sidebar.open .zv-submenu{margin:3px 0 8px 22px;padding-left:10px;border-left:1px solid #ffffff14}.sidebar.open .zv-submenu[hidden]{display:none}.sidebar.open .zv-submenu a{justify-content:flex-start;padding:7px 10px;min-height:37px}.sidebar.open .zv-submenu a>span,.sidebar.open nav>a>span{display:inline}.sidebar.open .zv-submenu a>svg{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){.zv-menu-chevron{transition:none}}

.sidebar.collapsed .zv-submenu[hidden]{display:flex!important}@media(min-width:701px) and (max-width:900px){.sidebar .zv-submenu[hidden]{display:flex!important}}@media(max-width:700px){.sidebar.open .zv-submenu[hidden]{display:none!important}.sidebar.open{width:280px!important}.sidebar.open .zv-menu-toggle{min-height:44px}.sidebar.open .zv-menu{width:100%}}

.sidebar nav[data-zv-menu-source]{display:none!important}

.sidebar.collapsed:not(.open) nav.zv-menu a>span{display:none!important}.sidebar.collapsed:not(.open) nav.zv-menu a{justify-content:center;gap:0;padding:0;min-width:0;width:100%;box-sizing:border-box}.sidebar.collapsed:not(.open) nav.zv-menu a>svg{flex:0 0 19px;width:19px;height:19px}.sidebar.collapsed:not(.open) .brand-logo{content:url('/zapvexa-favicon.png');width:36px!important;height:36px!important;object-fit:contain;object-position:center}.sidebar.collapsed:not(.open) .brand-logo-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:44px}.sidebar.collapsed:not(.open) nav.zv-menu{scrollbar-width:none}.sidebar.collapsed:not(.open) nav.zv-menu::-webkit-scrollbar{display:none}@media(min-width:701px) and (max-width:900px){.sidebar nav.zv-menu a>span{display:none!important}.sidebar nav.zv-menu a{justify-content:center;gap:0;padding:0;width:100%;min-width:0}.sidebar .brand-logo{content:url('/zapvexa-favicon.png');width:36px!important;height:36px!important;object-fit:contain;object-position:center}.sidebar .brand-logo-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:44px}.sidebar nav.zv-menu{scrollbar-width:none}}

.sidebar nav.zv-menu>a.router-link-active{box-shadow:inset 3px 0 var(--brand);background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 20%,transparent),color-mix(in srgb,var(--brand) 7%,transparent))}.sidebar .zv-submenu a.router-link-active{box-shadow:inset 2px 0 var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent)}.sidebar .has-active>.zv-menu-toggle{color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,transparent)}
