.sidebar nav{display:grid;gap:7px}.nav-group{border:1px solid #ffffff12;border-radius:9px;overflow:hidden;background:#082b401f}.nav-group-toggle{display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:#a9c5cf;padding:10px 11px;text-align:left;font:700 10px/1.2 Manrope,sans-serif;letter-spacing:.45px}.nav-group-toggle:hover{background:#16435a;color:#fff}.nav-group-toggle i{font-style:normal;font-size:15px;text-align:center;transition:transform .18s}.nav-group.open .nav-group-toggle i{transform:rotate(180deg)}.nav-group.active-group>.nav-group-toggle{color:#dff7f5}.nav-group-icon{font-size:14px;text-align:center}.nav-group-items{display:none;padding:0 5px 5px}.nav-group.open .nav-group-items{display:block}.sidebar .nav-group .nav-item{margin:2px 0;padding:9px 8px;gap:8px;border-radius:6px;font-size:10.5px}.sidebar .nav-group .nav-icon{font-size:14px;width:16px}.sidebar .nav-group .nav-item.active{color:#0d6170}.nav-group[hidden]{display:none!important}
@media(max-width:850px){.sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.nav-group{width:100%}.nav-group-toggle{padding:8px}.nav-group-items{padding:0 4px 4px}.sidebar .nav-group .nav-item{width:100%;font-size:10px;padding:8px}.sidebar .nav-group .nav-icon{display:none}}
@media(max-width:540px){.sidebar nav{grid-template-columns:1fr}.nav-group-toggle{font-size:10px}.nav-group-items{display:none}.nav-group.open .nav-group-items{display:block}}