:root{--nav-rail-w: 192px;--nav-drawer-w: 280px;--nav-z: 50}.nav-sidebar{position:fixed;inset:0 auto 0 0;width:var(--nav-rail-w);display:flex;flex-direction:column;padding:1.25rem .75rem 1rem;background:color-mix(in srgb,var(--surface-muted) 96%,var(--surface) 4%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(90,105,135,.32);box-shadow:var(--shadow-card),inset 0 1px #ffffff12,6px 0 28px #00000073,1px 0 #5a69871f;z-index:var(--nav-z);overflow-y:auto;overflow-x:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.nav-sidebar__brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:0 .1rem;flex-shrink:0}.nav-sidebar__brand-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;border-radius:var(--radius-sm);outline:none}.nav-sidebar__brand-link:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:3px}.nav-sidebar__brand-mark{width:28px;height:28px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0%,#7c4dff 100%);display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#fff;letter-spacing:-.01em;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent);-webkit-user-select:none;user-select:none}.nav-sidebar__brand-wordmark{font-size:.75rem;font-weight:740;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-strong);line-height:1.2;white-space:nowrap}.nav-sidebar__close{display:none;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--muted);place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-sidebar__close:hover{background:color-mix(in srgb,var(--surface-muted) 70%,transparent);color:var(--text)}.nav-sidebar__close:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.nav-sidebar__cta{display:flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:var(--radius-pill);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 55%,transparent),color-mix(in srgb,var(--surface-muted) 75%,transparent));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text-strong);font-size:var(--text-sm);font-weight:700;text-decoration:none;margin-bottom:1.1rem;flex-shrink:0;transition:box-shadow .2s ease,background .2s ease}.nav-sidebar__cta:hover{box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 38%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 65%,transparent),color-mix(in srgb,var(--surface-muted) 60%,transparent))}.nav-sidebar__cta:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.nav-sidebar__section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);padding:0 .65rem;margin-bottom:.3rem;flex-shrink:0}.nav-sidebar__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--border) 60%,transparent) transparent}.nav-sidebar__scroll::-webkit-scrollbar{width:4px}.nav-sidebar__scroll::-webkit-scrollbar-track{background:transparent}.nav-sidebar__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:4px}.nav-sidebar__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.nav-sidebar__item{display:flex;align-items:center;gap:10px;padding:.5rem .65rem;border-radius:9px;color:var(--muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;border:1px solid transparent;position:relative;transition:background .18s ease,color .18s ease,border-color .18s ease}.nav-sidebar__item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}.nav-sidebar__item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.nav-sidebar__item--active{color:var(--text-strong);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:600}.nav-sidebar__item--active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;border-radius:2px;background:var(--accent)}.nav-sidebar__footer{padding-top:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;flex-shrink:0}.nav-sidebar__user{display:flex;align-items:center;gap:.5rem;min-width:0}.nav-sidebar__avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 25%,var(--surface-muted));border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:.78rem;font-weight:700;color:var(--text-strong);-webkit-user-select:none;user-select:none}.nav-sidebar__user-info{display:flex;flex-direction:column;min-width:0}.nav-sidebar__user-name{font-size:var(--text-sm);font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sidebar__user-sub{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.nav-sidebar__footer-actions{display:flex;align-items:center;gap:.3rem}.nav-sidebar__icon-btn{position:relative;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-sidebar__icon-btn:hover{background:color-mix(in srgb,var(--surface-muted) 70%,transparent);color:var(--text)}.nav-sidebar__icon-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.nav-sidebar__icon-btn--danger:hover{background:color-mix(in srgb,var(--negative) 14%,transparent);color:var(--negative);border-color:color-mix(in srgb,var(--negative) 30%,transparent)}.nav-sidebar__badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:var(--radius-pill);background:var(--negative);color:#fff;font-size:.6rem;font-weight:800;display:grid;place-items:center;padding:0 3px;pointer-events:none;line-height:1}.nav-scrim{position:fixed;inset:0;background:#00000080;z-index:calc(var(--nav-z) - 1);opacity:0;pointer-events:none;transition:opacity .22s ease}.nav-scrim--visible{opacity:1;pointer-events:auto}.nav-hamburger{display:none;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);color:color-mix(in srgb,var(--text) 80%,transparent);place-items:center;cursor:pointer;box-shadow:0 4px 12px #00000024;transition:background .15s ease,color .15s ease}.nav-hamburger:hover{background:color-mix(in srgb,var(--surface-muted) 80%,transparent);color:var(--text)}.nav-hamburger:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}body:has(.nav-sidebar--open) .react-header{z-index:1}@media(max-width:1199px){.notification-bell{display:none!important}.nav-sidebar{width:var(--nav-drawer-w);transform:translate(calc(-100% - 16px))}.nav-sidebar--open{transform:translate(0)}.nav-sidebar__close,.nav-hamburger{display:grid}.nav-sidebar__item{min-height:44px;padding:.6rem .75rem}.nav-sidebar__icon-btn{width:40px;height:40px}.nav-sidebar__avatar{width:36px;height:36px}}@media(min-width:1200px){.nav-scrim{display:none!important}.nav-sidebar__close,.nav-hamburger{display:none}body:has(.nav-sidebar) .react-header__inner{padding-left:calc(var(--nav-rail-w) + 12px)!important}body:has(.nav-sidebar) .react-header__brand,body:has(.nav-sidebar) .header-new-projection,body:has(.nav-sidebar) .notification-bell,body:has(.nav-sidebar) .react-auth-menu{display:none}body:has(.nav-sidebar) .app-layout-main{margin-left:var(--nav-rail-w)}}@media(prefers-reduced-motion:reduce){.nav-sidebar,.nav-scrim{transition:none}}