.nav-prototype{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:TT_Commons_Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sliding-sidebar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);will-change:transform,width;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .3s;transform:translateZ(0)}.sliding-sidebar.open{transform:translate(0)}.sliding-sidebar.closed{transform:translate(-100%)}.sliding-sidebar-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;transition:opacity .3s}.sliding-sidebar-toggle{transition:all .2s;box-shadow:0 4px 12px #00000026}.sliding-sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.tab-navigation{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tab-navigation-header{background:linear-gradient(90deg,#fff 0%,#f9fafb 100%);border-bottom:1px solid #e5e7eb}.tab-item{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;transition:all .2s;position:relative}.tab-item:hover{background-color:#f9fafbcc}.tab-item.active{background:linear-gradient(#b693f81a 0%,#b693f80d 100%)}.tab-item.active:after{content:"";height:2px;background:#b693f8;border-radius:1px 1px 0 0;position:absolute;bottom:-1px;left:0;right:0}.tab-content{min-height:400px;background:linear-gradient(to bottom right,#fff 0%,#f9fafb 100%)}.nav-item{border-radius:8px;transition:all .2s;position:relative}.nav-item:hover{background-color:#b693f833;transform:translateY(-1px)}.nav-item:active{transform:translateY(0)}.nav-item.active{background:linear-gradient(135deg,#b693f84d 0%,#b693f81a 100%);border:1px solid #b693f833}.nav-item.focused{outline-offset:2px;outline:2px solid #b693f8}.nav-group{margin-bottom:1.5rem}.nav-group-header{border-radius:6px;transition:all .2s}.nav-group-header:hover{background-color:#f3f4f6cc}.nav-group-indicator{width:8px;height:8px;border-radius:50%;transition:transform .2s}.nav-group-chevron{transition:transform .2s}.nav-group-chevron.expanded{transform:rotate(180deg)}.nav-badge{min-width:1.25rem;height:1.25rem;border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.nav-badge.danger{color:#dc2626;background-color:#fee2e2}.nav-badge.primary{color:#2563eb;background-color:#dbeafe}.nav-badge.warning{color:#d97706;background-color:#fef3c7}.feature-flag-control{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e5e7ebcc;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (max-width:640px){.sliding-sidebar{width:100vw!important}.tab-navigation-header{padding:.75rem}.tab-item{padding:.75rem 1rem;font-size:.875rem}.nav-item{margin-bottom:.5rem;padding:.875rem 1rem}.nav-group{margin-bottom:1rem}.nav-item,.tab-item,.nav-group-header{min-height:44px;min-width:44px}.nav-item-text{font-size:.9rem}.nav-group-title{font-size:.8rem}}@media (min-width:641px) and (max-width:1024px){.sliding-sidebar{width:320px}.tab-navigation-header{padding:1rem 1.5rem}.tab-item{padding:.75rem 1.25rem}.nav-item{padding:.75rem 1rem}}@media (min-width:1025px){.sliding-sidebar{width:320px}.tab-navigation-header{padding:1.5rem 2rem}.tab-item{padding:1rem 1.5rem}.nav-item{padding:.75rem 1rem}.nav-item:hover{box-shadow:0 2px 8px #0000001a}.tab-item:hover{box-shadow:0 2px 4px #0000000d}}@media (min-width:1440px){.sliding-sidebar{width:360px}.nav-item{padding:1rem 1.25rem}.tab-item{padding:1rem 2rem}}@media (prefers-contrast:high){.nav-item.active{color:#fff;background:#b693f8;border:2px solid #8b5cf6}.nav-badge{border:1px solid}.sliding-sidebar{border-right:2px solid #6b7280}.tab-navigation-header{border-bottom:2px solid #6b7280}}@media (prefers-reduced-motion:reduce){.sliding-sidebar,.nav-item,.tab-item,.nav-group-chevron,.sliding-sidebar-toggle{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){.sliding-sidebar{color:#f9fafb;background:linear-gradient(to bottom right,#111827f2 0%,#1f2937f2 100%);border-right:1px solid #374151}.tab-navigation-header{color:#f9fafb;background:linear-gradient(90deg,#111827 0%,#1f2937 100%);border-bottom:1px solid #374151}.nav-item:hover{background-color:#8b5cf64d}.nav-item.active{background:linear-gradient(135deg,#8b5cf666 0%,#8b5cf633 100%);border:1px solid #8b5cf64d}.feature-flag-control{color:#f9fafb;background:#111827f2;border:1px solid #4b5563cc}}@media print{.sliding-sidebar,.tab-navigation,.feature-flag-control{display:none!important}}.nav-item:focus,.tab-item:focus,.nav-group-header:focus{outline-offset:2px;background-color:#b693f81a;outline:2px solid #b693f8}.nav-loading{opacity:.6;pointer-events:none}.nav-loading:after{content:"";width:20px;height:20px;border:2px solid #b693f8;border-top-color:#0000;border-radius:50%;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.nav-error{color:#dc2626;background-color:#fee2e280;border:1px solid #fca5a5}