.sidebar-wrapper{display:flex;flex-direction:column;height:100vh;width:100%;max-width:280px;min-height:0;background-color:var(--sl-color-bg-sidebar, transparent);position:relative}.sidebar-scroll-container{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:.75rem 0;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.45) rgba(99,102,241,.12);-webkit-overflow-scrolling:touch}.sidebar-scroll-container::-webkit-scrollbar{width:6px}.sidebar-scroll-container::-webkit-scrollbar-track{background:transparent;border-radius:3px}.sidebar-scroll-container::-webkit-scrollbar-thumb{background-color:#6366f166;border-radius:3px;border:none}.sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#6366f199}.dark .sidebar-scroll-container{scrollbar-color:rgba(129,140,248,.4) transparent}.dark .sidebar-scroll-container::-webkit-scrollbar-track{background:transparent}.dark .sidebar-scroll-container::-webkit-scrollbar-thumb{background-color:#818cf866;border:none}.dark .sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background-color:#818cf899}.sidebar-scroll-area{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.sidebar-footer{padding:1.25rem 1rem;border-top:1px solid var(--sl-color-hairline);background-color:var(--sl-color-bg-sidebar, transparent);flex-shrink:0}.sidebar-footer--desktop{position:sticky;bottom:0;background-color:var(--sl-color-bg-sidebar, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar-footer-container{display:flex;flex-direction:column;gap:.75rem}.sidebar-footer-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:var(--sl-color-text);text-decoration:none;border-radius:.5rem;border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;font-size:.875rem;font-weight:500}.sidebar-footer-item:hover{background-color:var(--sl-color-accent-low);border-color:var(--sl-color-accent-low);transform:translateY(-1px)}.sidebar-footer-item svg{width:1.1rem;height:1.1rem}.sidebar-group{display:flex;flex-direction:column;gap:.35rem;padding-right:.35rem}.sidebar-group--primary{gap:.5rem}.sidebar-group--nested{padding-right:.25rem;gap:.3rem}.sidebar-group--flat{padding-right:0}.sidebar-nav{width:100%;color:var(--sl-color-text);font-size:1rem;line-height:1.45}.sidebar-content .text-muted-foreground{letter-spacing:.08em}.nav-link{border-radius:.4rem;text-decoration:none;color:inherit}.nav-link--standalone{font-size:.9rem;padding-top:.4rem;padding-bottom:.4rem}.nav-link .link-text{flex:1;min-width:0}.nav-link .icon-container{color:var(--sl-color-text-soft, rgba(71, 85, 105, .85))}.nav-link[data-current-page=true]{background-color:var(--sl-color-accent-low);color:var(--sl-color-accent-text, var(--sl-color-text));font-weight:600}.nav-link[data-current-page=true] .icon-container{color:var(--sl-color-accent-text, var(--sl-color-text))}.nav-link:hover:not([data-current-page=true]){background-color:var(--sl-color-accent-low)}.main-folder{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.625rem .75rem;border-radius:.5rem;text-align:left;font-weight:500;transition:background-color .2s ease,color .2s ease}:root:not([data-theme=dark]) .main-folder{background-color:#f9fafb;border:1px solid #ececec;box-shadow:0 1px 2px #0f172a0d}:root:not([data-theme=dark]) .main-folder:hover{background-color:#fefefe}.main-folder:hover{background-color:var(--sl-color-accent-low);color:var(--sl-color-text)}.main-folder .folder-label{display:flex;align-items:center;gap:.75rem}.main-folder .icon-container{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--sl-color-text-soft)}.nested-folder{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border-radius:.5rem;text-align:left;font-size:.9rem;transition:background-color .2s ease,color .2s ease}.nested-folder:hover{background-color:var(--sl-color-accent-low);color:var(--sl-color-text)}.sidebar-content .ml-6 .nav-link,.sidebar-content .ml-3 .nav-link{padding-left:.5rem}.sidebar-content{min-height:0;flex-shrink:0;width:100%}.sidebar-scroll-container{scroll-behavior:smooth}@media (min-width: 1024px){.sidebar-wrapper--desktop{max-width:280px}.sidebar-footer--desktop{position:sticky;bottom:0}}@media (max-width: 1023px){.sidebar-wrapper{max-width:none;height:100vh}.sidebar-footer{border-top:1px solid var(--sl-color-hairline)}}:global(.sl-sidebar){display:none!important;visibility:hidden!important}