.app-sidebar-shell{--app-nav-secondary: #71717a;--app-nav-section: #71717a;--app-nav-icon: #52525b;--app-nav-ink: #52525b;--app-nav-parent-active-ink: #3f3f46;--app-nav-parent-active-bg: #f1f1f3;--app-nav-status: #65656e;--app-nav-status-surface: #eeeeef;--app-nav-tree-line: #e2e2e6;--sidebar-accent: #e9e9ec;background-color:#fafafa}.dark .app-sidebar-shell{--app-nav-secondary: #8e8e98;--app-nav-section: #a1a1aa;--app-nav-icon: #b4b4bd;--app-nav-ink: #b4b4bd;--app-nav-parent-active-ink: #e4e4e7;--app-nav-parent-active-bg: #1c1c20;--app-nav-status: #a1a1aa;--app-nav-status-surface: #232329;--app-nav-tree-line: #2e2e33;--sidebar-accent: #27272a;background-color:#111113}.app-sidebar-navigation{gap:24px}.app-sidebar-navigation .app-nav-group{padding:0 12px}.app-sidebar-navigation .app-nav-section-label{height:auto;margin-bottom:8px;padding:0 12px;color:var(--app-nav-section);font-weight:500;letter-spacing:normal}.app-sidebar-navigation .app-nav-item{color:var(--app-nav-ink);font-weight:500}.app-sidebar-navigation .app-nav-item>svg{color:var(--app-nav-icon)}.app-sidebar-navigation .app-nav-item .app-nav-chevron{color:var(--app-nav-icon)}.app-sidebar-navigation .app-nav-child{color:var(--app-nav-ink);font-weight:500}.app-sidebar-navigation .app-nav-upcoming{color:var(--app-nav-secondary);font-weight:500}.app-sidebar-navigation .app-nav-upcoming>svg{color:var(--app-nav-secondary)}.app-sidebar-navigation .app-nav-item:hover,.app-sidebar-navigation .app-nav-child:hover{color:var(--foreground)}.app-sidebar-navigation .app-nav-item:hover>svg,.app-sidebar-navigation .app-nav-item:hover .app-nav-chevron{color:var(--foreground)}.app-sidebar-navigation .app-nav-item[data-active][aria-expanded=true]{background-color:var(--app-nav-parent-active-bg);color:var(--app-nav-parent-active-ink);font-weight:500}.app-sidebar-navigation .app-nav-item[data-active][aria-expanded=true]>svg,.app-sidebar-navigation .app-nav-item[data-active][aria-expanded=true] .app-nav-chevron{color:var(--app-nav-parent-active-ink)}.app-sidebar-navigation .app-nav-item[data-active]:not([aria-expanded=true]),.app-sidebar-navigation .app-nav-child[data-active]{background-color:var(--sidebar-accent);color:var(--foreground);font-weight:600}.app-sidebar-navigation .app-nav-item[data-active]:not([aria-expanded=true])>svg,.app-sidebar-navigation .app-nav-item[data-active]:not([aria-expanded=true]) .app-nav-chevron{color:var(--foreground)}.app-sidebar-navigation .app-nav-submenu{position:relative;margin:4px 0 8px;padding:0;list-style:none}.app-sidebar-navigation .app-nav-submenu>li{position:relative;display:flex;align-items:center;min-height:38px;padding:1px 0 1px 36px}.app-sidebar-navigation .app-nav-submenu>li:not(:last-child):before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1.5px;background-color:var(--app-nav-tree-line);pointer-events:none}.app-sidebar-navigation .app-nav-submenu>li:first-child:not(:last-child):before{top:-4px}.app-sidebar-navigation .app-nav-submenu>li:after{content:"";position:absolute;left:20px;top:0;height:50%;width:11px;border-left:1.5px solid var(--app-nav-tree-line);border-bottom:1.5px solid var(--app-nav-tree-line);border-bottom-left-radius:10px;pointer-events:none}.app-sidebar-navigation .app-nav-submenu>li:first-child:after{top:-4px;height:calc(50% + 4px)}.app-sidebar-navigation .app-nav-status{display:inline-flex;min-height:20px;align-items:center;padding:1px 7px;border-radius:6px;background-color:var(--app-nav-status-surface);color:var(--app-nav-status);font-size:11.5px;line-height:1.2;font-weight:500;overflow:visible;white-space:nowrap}.app-sidebar-navigation .app-nav-pro{display:inline-flex;min-height:18px;align-items:center;justify-content:center;font-weight:500;letter-spacing:normal}.app-sidebar-shell [data-testid=sidebar-user-menu-trigger]{border-radius:10px}.app-sidebar-shell [data-testid=sidebar-user-menu-trigger]>div span{font-weight:500}.group[data-collapsible=icon] .app-sidebar-shell [data-sidebar=header],.group[data-collapsible=icon] .app-sidebar-shell [data-sidebar=footer],.group[data-collapsible=icon] .app-nav-group{padding-inline:8px}.group[data-collapsible=icon] .app-sidebar-shell [data-testid=sidebar-user-menu-trigger]{width:32px;min-height:32px}@media(max-width:767px){.app-sidebar-navigation{gap:20px}}
