.shell{min-height:100vh;display:flex}.sidebar{gap:var(--wb-space-3);width:var(--wb-sidebar-width);height:100vh;padding:var(--wb-space-4) var(--wb-space-3);background:var(--wb-material);-webkit-backdrop-filter:var(--wb-blur);border-right:1px solid var(--wb-border);z-index:30;flex-direction:column;flex:none;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:10px;padding:4px 8px 6px;display:flex}.sidebar__brand-name{font-family:var(--wb-font-display);font-size:var(--wb-text-lg);letter-spacing:-.02em;font-weight:700}.tenant-switch{border-radius:var(--wb-radius-md);background:var(--wb-surface);width:100%;box-shadow:var(--wb-shadow-sm);color:var(--wb-fg);font:inherit;text-align:left;cursor:pointer;border:none;align-items:center;gap:10px;padding:8px;display:flex}.tenant-switch:hover{box-shadow:var(--wb-shadow-md)}.tenant-switch__avatar{background:var(--wb-accent-soft);width:32px;height:32px;color:var(--wb-accent);border-radius:9px;flex:none;place-items:center;display:grid}.tenant-switch__avatar--org{background:var(--wb-violet-soft);color:var(--wb-violet)}.tenant-switch__avatar svg{width:17px;height:17px}.tenant-switch__text{flex-direction:column;flex:1;min-width:0;display:flex}.tenant-switch__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tenant-switch__role{color:var(--wb-fg-tertiary);font-size:var(--wb-text-xs)}.tenant-switch__chevron{width:16px;height:16px;color:var(--wb-fg-tertiary)}.sidebar__nav{flex:1;margin:0 -4px;padding:0 4px;overflow-y:auto}.nav-group+.nav-group{margin-top:var(--wb-space-4)}.nav-group__label{color:var(--wb-fg-tertiary);font-size:var(--wb-text-xs);text-overflow:ellipsis;white-space:nowrap;padding:0 10px 4px;font-weight:600;overflow:hidden}.nav-item{border-radius:var(--wb-radius-sm);height:34px;color:var(--wb-fg);transition:background .12s var(--wb-ease);align-items:center;gap:10px;padding:0 10px;font-weight:520;display:flex;text-decoration:none!important}.nav-item:hover{background:color-mix(in srgb,var(--wb-fg) 6%,transparent)}.nav-item__icon{width:17px;height:17px;color:var(--wb-fg-secondary)}.nav-item--active{color:var(--wb-fg-on-accent);box-shadow:0 1px 3px #1e32a040}.nav-item--active,.nav-item--active:hover{background:var(--wb-accent)}.nav-item--active .nav-item__icon{color:inherit}.account-button{border-radius:var(--wb-radius-md);width:100%;color:var(--wb-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px;display:flex}.account-button:hover{background:color-mix(in srgb,var(--wb-fg) 6%,transparent)}.account-button__avatar{background:linear-gradient(135deg,var(--wb-accent),var(--wb-violet));color:#fff;width:30px;height:30px;font-weight:650;font-size:var(--wb-text-sm);border-radius:50%;flex:none;place-items:center;display:grid}.account-button__email{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--wb-text-sm);color:var(--wb-fg-secondary);flex:1;overflow:hidden}.shell__main{flex:1;min-width:0}.content{max-width:1120px;padding:var(--wb-space-10) var(--wb-space-8) 80px;margin:0 auto}.shell__scrim,.topbar{display:none}@media (width<=900px){.sidebar{transition:transform .25s var(--wb-ease);background:var(--wb-material-strong);box-shadow:var(--wb-shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.shell--open .sidebar{transform:none}.shell--open .shell__scrim{z-index:25;background:#0a0a1440;display:block;position:fixed;inset:0}.topbar{z-index:20;background:var(--wb-material);height:52px;-webkit-backdrop-filter:var(--wb-blur);border-bottom:1px solid var(--wb-border);align-items:center;gap:10px;padding:0 12px;display:flex;position:sticky;top:0}.topbar__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.content{padding:var(--wb-space-6) var(--wb-space-4) 64px}}