:root{--shell-sidebar-width:15rem;--shell-sidebar-width-collapsed:4.25rem;--shell-header-height:3.75rem}@layer components{.ui-shell{background:var(--background);min-height:100vh;color:var(--foreground);display:flex}.ui-shell-main{min-width:0;flex-direction:column;flex:auto;padding-block-start:var(--shell-header-height);display:flex}.ui-sidebar{z-index:30;flex-direction:column;flex:0 0 var(--shell-sidebar-width);width:var(--shell-sidebar-width);border-inline-end:1px solid var(--sidebar-border);background:linear-gradient(180deg, var(--sidebar-accent), var(--sidebar) 22rem);color:var(--sidebar-foreground);transition:flex-basis .2s,width .2s,transform .2s;display:flex;position:relative}.ui-shell.is-collapsed .ui-sidebar{flex-basis:var(--shell-sidebar-width-collapsed);width:var(--shell-sidebar-width-collapsed)}.ui-sidebar-inner{flex-direction:column;max-height:none;display:flex;position:sticky;inset-block-start:0}.ui-sidebar .ui-btn-ghost{color:var(--sidebar-muted)}.ui-sidebar .ui-btn-ghost:hover:not(:disabled){background:var(--sidebar-hover);color:var(--sidebar-foreground)}.ui-sidebar-header{z-index:2;height:var(--shell-header-height);border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-accent);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding-inline:1rem;display:flex}.ui-shell.is-collapsed .ui-sidebar-header{justify-content:center;padding-inline:.5rem}.ui-sidebar-body{flex:auto;padding:.75rem .5rem 1.25rem}.ui-sidebar-footer{border-top:1px solid var(--sidebar-border);background:var(--sidebar);color:var(--sidebar-muted);flex-shrink:0;padding:.75rem 1rem;font-size:.75rem}.ui-shell.is-collapsed .ui-collapsible{display:none}.ui-shell.is-collapsed .ui-nav-link{justify-content:center;padding-inline:0}@media (width>=1024px){.ui-shell.is-collapsed .ui-nav-sub{display:none!important}}.ui-nav-tooltip{z-index:60;border:1px solid var(--sidebar-border);border-radius:calc(var(--radius-control) - .25rem);background:var(--sidebar);box-shadow:var(--shadow-raised);color:var(--sidebar-foreground);white-space:nowrap;opacity:0;pointer-events:none;padding:.35rem .625rem;font-size:.8125rem;font-weight:500;transition:opacity .12s;position:fixed}.ui-nav-tooltip.is-visible{opacity:1}.ui-nav{flex-direction:column;gap:.125rem;display:flex}.ui-nav-item{position:relative}.ui-nav-heading{color:var(--sidebar-muted);padding:1.1rem .75rem .4rem;font-size:.6875rem;font-weight:600}.ui-nav-heading:first-child{padding-block-start:.35rem}.ui-nav-link{border-radius:calc(var(--radius-control) - .125rem);width:100%;min-height:2.5rem;color:var(--sidebar-foreground);text-align:start;cursor:pointer;border:1px solid #0000;align-items:center;gap:.625rem;padding:.35rem .625rem;font-size:.8125rem;font-weight:500;transition:background-color .14s,color .14s;display:flex;position:relative}.ui-nav-link:hover{background:var(--sidebar-hover);color:var(--sidebar-foreground)}.ui-nav-link:focus-visible{outline:2px solid var(--sidebar-active-edge);outline-offset:-2px}.ui-nav-link.is-active,.ui-nav-link[aria-current=page]{background:color-mix(in oklab, var(--sidebar-active) 88%, var(--sidebar));color:var(--primary-foreground);box-shadow:0 4px 12px -6px color-mix(in oklab, var(--sidebar-active) 80%, transparent);font-weight:600}.ui-nav-link.is-active:before,.ui-nav-link[aria-current=page]:before{content:"";background:var(--sidebar-active-edge);border-start-end-radius:999px;border-end-end-radius:999px;width:3px;position:absolute;inset-block:.5rem;inset-inline-start:-.625rem}.ui-shell.is-collapsed .ui-nav-link.is-active:before,.ui-shell.is-collapsed .ui-nav-link[aria-current=page]:before{inset-block:.375rem;inset-inline-start:-.625rem}.ui-nav-icon{width:1.25rem;color:var(--sidebar-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.ui-nav-link:hover .ui-nav-icon{color:var(--sidebar-foreground)}.ui-nav-link.is-active .ui-nav-icon,.ui-nav-link[aria-current=page] .ui-nav-icon{color:var(--primary-foreground)}.ui-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ui-nav-arrow{color:currentColor;opacity:.7;flex-shrink:0;transition:rotate .2s}.ui-nav-arrow.is-open{rotate:180deg}.ui-nav-sub{border-inline-start:1px solid var(--sidebar-border);flex-direction:column;gap:.0625rem;margin-block:.125rem .375rem;margin-inline-start:1.25rem;padding-inline-start:.6875rem;display:flex;position:relative}.ui-nav-sub-link{border-radius:calc(var(--radius-control) - .25rem);min-height:2.125rem;color:var(--sidebar-muted);align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.8125rem;transition:background-color .14s,color .14s;display:flex}.ui-nav-sub-link:hover{background:var(--sidebar-hover);color:var(--sidebar-foreground)}.ui-nav-sub-link[aria-current=page]{background:var(--sidebar-hover);color:var(--sidebar-active-edge);font-weight:600}.ui-nav-sub-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.ui-nav-divider{background:linear-gradient(90deg, transparent, var(--sidebar-border) 15%, var(--sidebar-border) 85%, transparent);height:1px;margin:.875rem .625rem .25rem;display:block}.ui-shell.is-collapsed .ui-nav-divider{margin-inline:.75rem}.ui-nav-bullet{background:var(--sidebar-muted);border-radius:999px;flex-shrink:0;width:.375rem;height:.375rem}.ui-nav-sub-link[aria-current=page] .ui-nav-bullet{background:var(--sidebar-active-edge);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 16%, transparent)}.ui-header{z-index:20;height:var(--shell-header-height);background:var(--header);border-bottom:1px solid var(--border-soft);align-items:center;transition:inset-inline-start .2s,border-color .15s,box-shadow .15s;display:flex;position:fixed;inset-block-start:0;inset-inline-start:var(--shell-sidebar-width);inset-inline-end:0}.ui-shell.is-collapsed .ui-header{inset-inline-start:var(--shell-sidebar-width-collapsed)}.ui-header.is-stuck{border-bottom-color:var(--border);box-shadow:0 1px 3px -1px color-mix(in oklab, var(--mono) 8%, transparent)}.ui-dropdown{position:relative}.ui-dropdown-panel{z-index:40;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--popover);min-width:16rem;color:var(--popover-foreground);box-shadow:var(--shadow-raised);padding:.375rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0}.ui-dropdown-item{border-radius:var(--radius-control);width:100%;color:var(--foreground);text-align:start;align-items:center;gap:.5rem;padding:.45rem .625rem;font-size:.8125rem;display:flex}.ui-dropdown-item:hover{background:var(--accent)}.ui-dropdown-separator{background:var(--border);height:1px;margin-block:.375rem}@media (width<=1023px){.ui-header,.ui-shell.is-collapsed .ui-header{inset-inline-start:0}.ui-sidebar,.ui-shell.is-collapsed .ui-sidebar{width:var(--shell-sidebar-width);box-shadow:var(--shadow-raised);overscroll-behavior:contain;flex:none;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;translate:-100%}.ui-sidebar-inner{min-height:100%;position:static;top:auto!important}[dir=rtl] .ui-sidebar,[dir=rtl] .ui-shell.is-collapsed .ui-sidebar{translate:100%}.ui-shell.is-drawer-open .ui-sidebar,[dir=rtl] .ui-shell.is-drawer-open .ui-sidebar{translate:0}.ui-shell.is-collapsed .ui-collapsible{display:revert}.ui-shell.is-collapsed .ui-nav-link{justify-content:flex-start;padding-inline:.625rem}.ui-shell.is-collapsed .ui-nav-link:after{content:none}.ui-shell.is-collapsed .ui-sidebar-header{justify-content:space-between;padding-inline:1rem}}.ui-shell-backdrop{z-index:29;background:color-mix(in oklab, var(--mono) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.ui-sidebar,.ui-shell-main,.ui-header,.ui-nav-arrow{transition-duration:.01ms}}}
