.appShell{--ra-sidebar-width:216px;--ra-sidebar-collapsed-width:52px;--ra-sidebar-radius:14px;background:hsl(var(--background));width:100%;display:flex}.appShellMain{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.appShellContent{flex:1;min-width:0;min-height:0}.appMobileHeader{border-bottom:1px solid hsl(var(--border) / .6);background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}@media (min-width:900px){.appMobileHeader{display:none}}.sidebarBackdrop{z-index:40;background:hsl(var(--background) / .6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;position:fixed;inset:0}@media (min-width:900px){.sidebarBackdrop{display:none}}.sidebarDrawer{z-index:50;height:100dvh;padding:8px;position:fixed;top:0;left:0}@media (min-width:900px){.sidebarDrawer{flex-shrink:0;height:100vh;position:sticky;top:0}}@media (max-width:899px){.sidebarDrawer{pointer-events:none;visibility:hidden;will-change:transform;transition:transform .22s ease-out,visibility 0s linear .22s;transform:translate(-100%)}.sidebarDrawer[data-mobile-open=true]{pointer-events:auto;visibility:visible;transition:transform .22s ease-out;transform:translate(0,0)}.sidebarDrawer .sidebar{height:calc(100dvh - 16px)}}.appShell .sidebar{width:var(--ra-sidebar-width);border:1px solid hsl(var(--sidebar-border) / .7);border-radius:var(--ra-sidebar-radius);background:hsl(var(--sidebar));height:calc(100vh - 20px);min-height:0;color:hsl(var(--sidebar-foreground));flex-direction:column;padding:10px;transition:width .3s,padding .3s;display:flex;position:sticky;top:10px;overflow:hidden;box-shadow:0 1px 2px #4665910f,0 8px 24px #4665910f}.appShell .sidebar[data-sidebar-hydrated=false]{visibility:hidden}.dark .appShell .sidebar{box-shadow:none}.appShell .sidebar.collapsed{--ra-sidebar-width:var(--ra-sidebar-collapsed-width);--ra-sidebar-radius:26px;padding-inline:7px}.appShell .sidebarTop{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin-bottom:8px;display:flex;position:relative}.appShell .brandButton,.appShell .collapseButton{cursor:pointer;background:0 0;border:0}.appShell .brandButton{min-width:0;height:40px;color:hsl(var(--foreground));cursor:default;flex:1;align-items:center;padding:0;display:inline-flex;position:relative}.appShell .sidebar.collapsed .brandButton{cursor:pointer}.appShell .brandLogoWrap{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;height:40px;display:inline-grid;overflow:hidden}.appShell .brandLogoIcon{place-items:center;width:32px;height:32px;line-height:0;display:inline-grid}.appShell .brandHeadings{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.appShell .brandTitleRow{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.appShell .brandProjectName{min-width:0;max-width:100%;color:hsl(var(--primary));font-family:var(--font-heading);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.1;overflow:hidden}.appShell .sidebarTop:has(.brandTitleRow>:nth-child(2)){gap:4px}.appShell .brandLogoWrap:has(.brandTitleRow>:nth-child(2)){gap:7px}.dark .appShell .brandProjectName{color:#fff}.appShell .brandSubheading{min-width:0;max-width:100%;color:hsl(var(--muted-foreground) / .7);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.appShell .brandSubheadingText{text-overflow:ellipsis;min-width:0;overflow:hidden}.appShell .brandIconWrap{flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:none}.appShell .brandExpandIcon{border:1px solid hsl(var(--sidebar-border) / .6);width:28px;height:28px;color:hsl(var(--muted-foreground));background:0 0;border-radius:999px;flex:0 0 28px;place-items:center;transition:background .16s,color .16s;display:none}.appShell .collapseButton{border:1px solid hsl(var(--sidebar-border) / .6);width:28px;height:28px;color:hsl(var(--foreground) / .72);border-radius:999px;flex:0 0 28px;place-items:center;transition:background .16s,color .16s;display:inline-grid}.appShell .collapseButton:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}.appShell .brandButton:focus-visible,.appShell .collapseButton:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:999px}.appShell .sidebar.collapsed .sidebarTop{justify-content:center}.appShell .sidebar.collapsed .brandButton{flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.appShell .sidebar.collapsed .brandLogoWrap{display:none}.appShell .sidebar.collapsed .brandIconWrap{grid-area:1/1;display:inline-flex}.appShell .sidebar.collapsed .brandButton:hover .brandIconWrap,.appShell .sidebar.collapsed .brandButton:focus-visible .brandIconWrap{display:none}.appShell .sidebar.collapsed .brandButton:hover .brandExpandIcon,.appShell .sidebar.collapsed .brandButton:focus-visible .brandExpandIcon{background:hsl(var(--accent));color:hsl(var(--foreground));grid-area:1/1;display:inline-grid}.appShell .sidebar.collapsed .collapseButton{display:none}@media (prefers-reduced-motion:reduce){.appShell .sidebar,.sidebarDrawer,.sidebarDrawer[data-mobile-open=true]{transition:none}}