.nav-rail{--rail-w:56px;--rail-open-w:200px;--rail-dur-chrome:.24s;--rail-dur-row:.12s;--rail-ease:cubic-bezier(.2, 0, 0, 1);--rail-ease-quick:ease-out;flex:0 0 var(--rail-w);width:var(--rail-w);position:relative}.nav-rail-shell{top:var(--h-nav,56px);z-index:25;width:var(--rail-open-w);height:calc(100vh - var(--h-nav,56px));padding:var(--s2);clip-path:inset(0 calc(var(--rail-open-w) - var(--rail-w)) 0 0);flex-direction:column;gap:2px;display:flex;position:sticky}.nav-rail:hover .nav-rail-shell,.nav-rail:focus-within .nav-rail-shell{clip-path:inset(0)}.nav-rail-base{width:var(--rail-w);background:var(--theme-bg);pointer-events:none;position:absolute;inset:0 auto 0 0}.nav-rail-wing{inset:0 0 0 var(--rail-w);background:var(--theme-bg);opacity:0;pointer-events:none;transition:opacity var(--rail-dur-chrome) var(--rail-ease);position:absolute}.nav-rail:hover .nav-rail-wing,.nav-rail:focus-within .nav-rail-wing{opacity:1;-webkit-backdrop-filter:blur(12px)}.nav-rail-edge{background:var(--theme-border-subtle);pointer-events:none;width:1px;transform:translateX(calc(var(--rail-w) - 1px));transition:transform var(--rail-dur-chrome) var(--rail-ease);position:absolute;inset:0 auto 0 0}.nav-rail:hover .nav-rail-edge,.nav-rail:focus-within .nav-rail-edge{transform:translateX(calc(var(--rail-open-w) - 1px))}.nav-rail-list{z-index:1;scrollbar-width:none;flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;position:relative;overflow-y:auto}.nav-rail-list::-webkit-scrollbar{display:none}.nav-rail-item{border-radius:var(--r-panel);width:40px;height:40px;color:var(--theme-muted);transition:background-color var(--rail-dur-row) var(--rail-ease-quick), border-color var(--rail-dur-row) var(--rail-ease-quick), color var(--rail-dur-row) var(--rail-ease-quick), transform var(--rail-dur-row) var(--rail-ease-quick);border:1px solid #0000;flex:none;align-items:center;gap:10px;display:flex;position:relative}.nav-rail:hover .nav-rail-item,.nav-rail:focus-within .nav-rail-item{width:100%}.nav-rail-item:hover,.nav-rail-item:focus-visible{background-color:var(--theme-surface-hover);color:var(--tint)}.nav-rail-item:active{transform:scale(.985)}.nav-rail-spine{background:var(--tint);transform-origin:50%;width:2px;height:18px;transition:transform var(--rail-dur-row) var(--rail-ease-quick);border-radius:1px;margin-top:-9px;position:absolute;top:50%;left:0;transform:scaleY(0)}.nav-rail-item:hover .nav-rail-spine,.nav-rail-item:focus-visible .nav-rail-spine{transform:scaleY(1)}.nav-rail-glyph{flex:none;justify-content:center;align-items:center;width:38px;display:flex}.nav-rail-glyph svg{display:block}.nav-rail-label{white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--rail-dur-chrome) var(--rail-ease) 40ms, transform var(--rail-dur-chrome) var(--rail-ease) 40ms;font-size:15px;line-height:18px;transform:translate(-6px)}.nav-rail:hover .nav-rail-label,.nav-rail:focus-within .nav-rail-label{opacity:1;transform:none}.nav-rail-item[aria-current=page]{border-color:color-mix(in srgb, var(--tint) 40%, transparent);background-color:color-mix(in srgb, var(--tint) 8%, var(--panel));color:var(--tint)}.nav-rail-item[aria-current=page]:hover,.nav-rail-item[aria-current=page]:focus-visible{background-color:color-mix(in srgb, var(--tint) 14%, var(--panel))}.nav-rail-rule{flex:none;width:40px;height:13px;position:relative}.nav-rail:hover .nav-rail-rule,.nav-rail:focus-within .nav-rail-rule{width:100%}.nav-rail-rule:after{content:"";background:var(--theme-grid-line-fade);height:1px;position:absolute;top:6px;left:0;right:0}.nav-rail-field{z-index:1;width:100%;height:clamp(0px,20vh,148px);margin-top:var(--s2);pointer-events:none;flex:none;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.nav-rail-shell,.nav-rail-base,.nav-rail-wing,.nav-rail-edge,.nav-rail-list,.nav-rail-item,.nav-rail-spine,.nav-rail-glyph,.nav-rail-label,.nav-rail-field{transition:none;animation:none}.nav-rail-label,.nav-rail-item:active{transform:none}}@media (max-width:860px){.app-body{flex-direction:column}.nav-rail{flex-basis:auto;width:100%}.nav-rail-shell{align-items:center;gap:var(--s1);width:100%;height:auto;padding:6px var(--s2);clip-path:none;background:var(--theme-bg);border-bottom:1px solid var(--theme-border-subtle);flex-direction:row;top:0}.nav-rail-base,.nav-rail-wing,.nav-rail-edge,.nav-rail-field{display:none}.nav-rail-list{width:100%;scroll-padding-inline:var(--s2);flex-direction:row;overflow:auto hidden}.nav-rail:hover .nav-rail-item,.nav-rail:focus-within .nav-rail-item{width:40px}.nav-rail-label{display:none}.nav-rail-rule{width:1px;height:24px}.nav-rail:hover .nav-rail-rule,.nav-rail:focus-within .nav-rail-rule{width:1px}.nav-rail-rule:after{height:auto;top:0;bottom:0}}.nav-rail-glyph svg{transform-origin:50%;transition:transform .26s cubic-bezier(.34,1.56,.64,1);display:block}.nav-rail-glyph svg>*{transform-origin:50%;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .22s var(--rail-ease-quick)}.nav-rail-item:hover .nav-rail-glyph svg,.nav-rail-item:focus-visible .nav-rail-glyph svg{transform:translateY(-1.5px)scale(1.09)}.nav-rail-item:hover [data-glyph=usage] svg,.nav-rail-item:focus-visible [data-glyph=usage] svg{transform:none}.nav-rail-item:hover [data-glyph=usage] svg>:nth-child(2),.nav-rail-item:focus-visible [data-glyph=usage] svg>:nth-child(2){transform-origin:bottom;transform:scaleY(1.4)}.nav-rail-item:hover [data-glyph=usage] svg>:nth-child(3),.nav-rail-item:focus-visible [data-glyph=usage] svg>:nth-child(3){transform-origin:bottom;transition-delay:40ms;transform:scaleY(1.18)}.nav-rail-item:hover [data-glyph=usage] svg>:nth-child(4),.nav-rail-item:focus-visible [data-glyph=usage] svg>:nth-child(4){transform-origin:bottom;transition-delay:80ms;transform:scaleY(1.32)}.nav-rail-item:hover [data-glyph=settings] svg,.nav-rail-item:focus-visible [data-glyph=settings] svg{transform:none}.nav-rail-item:hover [data-glyph=settings] svg>:nth-child(3),.nav-rail-item:focus-visible [data-glyph=settings] svg>:nth-child(3){transform:translate(5px)}.nav-rail-item:hover [data-glyph=settings] svg>:nth-child(4),.nav-rail-item:focus-visible [data-glyph=settings] svg>:nth-child(4){transform:translate(-5px)}.nav-rail-item:hover [data-glyph=evals] svg,.nav-rail-item:focus-visible [data-glyph=evals] svg{transform:none}.nav-rail-item:hover [data-glyph=evals] svg>:first-child,.nav-rail-item:focus-visible [data-glyph=evals] svg>:first-child{transform:scale(.9)}.nav-rail-item:hover [data-glyph=evals] svg>:nth-child(2),.nav-rail-item:focus-visible [data-glyph=evals] svg>:nth-child(2){transform:scale(1.35)}[data-glyph=audit] svg>:nth-child(4){stroke-dasharray:10;stroke-dashoffset:0;transition:stroke-dashoffset .32s var(--rail-ease-quick)}.nav-rail-item:hover [data-glyph=audit] svg,.nav-rail-item:focus-visible [data-glyph=audit] svg{transform:none}.nav-rail-item:not(:hover):not(:focus-visible) [data-glyph=audit] svg>:nth-child(4){stroke-dashoffset:10px}.nav-rail-item:hover [data-glyph=keys] svg,.nav-rail-item:focus-visible [data-glyph=keys] svg{transform:rotate(-12deg)scale(1.06)}.nav-rail-item:hover [data-glyph=members] svg>:nth-child(3),.nav-rail-item:hover [data-glyph=members] svg>:nth-child(4),.nav-rail-item:focus-visible [data-glyph=members] svg>:nth-child(3),.nav-rail-item:focus-visible [data-glyph=members] svg>:nth-child(4){transform:translate(-1.6px)}.nav-rail-item:hover [data-glyph=data] svg,.nav-rail-item:focus-visible [data-glyph=data] svg{transform:none}.nav-rail-item:hover [data-glyph=data] svg>:first-child,.nav-rail-item:focus-visible [data-glyph=data] svg>:first-child{transform:translateY(-1.8px)}.nav-rail-item:hover [data-glyph=data] svg>:nth-child(3),.nav-rail-item:focus-visible [data-glyph=data] svg>:nth-child(3){transform:translateY(1.4px)}@media (prefers-reduced-motion:reduce){.nav-rail-glyph svg,.nav-rail-glyph svg>*{transition:none;transform:none}[data-glyph=audit] svg>:nth-child(4){stroke-dashoffset:0}}
