.sidebar{--sidebar-expanded-width:176px;--sidebar-collapsed-width:76px;--sidebar-pad-x:10px;--sidebar-control-height:42px;--sidebar-radius:16px;position:relative;z-index:50;width:var(--sidebar-expanded-width);min-width:var(--sidebar-expanded-width);max-width:var(--sidebar-expanded-width);flex:0 0 var(--sidebar-expanded-width);display:flex;height:100%;flex-direction:column;gap:12px;overflow:visible;padding:10px var(--sidebar-pad-x) 16px;border-right:1px solid color-mix(in srgb,var(--color-card-border) 82%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.74)),var(--color-surface-card);box-shadow:10px 0 28px rgba(48,47,46,.04);backdrop-filter:blur(18px) saturate(150%);transition:width .22s ease,min-width .22s ease,max-width .22s ease,flex-basis .22s ease,padding .22s ease}.sidebar-collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);max-width:var(--sidebar-collapsed-width);flex:0 0 var(--sidebar-collapsed-width);padding:10px 10px 16px}.sidebar-top{display:flex;height:60px;align-items:center;justify-content:center}.sidebar-top-collapsed{height:60px}.logo{display:inline-flex;height:50px;min-width:calc(var(--sidebar-expanded-width) - (var(--sidebar-pad-x) * 2));align-items:center;justify-content:center;border-radius:var(--sidebar-radius);transition:min-width .22s ease,background-color .22s ease,transform .22s ease}.logo:hover{background:color-mix(in srgb,var(--color-brand-100) 48%,transparent)}.logo img{width:auto;height:50px;max-width:112px;object-fit:contain}.logo-collapsed{min-width:52px}.logo-collapsed img{width:auto;height:52px;max-width:52px}.sidebar-routes{display:flex;min-height:0;flex:1;flex-direction:column;gap:12px;overflow-x:visible;overflow-y:auto;padding:2px 2px 8px;scrollbar-gutter:stable}.sidebar-route-group{display:flex;flex-direction:column;gap:6px}.sidebar-route-group-label{padding:0 10px;color:var(--color-text-tertiary);font-family:var(--font-satoshi);font-size:11px;font-weight:650;letter-spacing:-.22px;line-height:16px;text-transform:uppercase}.sidebar-route-group-items{display:flex;flex-direction:column;gap:6px}.route{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--color-card-border) 72%,transparent);border-radius:var(--sidebar-radius);background:color-mix(in srgb,var(--color-neutral-0) 72%,transparent);color:var(--color-text-secondary);font-family:var(--font-satoshi);font-size:14px;font-weight:500;letter-spacing:-.26px;line-height:20px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.route,.sidebar-collapsed .route{min-height:var(--sidebar-control-height);padding:10px}.sidebar-collapsed .route{width:100%;justify-content:center}.route-icon{display:inline-flex;width:20px;height:20px;flex-shrink:0;align-items:center;justify-content:center;color:currentColor}.route-icon-svg{display:block;color:currentColor}.route-active{border-color:color-mix(in srgb,var(--color-brand-950) 30%,transparent);background:var(--color-brand-100);color:var(--color-brand-950)}.route-disabled{color:var(--color-neutral-500)!important;cursor:not-allowed;opacity:.72}.route-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-collapsed-icon-wrap{display:flex;width:100%;align-items:center;justify-content:center}.route:hover{border-color:color-mix(in srgb,var(--color-card-border) 82%,transparent);background:color-mix(in srgb,var(--color-card-hover) 74%,white);color:var(--color-text-primary)}.sidebar-footer{display:flex;justify-content:center;margin-top:auto;padding-top:2px}.sidebar-collapse-btn{display:flex;width:var(--sidebar-control-height);height:var(--sidebar-control-height);align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-card-border) 85%,transparent);border-radius:var(--sidebar-radius);background:rgba(255,255,255,.82);color:var(--color-text-secondary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.sidebar-collapse-btn:hover{border-color:color-mix(in srgb,var(--color-brand-950) 28%,transparent);background:var(--color-brand-100);color:var(--color-brand-950)}.sidebar-route-tooltip{display:flex!important;width:100%;align-items:center;justify-content:center}@media screen and (max-width:1024px){.sidebar{display:none}}