.nav-backdrop,.nav-sidebar{--zjn-canvas:var(--zj-canvas,#f6f6f5);--zjn-surface:var(--zj-surface,#fff);--zjn-border:var(--zj-border,#e1e1df);--zjn-text:var(--zj-text,#202224);--zjn-text-secondary:var(--zj-text-secondary,#5b5e63);--zjn-text-tertiary:var(--zj-text-tertiary,#8b8e93);--zjn-action:var(--zj-action,#38566b);--zjn-selection:var(--zj-selection,#edf2f5);--zjn-radius-sm:var(--zj-radius-sm,.3rem);--zjn-font-ui:var(--zj-font-ui,var(--zj-inter),"Inter",-apple-system,"Segoe UI",sans-serif);--zjn-shadow:#1412162e}[data-theme=dark] .nav-backdrop,[data-theme=dark] .nav-sidebar{--zjn-shadow:#00000080}.nav-backdrop{z-index:9997;opacity:0;pointer-events:none;background:0 0;transition:opacity .35s;position:fixed;inset:0}@media (min-width:601px){.nav-backdrop,.nav-sidebar{display:none}}.nav-backdrop--open{opacity:1;pointer-events:auto}.nav-sidebar{z-index:9998;background:var(--zjn-surface);border-right:1px solid var(--zjn-border);width:320px;max-width:80vw;box-shadow:8px 0 40px var(--zjn-shadow);overscroll-behavior:contain;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.nav-sidebar--open{transform:translate(0)}.nav-sidebar__content{flex-direction:column;flex:1;justify-content:center;padding:3rem 2rem;display:flex}.nav-sidebar__nav,.nav-sidebar__group{flex-direction:column;gap:1px;display:flex}.nav-sidebar__section{font-family:var(--zjn-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--zjn-text-tertiary);padding:1.25rem .65rem .45rem;font-size:11px;font-weight:600}.nav-sidebar__group:first-child .nav-sidebar__section{padding-top:0}.nav-sidebar__link{cursor:pointer;width:100%;font-family:var(--zjn-font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--zjn-text-secondary);text-align:left;border-radius:var(--zjn-radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.65rem;padding:.7rem .65rem;font-size:.95rem;font-weight:600;transition:background .14s,color .14s;display:flex}.nav-sidebar__label{flex:1}@media (hover:hover){.nav-sidebar__link:hover{background:var(--zjn-canvas);color:var(--zjn-text)}}.nav-sidebar__link:active{background:var(--zjn-canvas);color:var(--zjn-text)}.nav-sidebar__link--active,.nav-sidebar__link--active:active{background:var(--zjn-selection);color:var(--zjn-action)}@media (hover:hover){.nav-sidebar__link--active:hover{background:var(--zjn-selection);color:var(--zjn-action)}}.nav-sidebar__link--disabled{color:var(--zjn-text-tertiary);opacity:.55;cursor:default}.nav-sidebar__soon{letter-spacing:.04em;text-transform:none;color:var(--zjn-text-tertiary);background:var(--zjn-canvas);border:1px solid var(--zjn-border);border-radius:var(--zjn-radius-sm);flex:none;padding:.05rem .35rem;font-size:10px;font-weight:600}.nav-sidebar__link--logout{margin-top:1.25rem}.nav-sidebar__email{cursor:pointer;font-family:var(--zjn-font-ui);letter-spacing:.04em;text-transform:none;color:var(--zjn-text-tertiary);word-break:break-all;text-align:left;border:none;border-top:1px solid var(--zjn-border);-webkit-tap-highlight-color:transparent;background:0 0;margin-top:auto;padding:1.5rem 2rem;font-size:.7rem;transition:color .2s}@media (hover:hover){.nav-sidebar__email:hover{color:var(--zjn-text-secondary)}}@media (max-width:480px){.nav-sidebar{border-right:none;width:100vw;max-width:100vw}.nav-sidebar__content{padding:2rem 1.5rem}.nav-sidebar__link{padding:.65rem .5rem;font-size:.9rem}.nav-sidebar__email{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.nav-backdrop,.nav-sidebar{transition:none}}