.kj-shell{--kj-rail-w:264px;--kj-rail-w-min:64px;display:flex;align-items:stretch;min-height:100dvh;width:100%}.kj-shell-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.kj-sidebar-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;position:fixed;top:12px;inset-inline-start:12px;z-index:45;border:1px solid var(--kj-border-strong);border-radius:var(--kj-radius-sm);background:var(--kj-surface);color:var(--kj-heading);cursor:pointer;flex:none;box-shadow:var(--kj-shadow-sm);transition:background .15s ease,border-color .15s ease,color .15s ease}.kj-sidebar-trigger:hover{border-color:var(--kj-brand);color:var(--kj-brand)}.kj-sidebar-trigger:active{background:var(--kj-surface-2)}html[dir=rtl] .kj-sidebar-trigger{inset-inline-start:auto;inset-inline-end:12px}.kj-shell-content .kj-header .kj-container{-webkit-padding-start:68px;padding-inline-start:68px}.kj-sidebar{flex:none;width:var(--kj-rail-w);display:flex;flex-direction:column;background:var(--kj-surface);-webkit-border-end:1px solid var(--kj-border);border-inline-end:1px solid var(--kj-border);transition:width .2s ease;will-change:width;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:20}.kj-shell[data-mode=collapsed] .kj-sidebar{width:var(--kj-rail-w-min)}.kj-shell[data-mode=collapsed] .kj-sidebar-head,.kj-shell[data-mode=collapsed] .kj-sidebar-label,.kj-shell[data-mode=collapsed] .kj-sidebar-title{display:none}.kj-shell:not([data-hydrated]) .kj-sidebar{transition:none}.kj-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 10px;-webkit-border-after:1px solid var(--kj-border);border-block-end:1px solid var(--kj-border)}.kj-sidebar-title{font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--kj-label)}.kj-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid transparent;border-radius:var(--kj-radius-sm);background:transparent;color:var(--kj-text-muted);cursor:pointer}.kj-sidebar-toggle:hover{background:var(--kj-surface-2);color:var(--kj-brand)}.kj-sidebar-nav{padding:10px 8px}.kj-sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.kj-sidebar-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--kj-radius-sm);color:var(--kj-text-soft);font-size:14px;font-weight:600;white-space:nowrap;transition:background .12s ease,color .12s ease}.kj-sidebar-link:hover{background:var(--kj-surface-2);color:var(--kj-brand)}.kj-sidebar-link:active,.kj-sidebar-link[data-active]{background:var(--kj-brand-100)}.kj-sidebar-link[data-active]{color:var(--kj-brand);position:relative}.kj-sidebar-link[data-active]:before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--kj-brand)}.kj-sidebar-icon{display:inline-flex;flex:none;width:20px;height:20px}.kj-sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.kj-shell[data-mode=collapsed] .kj-sidebar-link{justify-content:center;padding:0}.kj-shell[data-mode=collapsed] .kj-sidebar-link[data-active]:before{top:6px;bottom:6px}.kj-sidebar-scrim{display:none}@media (max-width:900px){.kj-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,320px);height:100dvh;transform:translateX(-100%);transition:transform .24s ease;box-shadow:var(--kj-shadow-md);z-index:60}html[dir=rtl] .kj-sidebar{transform:translateX(100%)}.kj-sidebar[data-mobile-open],html[dir=rtl] .kj-sidebar[data-mobile-open]{transform:translateX(0)}.kj-shell[data-mode] .kj-sidebar{width:min(86vw,320px)}.kj-shell[data-mode=collapsed] .kj-sidebar-head,.kj-shell[data-mode=collapsed] .kj-sidebar-label,.kj-shell[data-mode=collapsed] .kj-sidebar-title{display:revert}.kj-shell[data-mode=collapsed] .kj-sidebar-link{justify-content:flex-start;padding:0 12px}.kj-sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(16,24,40,.45);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:55}.kj-sidebar-scrim[data-open]{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.kj-sidebar,.kj-sidebar-scrim{transition:none}}@supports (padding:max(0px)){.kj-sidebar-trigger{margin-top:max(12px,env(safe-area-inset-top))}@media (max-width:900px){.kj-sidebar{-webkit-padding-after:env(safe-area-inset-bottom);padding-block-end:env(safe-area-inset-bottom)}}}