:root{--icon-rail-width: 56px;--spoke-width: 220px;--color-top-nav-bg: #1976D2;--color-left-nav-bg: #1E2A3A;--color-sub-nav-bg: #F0F2F5;--color-blue-300: #0174C3;--color-blue-500: #015A99;--color-blue-600: #004A80;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F5F5;--color-neutral-200: #E7EBEF;--color-neutral-300: #D6DCE1;--color-neutral-400: #C1C8CD;--color-neutral-500: #757D82;--color-neutral-600: #757D82;--color-neutral-700: #636A6E;--color-neutral-800: #44484A;--color-neutral-900: #353535;--color-white: #FFFFFF;--color-error: #DC2626;--color-success: #27A872;--color-warning: #F5B517;--color-info: #0F73FF;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2x: 24px;--spacing-3x: 28px;--spacing-4x: 32px;--spacing-5x: 40px;--spacing-6x: 48px;--radius-default: 3px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--info-50: #E2EEFF;--font-family: "Roboto", sans-serif;--font-mono: "Roboto Mono", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--transition-default: all .2s ease;--transition-panel: .2s ease;--top-nav-height: 56px;--icon-rail-width: 72px;--sub-nav-width: 220px}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:var(--top-nav-height)}html,body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-white);color:var(--color-neutral-900);-webkit-font-smoothing:antialiased}.skip-link{position:absolute;top:-9999px;left:0;z-index:9999;padding:8px 16px;background:var(--color-blue-300);color:#fff;font-family:var(--font-family);font-size:14px;font-weight:500;text-decoration:none;border-radius:0 0 4px 4px}.skip-link:focus{top:0}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-area{position:fixed;top:var(--top-nav-height);bottom:0;left:0;right:0;background:var(--color-white);overflow-y:hidden;transition:left .2s ease}@media(min-width:640px){.content-area{left:var(--icon-rail-width)}}@media(min-width:1024px){.content-area.spoke-open{padding:32px}}@media(max-width:639px){.content-area{display:none}}.top-nav-bar{position:fixed;top:0;left:0;right:0;height:var(--top-nav-height);background:var(--color-top-nav-bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;box-shadow:0 2px 4px #0003}.top-nav-left{display:flex;align-items:center;gap:12px}.top-nav-right{display:flex;align-items:center;gap:4px}.top-nav-logo-image{height:20px;width:auto;display:block;user-select:none}.top-nav-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);color:var(--color-white);transition:var(--transition-default);position:relative}.top-nav-icon-button:hover{background:#0165ac}.top-nav-icon-button:active,.top-nav-icon-button[aria-expanded=true]{background:#004a80}.top-nav-icon-button:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.top-nav-cart-badge{position:absolute;top:2px;right:2px;background:var(--color-error);color:var(--color-white);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;font-family:var(--font-family);pointer-events:none}.top-nav-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000000d1;color:var(--color-white);font-size:12px;font-family:var(--font-family);padding:4px 8px;border-radius:var(--radius-default);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:1050}@media(prefers-reduced-motion:reduce){.top-nav-tooltip{transition-duration:1ms}}.top-nav-dropdown-wrapper{position:relative;display:flex;align-items:center}.top-nav-dropdown-wrapper:hover .top-nav-tooltip,.top-nav-dropdown-wrapper:focus-within .top-nav-tooltip{opacity:1}.top-nav-dropdown-wrapper:has(button[aria-expanded=true]) .top-nav-tooltip{opacity:0}.top-nav-hide-on-mobile{display:contents}@media(max-width:639px){.top-nav-hide-on-mobile{display:none}}.top-nav-hamburger-wrapper{display:none}@media(max-width:639px){.top-nav-hamburger-wrapper{display:flex;align-items:center}}.top-nav-user-avatar{width:32px;height:32px;border-radius:50%;background:#003e6b;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-white);font-family:var(--font-family);font-size:12px;font-weight:700;transition:var(--transition-default);margin-left:4px}.top-nav-user-avatar:hover,.top-nav-user-avatar:active,.top-nav-user-avatar[aria-expanded=true]{border-color:#1297f3}.top-nav-user-avatar:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.top-nav-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000029,0 1px 4px #00000014;z-index:1100;overflow:hidden;animation:top-nav-dropdown-drop-in .12s ease}.top-nav-dropdown-menu-wide{width:320px}@keyframes top-nav-dropdown-drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.top-nav-dropdown-section{padding:4px 0}.top-nav-dropdown-header{padding:12px 16px 10px;font-family:var(--font-family);font-size:20px;font-weight:500;color:var(--color-neutral-900)}.top-nav-dropdown-user-info{padding:12px 16px}.top-nav-dropdown-user-name{font-family:var(--font-family);font-size:20px;font-weight:500;color:var(--color-neutral-900);line-height:1.25}.top-nav-dropdown-user-meta,.top-nav-dropdown-user-email{font-family:var(--font-family);font-size:13px;color:var(--color-neutral-700);word-break:break-word}.top-nav-dropdown-user-meta{margin-top:4px}.top-nav-dropdown-user-email{margin-top:2px}.top-nav-dropdown-org-env{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--font-family);font-size:13px;color:var(--color-neutral-900)}.top-nav-dropdown-org-env>span:first-child{font-weight:500}.top-nav-dropdown-org-env>span:nth-child(2){display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;background:#e2eeff;color:#0048ac;font-size:12px;font-weight:500}.top-nav-dropdown-divider{border:none;border-top:1px solid var(--color-neutral-200);margin:0}.top-nav-dropdown-item{display:block;width:100%;padding:9px 16px;border:none;background:transparent;font-family:var(--font-family);font-size:13px;color:var(--color-neutral-900);text-decoration:none;cursor:pointer;transition:background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.top-nav-dropdown-item:hover{background:var(--color-neutral-50);color:var(--color-blue-300)}.top-nav-dropdown-item:focus-visible{outline:2px solid var(--color-blue-300);outline-offset:-2px}.top-nav-dropdown-item[data-destructive=true]{color:var(--color-error)}.top-nav-dropdown-item[data-destructive=true]:hover{background:#fef2f2;color:var(--color-error)}.top-nav-dropdown-section-label{padding:8px 16px 4px;font-family:var(--font-family);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-neutral-500)}.top-nav-dropdown-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.environments-section{padding:8px 8px 12px}.environments-label{padding:4px 8px 8px;font-size:13px;color:#6b7280}.environment-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-family:inherit;text-align:left;transition:background .12s}.environment-row--current{background:#eceff2}.environment-row:hover{background:#f3f5f5}.environment-row--current:hover{background:#eceff2}.environment-row:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}.environment-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#143e6b;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.environment-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.environment-name{font-size:14px;font-weight:500;color:#111827;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.environment-subtitle{font-size:12px;color:#6b7280;line-height:1.3}.environment-action{flex-shrink:0;font-size:12px;font-weight:400;color:#9ca3af;padding:0 4px}.environment-action--primary{color:#93c5fd}.ai-assist-panel{position:fixed;top:var(--top-nav-height);right:0;bottom:0;width:400px;background:var(--color-white);z-index:900;border-left:1px solid var(--color-neutral-200);transform:translate(100%);transition:transform .2s ease;display:flex;flex-direction:column}.ai-assist-panel.open{transform:translate(0)}.ai-assist-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}.ai-assist-title{font-family:var(--font-family);font-size:16px;font-weight:500;color:var(--color-neutral-900);margin:0}.ai-assist-close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);color:var(--color-neutral-600);font-size:18px;line-height:1;transition:background .15s}.ai-assist-close-button:hover{background:var(--color-neutral-100)}.ai-assist-close-button:focus-visible{outline:2px solid var(--color-blue-300);outline-offset:2px}.ai-assist-body{flex:1;display:flex;flex-direction:column;padding:24px 20px;gap:16px}.ai-assist-prompt-text{font-family:var(--font-family);font-size:14px;color:var(--color-neutral-600);margin:0}.ai-assist-input-row{margin-top:auto;display:flex;gap:8px}.ai-assist-input{flex:1;height:40px;border:1px solid var(--color-neutral-500);border-radius:var(--radius-default);padding:0 12px;font-family:var(--font-family);font-size:14px;color:var(--color-neutral-900)}.ai-assist-input::placeholder{color:var(--color-neutral-500)}.ai-assist-input:focus{outline:none;border-color:var(--color-blue-300)}.ai-assist-send-button{height:40px;padding:0 16px;background:var(--color-blue-300);color:var(--color-white);border:none;border-radius:var(--radius-default);font-family:var(--font-family);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.ai-assist-send-button:hover{background:var(--color-blue-500)}.ai-assist-send-button:focus-visible{outline:2px solid var(--color-blue-300);outline-offset:2px}.rail-container{position:fixed;top:var(--top-nav-height);left:0;bottom:0;width:var(--icon-rail-width);background:var(--color-neutral-200);display:flex;flex-direction:column;align-items:center;padding:8px 0;border-right:1px solid var(--color-neutral-300);z-index:900;overflow:hidden}@media(max-width:639px){.rail-container{display:none}}.rail-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:2px}.rail-divider{border:none;border-top:1px solid var(--color-neutral-300);margin:8px 10px;width:calc(100% - 20px)}.rail-button{position:relative;width:56px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-neutral-500);cursor:pointer;transition:background .15s ease,color .15s ease}.rail-button>svg{width:24px;height:24px;display:block}.rail-button.active{background:var(--color-neutral-500);color:var(--color-neutral-800)}.rail-button:hover{background:var(--color-neutral-400)}.rail-button:active{background:var(--color-neutral-500);color:var(--color-neutral-800)}.rail-button:focus-visible{outline:2px solid var(--color-blue-300);outline-offset:-2px}.rail-tooltip{position:fixed;left:calc(var(--icon-rail-width) + 8px);transform:translateY(-50%);background:var(--color-neutral-900);color:var(--color-white);font-size:var(--font-size-xs);font-family:var(--font-family);padding:4px 8px;border-radius:var(--radius-default);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:950}.rail-tooltip.visible{opacity:1}@media(max-width:639px){.rail-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.rail-tooltip{transition-duration:1ms}}.drawer-backdrop{position:fixed;top:var(--top-nav-height);left:0;right:0;bottom:0;background:#0006;z-index:1100;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.drawer-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:639px){.drawer-backdrop{top:0}}.drawer-panel{position:fixed;top:var(--top-nav-height);left:0;bottom:0;width:0;background:var(--color-neutral-50);z-index:1200;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;transition:width .2s cubic-bezier(.4,0,.2,1) 80ms}.drawer-panel.open{width:260px;pointer-events:auto;transition:width .25s cubic-bezier(.4,0,.2,1)}@media(max-width:639px){.drawer-panel{top:0;z-index:1300}.drawer-panel.open{width:min(85vw,380px)}}.drawer-viewport{flex:1;position:relative;overflow:hidden;opacity:0;transition:opacity 80ms cubic-bezier(.4,0,.2,1)}.drawer-viewport.open{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1) .1s}.drawer-pane{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--color-neutral-50);transform:translate(0);transition:transform .27s cubic-bezier(.4,0,.2,1)}.drawer-pane-header{display:flex;align-items:center;height:var(--top-nav-height);padding:0 8px;border-bottom:1px solid var(--color-neutral-300);background:var(--color-neutral-200);flex-shrink:0;gap:4px}.drawer-pane-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:500;color:var(--color-neutral-900)}.drawer-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-neutral-700);transition:background .15s}.drawer-icon-button:hover,.drawer-close-button:hover{background:#0000000f}.drawer-icon-button:focus-visible,.drawer-close-button:focus-visible,.drawer-footer-button:focus-visible,.drawer-sub-nav-link:focus-visible,.drawer-product-row:focus-visible{outline:2px solid var(--color-blue-300)}.drawer-icon-button:focus-visible,.drawer-close-button:focus-visible{outline-offset:2px}.drawer-pane-scroll,.drawer-inner{flex:1;overflow-y:auto;padding:8px 0}.drawer-pane-scroll::-webkit-scrollbar,.drawer-inner::-webkit-scrollbar{width:4px}.drawer-pane-scroll::-webkit-scrollbar-thumb,.drawer-inner::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:2px}.drawer-footer{flex-shrink:0;border-top:1px solid var(--color-neutral-300);padding:8px 0;background:var(--color-neutral-50)}.drawer-footer-button,.drawer-sub-nav-link,.drawer-product-row{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);height:40px;margin:0 8px;padding:0 12px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-neutral-700);text-align:left;transition:background .12s,color .12s}.drawer-sub-nav-link,.drawer-product-row{text-decoration:none}.drawer-footer-button:hover,.drawer-sub-nav-link:hover,.drawer-product-row:hover{background:var(--color-neutral-100)}.drawer-footer-button:active,.drawer-sub-nav-link:active,.drawer-product-row:active{background:var(--color-neutral-200);color:var(--color-neutral-900)}.drawer-footer-button:focus-visible,.drawer-sub-nav-link:focus-visible,.drawer-product-row:focus-visible{outline-offset:-2px}.drawer-sub-nav-link.active,.drawer-product-row.active{background:var(--color-neutral-100);color:var(--color-neutral-800);font-weight:500}.drawer-footer-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;color:inherit;font-size:16px}.drawer-footer-label,.drawer-product-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-footer-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--color-blue-500);color:var(--color-white);font-size:11px;font-weight:700}.drawer-sub-section-label{padding:10px 16px 4px;font-family:var(--font-family);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600)}.drawer-inner{opacity:0;transition:opacity 80ms cubic-bezier(.4,0,.2,1)}.drawer-inner.open{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1) .1s}.drawer-group{display:flex;flex-direction:column}.drawer-divider{border:none;border-top:1px solid var(--color-neutral-300);margin:8px 12px}.drawer-chevron-icon{font-size:12px;flex-shrink:0}.drawer-product-chevron{color:var(--color-neutral-400)}@media(prefers-reduced-motion:reduce){.drawer-backdrop,.drawer-panel,.drawer-viewport,.drawer-pane,.drawer-inner{transition-duration:1ms}}.left-nav-container{position:fixed;top:var(--top-nav-height);left:0;bottom:0;display:flex;flex-direction:row;z-index:900}@media(max-width:639px){.left-nav-container{z-index:1000}}