.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-head .brand{flex:1;min-width:0}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:10px;background:transparent;color:var(--sidebar-text);cursor:pointer}.sidebar-toggle span{font-size:24px;line-height:1}.sidebar-toggle:hover{background:color-mix(in srgb,var(--sidebar-text) 12%,var(--sidebar))}.nav-item .nav-text{font-size:14px}.nav-group>summary{cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-item .nav-caret{margin-left:auto;font-size:16px;line-height:1;transition:transform .15s}.nav-group[open]>summary .nav-caret{transform:rotate(90deg)}.nav-group:has(.nav-item.active)>summary{background:color-mix(in srgb,var(--sidebar-text) 7%,var(--sidebar))}.nav-sub{display:grid;gap:4px;margin:4px 0 0 20px;padding-left:8px;border-left:1px solid color-mix(in srgb,var(--sidebar-text) 18%,var(--sidebar))}.nav-sub .nav-item{gap:9px;padding:9px 10px}.nav-sub .nav-item>span:first-child{font-size:16px}.nav-sub .nav-item .nav-text{font-size:13px;white-space:nowrap}.sidebar{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--sidebar-text) 25%,var(--sidebar)) transparent}.sidebar nav{display:grid;gap:5px}
@media(min-width:992px){.sidebar-toggle{display:inline-flex}.topbar-title{margin-right:auto}.sidebar{transition:width .18s ease,padding .18s ease}.sidebar-collapsed .sidebar{width:84px;padding:24px 12px;border-radius:26px}.sidebar-collapsed .sidebar .sidebar-head{flex-direction:column;gap:10px;margin-bottom:26px}.sidebar-collapsed .sidebar .brand{flex:none;justify-content:center}.sidebar-collapsed .sidebar .brand-text,.sidebar-collapsed .sidebar .nav-text,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .nav-caret,.sidebar-collapsed .sidebar .sidebar-note{display:none}.sidebar-collapsed .sidebar .nav-sub{margin-left:0;padding-left:0;border-left:0}.sidebar-collapsed .sidebar .nav-sub .nav-item>span:first-child{font-size:20px}.sidebar-collapsed .sidebar .nav-item{justify-content:center;gap:0;min-height:48px;padding:10px;border-radius:13px}.sidebar-collapsed .sidebar .nav-item>span{font-size:23px}.sidebar-collapsed .sidebar nav{margin-bottom:15px}.sidebar-collapsed .sidebar .brand-mark{width:42px;height:42px;flex-shrink:0}}