.pageshell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;height:100%}.pageshell>.topbar{grid-column:1 / -1;grid-row:1}.pagenav{grid-column:1;grid-row:2;background:var(--surface);border-right:1px solid var(--border);box-shadow:3px 0 12px #161f450d;position:relative;z-index:2;padding:8px;overflow-y:auto;min-height:0}.pagenav .nav{border-bottom:none;padding:0}.pageshell>.main{grid-column:2;grid-row:2}.pageshell.dark-mode .pagenav,.dark-mode .pageshell .pagenav{background:#0c1230;border-right-color:#ffffff0f}.pageshell{transition:grid-template-columns .18s ease}.pageshell.sidebar-collapsed{grid-template-columns:64px 1fr}.pagenav{display:flex;flex-direction:column;gap:6px}.pagenav .nav{flex:0 0 auto}.pagenav-toggle{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:13px;width:100%}.pagenav-toggle:hover{background:#0000000d;color:var(--text)}.pagenav-toggle ion-icon{font-size:18px;flex-shrink:0}.dark-mode .pagenav-toggle:hover{background:#ffffff0f}.pageshell.sidebar-collapsed .side-label{display:none}.pageshell.sidebar-collapsed .nav-item,.pageshell.sidebar-collapsed .pagenav-toggle{justify-content:center;gap:0}.pageshell.sidebar-collapsed .pagenav{align-items:stretch}