.app-shell{--app-sidebar-width:17rem;--app-panel-bg:var(--color-bg-secondary);--app-panel-border:var(--color-border-default);--app-sidebar-bg:color-mix(in srgb, var(--color-bg-secondary) 94%, var(--color-brand-primary) 6%);--app-sidebar-border:var(--color-border-default);--app-nav-active-bg:color-mix(in srgb, var(--color-brand-primary) 14%, transparent);--app-nav-active-text:var(--color-text-heading);--app-shadow:var(--shadow-md,0 12px 40px #11111114);background:var(--color-bg-primary);width:100%;min-height:100dvh;color:var(--color-text-primary);display:flex}body.app-shell-active{background:var(--color-bg-primary)}.app-shell__sidebar{z-index:50;width:var(--app-sidebar-width);background:var(--app-sidebar-bg);border-right:1px solid var(--app-sidebar-border);max-width:88vw;transition:transform var(--duration-base,.22s) var(--ease-standard,ease);flex-direction:column;padding:1rem .85rem 1.25rem;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.app-shell__sidebar--open{transform:translate(0)}.app-shell__scrim{z-index:40;background:color-mix(in srgb, var(--overlay-scrim) 55%, transparent);cursor:pointer;border:none;position:fixed;inset:0}.app-shell__sidebar-head{justify-content:space-between;align-items:flex-start;gap:.5rem;padding:0 .35rem 1rem;display:flex}.app-shell__brand{color:var(--color-text-heading);align-items:center;gap:.65rem;text-decoration:none;display:flex}.app-shell__brand-mark{letter-spacing:.04em;width:2.25rem;height:2.25rem;color:var(--color-text-inverse);background:var(--color-brand-primary);border-radius:.65rem;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.app-shell__brand-text{font-family:var(--font-display);font-size:1.05rem;font-weight:500;line-height:1.2}.app-shell__sidebar-close{color:var(--color-text-secondary);border-radius:.5rem;justify-content:center;align-items:center;padding:.35rem;display:flex}.app-shell__sidebar-close:hover{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent)}.app-shell__nav{flex:1;padding:0 .15rem;overflow-y:auto}.app-shell__nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 .5rem .5rem;font-size:.68rem;font-weight:700}.app-shell__nav-list{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.app-shell__nav-link{color:var(--color-text-secondary);transition:background var(--duration-fast,.15s) ease, color var(--duration-fast,.15s) ease;border-radius:.65rem;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.92rem;font-weight:500;text-decoration:none;display:flex}.app-shell__nav-link:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}.app-shell__nav-link--active{color:var(--app-nav-active-text);background:var(--app-nav-active-bg);font-weight:600}.app-shell__sidebar-foot{border-top:1px solid var(--app-sidebar-border);gap:.5rem;margin-top:1rem;padding:1rem .35rem 0;display:grid}.app-shell__foot-link{color:var(--color-brand-primary);font-size:.88rem;font-weight:600;text-decoration:none}.app-shell__foot-link:hover{text-underline-offset:2px;text-decoration:underline}.app-shell__user{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;overflow:hidden}.app-shell__sign-out{color:var(--color-text-secondary);border-radius:.5rem;align-items:center;gap:.45rem;padding:.45rem .5rem;font-size:.88rem;font-weight:600;display:inline-flex}.app-shell__sign-out:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent)}.app-shell__main{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.app-shell__mobile-bar{padding:.65rem var(--page-gutter,1rem);border-bottom:1px solid var(--app-sidebar-border);background:color-mix(in srgb, var(--color-bg-primary) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.app-shell__menu-btn{color:var(--color-text-heading);border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.app-shell__menu-btn:hover{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent)}.app-shell__mobile-title{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.app-shell__content{width:100%;max-width:56rem;padding:clamp(1rem, 3vw, 1.75rem) var(--page-gutter,1.25rem) clamp(2rem, 5vw, 3rem);flex:1;margin-inline:auto}@media (min-width:960px){.app-shell__sidebar{height:100dvh;position:sticky;top:0;transform:none}.app-shell__sidebar-close,.app-shell__scrim{display:none}.app-shell__main{margin-left:0}.app-shell__mobile-bar{display:none}.app-shell{padding-left:0}.app-shell__sidebar:not(.app-shell__sidebar--open){transform:none}.app-shell{grid-template-columns:var(--app-sidebar-width) minmax(0, 1fr);display:grid}.app-shell__sidebar{grid-column:1;position:sticky}.app-shell__main{grid-column:2}}