@layer components{.nav-rail{gap:var(--gap-block);padding:var(--pad-card) var(--pad-panel) var(--pad-card) var(--pad-control-x);flex-direction:column;display:flex}}
@layer components{.nav-drawer{z-index:var(--z-modal-backdrop);position:fixed;inset:0}.nav-drawer__scrim{background:var(--overlay-dark);position:absolute;inset:0}.nav-drawer__panel{width:min(82vw, var(--panel-width));padding-top:var(--pad-control-y);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;background:var(--chrome-surface);border-right:var(--border-hairline) solid var(--chrome-border);box-shadow:var(--shadow-modal);animation:nav-drawer-in var(--transition-fast) ease-out;position:absolute;inset:0 auto 0 0;overflow-y:auto}.nav-drawer__head{padding:var(--pad-control-y) var(--pad-control-y) 0;justify-content:flex-end;display:flex}.nav-drawer__close{width:var(--tap-target-min);height:var(--tap-target-min);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.nav-drawer__close:hover{background:var(--surface-hover);color:var(--text-primary)}@keyframes nav-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.nav-drawer__panel{animation:none}}}
@layer layout{.app-shell{background:var(--page-bg);min-height:100dvh}.app-shell__topbar{z-index:var(--z-navbar);position:sticky;top:0}.app-shell__body{align-items:flex-start;display:flex}.app-shell__rail{top:var(--navbar-height);z-index:var(--z-fixed);flex:0 0 var(--aside-nav-width);height:var(--viewport-fill);border-right:var(--border-hairline) solid var(--border-subtle);align-self:flex-start;position:sticky}html[data-nav-rail=collapsed] .app-shell__rail{flex-basis:var(--spacing-8)}.app-shell__rail-inner{height:100%}html[data-nav-rail=collapsed] .app-shell__rail-inner{display:none}.app-shell__rail-toggle{top:var(--gap-block);z-index:1;border-radius:var(--radius-full);background:var(--page-bg);position:absolute;right:0;transform:translate(50%)}.app-shell__page{min-width:0;padding:var(--pad-panel) var(--gutter) var(--gutter);flex:auto}.app-shell__page--fullscreen{min-height:var(--viewport-fill);padding:0}.app-shell__container{min-width:0;margin:0 auto}.container--default{max-width:var(--frame-max)}.container--dashboard,.container--fullscreen{max-width:none}@media (max-width:768px){.app-shell__rail{display:none}.app-shell__page{padding:var(--pad-card) var(--gutter) calc(var(--pad-panel) + env(safe-area-inset-bottom,0px))}.app-shell__page--fullscreen{min-height:100svh;padding:0}}}