.nav-side-wrap{position:relative;flex-shrink:0;width:48px;height:100%;transition:width .2s cubic-bezier(.32,.72,0,1)}.nav-side,.nav-side-wrap--expanded{width:200px;transition:width .5s cubic-bezier(.32,.72,0,1)}.nav-side{--nav-side-text-active:var(--text-warm);--nav-side-text-inactive:var(--text-neutral);--nav-side-section-label-font-family:var(--font-family-mono);--nav-side-section-label-font-size:12px;--nav-side-section-label-font-weight:var(--font-weight-normal);--nav-side-section-label-line-height:16px;--nav-side-section-label-color:var(--nav-side-text-active);height:100%;border-right:1px solid var(--border-muted);background:var(--surface-background);display:flex;flex-direction:column;color:var(--nav-side-text-inactive);z-index:20;position:relative}.nav-side--collapsed{width:48px;transition:width .2s cubic-bezier(.32,.72,0,1)}.nav-side--overlay{position:absolute;top:0;left:0}.nav-side--overlay-expanded{box-shadow:var(--shadow-md)}.nav-side-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0}.nav-side-menu{list-style:none;margin:0;padding:0}.nav-side-group,.nav-side-menu{display:flex;width:100%;min-width:0;flex-direction:column;gap:12px}.nav-side-group{position:relative;padding:0 8px}.nav-side-section-header{height:16px;display:flex;align-items:center;padding:0}.nav-side-section-header--hidden{height:0;overflow:hidden;padding:0}.nav-side-section-label{font-size:var(--nav-side-section-label-font-size);font-family:var(--nav-side-section-label-font-family);font-weight:var(--nav-side-section-label-font-weight);line-height:var(--nav-side-section-label-line-height);text-transform:none;letter-spacing:normal;color:var(--nav-side-section-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-side-section-divider{flex-shrink:0;background:var(--border-muted);height:1px;width:100%}.nav-side-item{display:flex;align-items:center;overflow:hidden;text-align:left;outline:none;transition:background .1s,color .1s;color:var(--nav-side-text-inactive);background:none;border:none;cursor:pointer;text-decoration:none;width:100%;padding:4px 6px;gap:8px;font-size:14px;font-family:var(--system-font);font-weight:var(--font-weight-normal);line-height:20px;white-space:nowrap}.nav-side-item:hover{background:var(--surface-muted-hover)}.nav-side-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.nav-side-item[data-active=true]{background:var(--surface-tint-weak);color:var(--nav-side-text-active);font-weight:var(--font-weight-semibold)}.nav-side-item-active-indicator{margin-left:auto;flex-shrink:0;display:flex;align-items:center;color:var(--color-primary)}.nav-side-item-active-indicator svg{width:14px;height:14px}.nav-side-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-side-item-icon svg{width:16px;height:16px}.nav-side-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .1s;opacity:1}.nav-side-item-label--hidden{opacity:0;width:0;overflow:hidden}.nav-side-item-chevron{margin-left:auto;padding:2px;background:none;border:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;transition:background .1s}.nav-side-item-chevron:hover{background:var(--surface-muted)}.nav-side-chevron-icon{width:16px;height:16px;flex-shrink:0;transition:transform .1s}.nav-side-chevron-icon--open{transform:rotate(180deg)}.nav-side--collapsed .nav-side-item{gap:0}.nav-side-children{margin-left:16px;border-left:1px solid var(--border-muted)}.nav-side-child-item{display:block;padding:6px 12px;font-size:14px;font-family:var(--system-font);color:var(--nav-side-text-inactive);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s,color .1s}.nav-side-child-item:hover{background:var(--surface-muted-hover)}.nav-side-child-item--active{background:var(--surface-muted);color:var(--nav-side-text-active);font-weight:var(--font-weight-medium)}.nav-side-footer{flex-shrink:0;border-top:1px solid var(--border-muted);padding:8px}.nav-side-pin-btn{display:flex;align-items:center;overflow:hidden;cursor:pointer;outline:none;transition:background .1s,color .1s;border:1px solid transparent;background:none;color:var(--nav-side-text-inactive);width:100%;padding:4px 6px;gap:8px;font-family:var(--system-font);font-size:14px;font-weight:var(--font-weight-normal);line-height:20px;text-align:left}.nav-side-pin-btn:hover{background:var(--surface-muted-hover);color:var(--nav-side-text-inactive)}.nav-side-pin-btn--pinned{background:var(--surface-muted);color:var(--nav-side-text-active)}.nav-side-pin-icon{width:16px;height:16px;flex-shrink:0;margin-left:-1px}.nav-side-pin-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;transition:opacity .1s;opacity:1}.nav-side-pin-label--hidden{opacity:0;width:0;overflow:hidden}