.spx-sidebar{gap:var(--space-1);width:248px;height:100%;padding:0 var(--space-3) var(--space-3);transition:width var(--dur-base) var(--ease-out);background:0 0;flex-direction:column;display:flex;overflow:hidden auto}.spx-sidebar--collapsed{width:66px}.spx-sidebar__brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);min-height:var(--spx-bar-h,56px);display:flex}.spx-sidebar__brand-mark{background:var(--accent-gradient);border-radius:8px;flex:none;width:26px;height:26px;box-shadow:inset 0 1px oklch(100% 0 0/.4)}.spx-sidebar__brand-name{font-weight:var(--weight-semibold);letter-spacing:-.02em;font-size:var(--text-base);white-space:nowrap;flex:1;overflow:hidden}.spx-sidebar__collapse{align-items:center;gap:var(--space-3);width:100%;padding:9px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-tertiary);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;display:flex}.spx-sidebar__collapse:hover{background:var(--state-hover);color:var(--text)}.spx-sidebar__collapse:focus-visible{box-shadow:0 0 0 3.5px var(--focus-ring);outline:none}.spx-sidebar__collapse .spx-sidebar__ico svg{transition:transform var(--dur-base) var(--ease-out)}.spx-sidebar--collapsed .spx-sidebar__collapse .spx-sidebar__ico svg{transform:rotate(180deg)}.spx-sidebar__head{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-disabled);padding:var(--space-4) var(--space-3) var(--space-1);white-space:nowrap;max-height:60px;transition:max-height var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), padding var(--dur-base) var(--ease-out);font-size:.625rem;overflow:hidden}.spx-sidebar__nav{flex-direction:column;gap:1px;display:flex}.spx-sidebar__item{align-items:center;gap:var(--space-3);width:100%;padding:9px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;text-decoration:none;display:flex;position:relative}.spx-sidebar__item:hover{background:var(--state-hover);color:var(--text)}.spx-sidebar__item:focus-visible{box-shadow:0 0 0 3.5px var(--focus-ring);outline:none}.spx-sidebar__item[aria-current=page]{color:var(--text);font-weight:var(--weight-medium);background:var(--state-hover)}.spx-sidebar__item[aria-current=page]:before{content:"";background:var(--accent);width:2px;box-shadow:0 0 8px var(--glow-underglow);border-radius:2px;position:absolute;top:7px;bottom:7px;left:0}.spx-sidebar__item[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.spx-sidebar__ico{width:18px;height:18px;color:var(--text-tertiary);flex:none;justify-content:center;align-items:center;display:flex}.spx-sidebar__ico svg{width:18px;height:18px}.spx-sidebar__item[aria-current=page] .spx-sidebar__ico{color:var(--accent-text)}.spx-sidebar__label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.spx-sidebar__end{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-mono);flex:none}.spx-sidebar__spacer{min-height:var(--space-4);flex:1}.spx-sidebar__foot{padding-top:var(--space-3)}.spx-sidebar--collapsed .spx-sidebar__brand-name,.spx-sidebar--collapsed .spx-sidebar__label,.spx-sidebar--collapsed .spx-sidebar__end,.spx-sidebar--collapsed .spx-sidebar__head{display:none}.spx-sidebar--collapsed .spx-sidebar__item,.spx-sidebar--collapsed .spx-sidebar__collapse,.spx-sidebar--collapsed .spx-sidebar__brand{justify-content:center;gap:0}