.cs-shell{--cs-shell-sidebar-w:15rem;--cs-shell-sidebar-collapsed-w:3.75rem;--cs-shell-topbar-h:3.5rem;--cs-shell-sidebar-current:var(--cs-shell-sidebar-w);box-sizing:border-box;grid-template-columns:var(--cs-shell-sidebar-current) minmax(0, 1fr);grid-template-rows:var(--cs-shell-topbar-h) minmax(0, 1fr);width:100%;height:100dvh;font-family:var(--cs-font-sans);font-size:var(--cs-text-sm);color:var(--cs-fg);background:var(--cs-bg);grid-template-areas:"topbar topbar""sidebar main";display:grid;overflow:hidden}.cs-shell *,.cs-shell :before,.cs-shell :after{box-sizing:border-box}.cs-shell[data-collapsed]{--cs-shell-sidebar-current:var(--cs-shell-sidebar-collapsed-w)}@media (prefers-reduced-motion:no-preference){.cs-shell{transition:grid-template-columns var(--cs-duration-base) var(--cs-ease-out)}}.cs-shell__topbar{align-items:center;gap:var(--cs-space-4);padding-inline:var(--cs-space-4);background:var(--cs-surface-1);border-bottom:1px solid var(--cs-border);z-index:20;grid-area:topbar;display:flex}.cs-shell__brand{flex:none;align-items:center;min-width:0;display:flex}.cs-shell__menu-toggle{border-radius:var(--cs-radius-md);width:2.25rem;height:2.25rem;color:var(--cs-fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:none}.cs-shell__menu-toggle:hover{background:var(--cs-surface-2);color:var(--cs-fg)}.cs-shell__menu-toggle:focus-visible{outline:2px solid var(--cs-focus);outline-offset:2px}.cs-shell__topbar-slot{align-items:center;gap:var(--cs-space-3);min-width:0;margin-left:auto;display:flex}.cs-shell__account-pill{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:48rem){.cs-shell__account-pill{max-width:7rem}}.cs-shell__scrim{cursor:pointer;border:0;margin:0;padding:0;display:none}.cs-shell__sidebar{background:var(--cs-surface-1);border-right:1px solid var(--cs-border);flex-direction:column;grid-area:sidebar;min-height:0;display:flex;overflow:hidden}.cs-shell__nav{gap:var(--cs-space-1);min-height:0;padding:var(--cs-space-3) var(--cs-space-2);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.cs-shell__nav-item{align-items:center;gap:var(--cs-space-3);padding:var(--cs-space-2) var(--cs-space-3);border-radius:var(--cs-radius-md);font-size:var(--cs-text-sm);font-weight:var(--cs-weight-medium);line-height:var(--cs-leading-tight);color:var(--cs-fg-muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;display:flex}@media (prefers-reduced-motion:no-preference){.cs-shell__nav-item{transition:background var(--cs-duration-fast) var(--cs-ease-out), color var(--cs-duration-fast) var(--cs-ease-out)}}.cs-shell__nav-item:hover{background:var(--cs-surface-2);color:var(--cs-fg)}.cs-shell__nav-item--active,.cs-shell__nav-item--active:hover{background:var(--cs-accent-tint);color:var(--cs-accent)}.cs-shell__nav-icon{flex:none;display:inline-flex}.cs-shell__nav-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.cs-shell__nav-item:focus-visible{outline:2px solid var(--cs-focus);outline-offset:-2px}.cs-shell__sidebar[data-collapsed] .cs-shell__nav-item{padding-inline:var(--cs-space-2);justify-content:center}.cs-shell__sidebar[data-collapsed] .cs-shell__nav-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-shell__sidebar-footer{padding:var(--cs-space-2);border-top:1px solid var(--cs-border);flex:none}.cs-shell__mobile-nav-footer{display:none}.cs-shell__collapse-toggle{align-items:center;gap:var(--cs-space-3);width:100%;padding:var(--cs-space-2) var(--cs-space-3);border-radius:var(--cs-radius-md);color:var(--cs-fg-muted);font-family:inherit;font-size:var(--cs-text-xs);font-weight:var(--cs-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;display:flex}@media (prefers-reduced-motion:no-preference){.cs-shell__collapse-toggle{transition:background var(--cs-duration-fast) var(--cs-ease-out), color var(--cs-duration-fast) var(--cs-ease-out)}}.cs-shell__collapse-toggle:hover{background:var(--cs-surface-2);color:var(--cs-fg)}.cs-shell__collapse-toggle:focus-visible{outline:2px solid var(--cs-focus);outline-offset:-2px}.cs-shell__collapse-glyph{flex:none;display:inline-flex}.cs-shell__sidebar[data-collapsed] .cs-shell__collapse-toggle{padding-inline:var(--cs-space-2);justify-content:center}.cs-shell__sidebar[data-collapsed] .cs-shell__collapse-label{display:none}.cs-shell__main{background:var(--cs-bg);outline:none;grid-area:main;min-width:0;min-height:0;padding:clamp(1.25rem,.75rem + 2vw,2.5rem);overflow:auto}.cs-shell__main>.cs-shell__bleed{margin:clamp(-2.5rem,-.75rem - 2vw,-1.25rem)}@media (max-width:48rem){.cs-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--cs-shell-topbar-h) minmax(0, 1fr);grid-template-areas:"topbar""main"}.cs-shell__menu-toggle{display:inline-flex}.cs-shell__sidebar{top:var(--cs-shell-topbar-h);z-index:30;width:var(--cs-shell-sidebar-w);max-width:82vw;box-shadow:var(--cs-shadow-md);position:fixed;bottom:0;left:0;transform:translate(-100%)}.cs-shell[data-mobile-nav-open] .cs-shell__sidebar{transform:translate(0)}.cs-shell__sidebar[data-collapsed]{width:var(--cs-shell-sidebar-w)}.cs-shell__sidebar[data-collapsed] .cs-shell__nav-item{padding-inline:var(--cs-space-3);justify-content:flex-start}.cs-shell__sidebar[data-collapsed] .cs-shell__nav-label{clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible}.cs-shell__sidebar-footer{display:none}.cs-shell__mobile-nav-footer{padding:var(--cs-space-3) var(--cs-space-2);border-top:1px solid var(--cs-border);display:block}.cs-shell__scrim{inset:0;top:var(--cs-shell-topbar-h);z-index:25;background:var(--cs-scrim);width:100%;display:block;position:fixed}}@media (max-width:48rem) and (prefers-reduced-motion:no-preference){.cs-shell__sidebar{transition:transform var(--cs-duration-base) var(--cs-ease-out)}}
