.app-shell{--sidebar-expanded:260px;--sidebar-collapsed:72px;--header-height:64px;--sidebar-width:0px;height:100dvh;overflow:hidden}.shell-sidebar{display:none;position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);height:100dvh;z-index:30}.shell-header{top:0;height:var(--header-height);z-index:20}.shell-header,.shell-main{position:fixed;left:var(--sidebar-width);right:0}.shell-main{top:var(--header-height);height:calc(100dvh - var(--header-height));scrollbar-gutter:stable}.shell-compact{display:none}.shell-mobile-drawer{top:0;left:0;width:min(260px,calc(100vw - 32px));height:100dvh;max-height:100dvh;max-width:none;transform:none;translate:none;border-radius:0;padding:0;gap:0;overflow:hidden}@media (min-width:768px){.app-shell{--sidebar-width:var(--sidebar-collapsed)}.shell-sidebar{display:flex}.shell-sidebar .shell-expanded{display:none}.shell-sidebar .shell-compact{display:block}.app-shell[data-sidebar=expanded]{--sidebar-width:var(--sidebar-expanded)}.app-shell[data-sidebar=expanded] .shell-sidebar .shell-expanded{display:block}.app-shell[data-sidebar=expanded] .shell-sidebar .shell-compact{display:none}}@media (min-width:1024px){.app-shell{--sidebar-width:var(--sidebar-expanded)}.shell-sidebar .shell-expanded{display:block}.shell-sidebar .shell-compact{display:none}}@media (min-width:768px){.app-shell[data-sidebar=collapsed]{--sidebar-width:var(--sidebar-collapsed)}.app-shell[data-sidebar=collapsed] .shell-sidebar .shell-expanded{display:none}.app-shell[data-sidebar=collapsed] .shell-sidebar .shell-compact{display:block}}@media (prefers-reduced-motion:no-preference){.shell-sidebar{transition:width .18s ease}.shell-header,.shell-main{transition:left .18s ease}}