.payload-shell{background:#0f2748;border-radius:16px;padding:16px;position:relative;margin:12px 0}.payload-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:12px}.toolbar-controls{display:flex;gap:16px;align-items:center}.control-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#cfe8ff;cursor:pointer;user-select:none}.control-toggle input[type=checkbox]{margin:0;cursor:pointer;accent-color:#7ea6ff;width:16px;height:16px;flex-shrink:0}.copy-button{background:#7ea6ff;color:#0f1b2d;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.copy-button:hover{background:#5d8bff;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.code-frame{background:#0a1220;border-radius:12px;overflow:auto;position:relative;max-height:min(60vh,700px)}.code-grid{display:grid;min-width:max-content}.ln-rail{position:sticky;left:0;top:0;align-self:start;height:100%;background:#0e1b31;border-right:1px solid rgba(255,255,255,.06);z-index:1;overflow:hidden}.ln-rail__list{padding:12px 8px;color:#ffffff73;font-size:12px;line-height:20px;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.ln-rail__line{height:20px;display:flex;align-items:center;justify-content:flex-end;padding:0 4px;user-select:none}.code-pane{margin:0;padding:12px 16px;color:#cfe8ff;font:13px/20px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre;overflow-x:auto;overflow-y:auto;tab-size:2;background:transparent;min-width:0}.code-pane:focus{outline:2px solid #7ea6ff;outline-offset:-2px}.code-token-key{color:#7bd1ff;font-weight:600}.code-token-string{color:#a0e46a;font-style:italic}.code-token-number{color:#f59e0b;font-weight:500}.code-token-boolean{color:#60a5fa;font-weight:600}.code-token-null{color:#f472b6;font-weight:600}.code-token-punctuation{color:#94a3b8;opacity:.8}.pcd .code-token-key{text-decoration:underline dotted rgba(255,255,255,.35);text-underline-offset:2px}.code .token.key{color:#7bd1ff;font-weight:600}.code .token.string{color:#a0e46a;font-style:italic}.code .token.number{color:#f59e0b;font-weight:500}.code .token.boolean{color:#60a5fa;font-weight:600}.code .token.null{color:#f472b6;font-weight:600}.code .token.punctuation{color:#94a3b8;opacity:.8}.code .pii-masked{background:#451a03;color:#fbbf24;padding:2px 4px;border-radius:3px;font-weight:600}.code-toast{position:absolute;top:-3rem;right:0;background:#10b981;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.webhook-analysis-page,.webhook-details-page{background-color:#fff;min-height:100vh}.webhook-details-container{padding:0;max-width:1400px;margin:0 auto}.webhook-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;row-gap:32px}.webhook-content{display:flex;flex-direction:column;gap:0;padding-bottom:48px;grid-column:span 7}#payloadPanel{position:sticky;top:96px;align-self:start;grid-column:span 5}.payload-container{background-color:#152a52;border-radius:.5rem;padding:1.25rem;border:1px solid #152A52;margin-top:24px}.payload-header{margin-bottom:1rem}.payload-title{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.variables-grid{display:flex;flex-direction:column;gap:16px}.var-group{border-radius:16px;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:0 1px 3px #0000001a;overflow:hidden}.var-group__pill{width:100%;padding:12px 20px;background:#0f172a;color:#fff;border:none;border-radius:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .15s ease;font-weight:500}.var-group[aria-expanded=true] .var-group__pill{border-radius:16px 16px 0 0}.var-group__pill:hover{background:#1e293b}.var-group__pill:focus{outline:2px solid var(--color-brand-primary);outline-offset:2px}.var-group__info{display:flex;align-items:center;gap:.5rem}.var-group__name{color:#fff;font-weight:600;font-size:.875rem}.var-group__pii{font-size:.75rem;color:#fff}.var-group__count{color:#ffffffb3;font-size:.75rem}.var-group__arrow{color:#fff;font-size:.875rem;transform:rotate(0);transition:transform .22s ease}.var-group[aria-expanded=true] .var-group__arrow{transform:rotate(90deg)}.var-group__content{overflow:hidden;max-height:0;transition:max-height .22s ease,padding .22s ease;padding-block:0;background:#fff}.var-group[aria-expanded=true] .var-group__content{padding:0;max-height:none;position:relative;border-top:1px solid rgba(0,0,0,.05);border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-radius:0 0 16px 16px}.var-group[aria-expanded=true] .var-group__content:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:#d1d5db}#variablesSection{margin:0}#variablesSection>*:last-child{margin-block-end:0}#webhookMatrixSection{margin-block-start:32px}.section{display:block}.section:first-child{margin-top:0}.section:not(:first-child){margin-top:32px}.variables-section{margin-top:32px;padding:1.5rem 0;border-bottom:1px solid var(--color-border-subtle)}#relatedWebhooks{margin-top:0;padding:1rem 0 0}#relatedWebhooks h3{font-size:1.125rem}.var-group[aria-expanded=false]{border-bottom:1px solid var(--color-border-subtle)}.var-group[aria-expanded=false] .var-group__content{display:block;max-height:0;padding:0}.var-items-container{display:flex;flex-direction:column;gap:12px;padding:16px 20px;max-height:400px;overflow-y:auto}.var-item-new{display:flex;flex-direction:column;gap:4px}.var-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.var-name-code{background-color:#f3f4f6;color:#1f2937;padding:2px 8px;border-radius:4px;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;border:1px solid #e5e7eb}.var-type-badge{background-color:#f9fafb;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb}.var-pii-badge{background-color:#fef3c7;color:#92400e;padding:2px 6px;border-radius:4px;font-size:.75rem;border:1px solid #f59e0b}.var-description{color:#6b7280;font-size:.875rem;margin:4px 0 0;line-height:1.4}.var-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 20px;min-height:44px;border-bottom:1px solid rgba(0,0,0,.05)}.var-item:last-child{border-bottom:none}.var-item__chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px}.var-item__key-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:500;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px;display:inline-block;transition:transform .15s ease,opacity .15s ease;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;hyphens:none}.var-item__key-chip:hover{background:#f8fafc;border-color:#cbd5e1}.var-item__type-chip{font-size:12px;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;display:inline-block}.var-item__lock-chip{font-size:12px;color:#7c3aed;background:#f3e8ff;border:1px solid #c4b5fd;border-radius:6px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px}.var-item__description{color:#475569;font-size:15px;margin:0;line-height:1.6;max-width:70ch}.webhook-header{border-bottom:none;padding:1.5rem 0;position:relative}.webhook-header:after{content:"";position:absolute;bottom:0;left:0;width:1600px;height:1px;background-color:var(--color-border-subtle)}.breadcrumb-row{color:var(--color-text-muted);font-size:.875rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.webhook-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.webhook-badge{background-color:var(--color-brand-primary);color:#fff;padding:.1875rem .625rem;border-radius:9999px;font-size:.8125rem;font-weight:600}.meta-row{color:var(--color-text-muted);font-size:.875rem;display:flex;gap:.25rem;flex-wrap:nowrap;align-items:center}.description-content{border-bottom:1px solid var(--color-border-subtle);padding:1.5rem 0;margin-bottom:0}.section-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.description-text{color:var(--color-text-secondary);line-height:1.5;margin:0 0 1rem;font-size:.875rem}.metadata-tags{display:flex;gap:.75rem;flex-wrap:wrap}.metadata-tag{display:flex;flex-direction:column;gap:.25rem}.metadata-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.metadata-value{background-color:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;border:none;display:inline-block}.metadata-values{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.metadata-value-chip{background-color:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;border:none;display:inline-block;white-space:nowrap}.variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.variables-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.variables-controls{display:flex;align-items:center;gap:.5rem}.variables-button{background:none;border:none;color:#1e3a8a;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:color .15s ease}.variables-button:hover{color:#000}.variables-separator{color:var(--color-text-muted);font-size:.875rem}.variables-grid{display:flex;flex-direction:column;gap:.5rem}@media (prefers-reduced-motion: reduce){.var-group__content,.var-group__arrow{transition:none}}.variables-reference-page{padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:.25rem;margin-bottom:2rem;color:#6b7280;font-size:.875rem}.search-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background-color:#fff;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;color:#9ca3af;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;margin-top:.25rem}.search-suggestion{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.search-suggestion:last-child{border-bottom:none}.search-suggestion:hover,.search-suggestion.selected{background-color:#f8fafc}.suggestion-icon{font-size:.875rem;color:#6b7280}.suggestion-label{font-size:.875rem;font-weight:500;color:#1f2937;flex:1}.suggestion-type{font-size:.75rem;color:#9ca3af;text-transform:capitalize}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.controls-left{display:flex;gap:.5rem}.control-button{background-color:transparent;color:#6b7280;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.control-button:hover{background-color:#f8fafc;border-color:#9ca3af;color:#374151}.view-mode-toggle{display:flex;gap:.25rem}.view-mode-button{background-color:transparent;color:#6b7280;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.view-mode-button.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.view-mode-button:not(.active):hover{background-color:#f8fafc;border-color:#9ca3af;color:#374151}.main-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media (min-width: 1024px){.main-grid{grid-template-columns:7fr 5fr}}.catalogue-column{min-height:400px}.catalogue-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.navigator-column{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow-y:auto}.analysis-section{border-top:2px solid #e5e7eb;padding-top:2rem}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.analysis-title{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.analysis-toggle{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.analysis-toggle:hover{background-color:#2563eb}@media (max-width: 1023px){.variables-reference-page{padding:1rem}.page-title{font-size:2rem}.controls-section{flex-direction:column;gap:1rem;align-items:stretch}.controls-left,.controls-right{justify-content:center}.navigator-column{position:static;max-height:none}}@media (prefers-reduced-motion: reduce){.search-input,.control-button,.view-mode-button,.analysis-toggle{transition:none}}.search-input:focus,.control-button:focus,.view-mode-button:focus,.analysis-toggle:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.search-input{border-color:#000}.search-suggestion{border-bottom-color:#000}.control-button,.view-mode-button{border-color:#000}}.variable-catalogue{background-color:#fff;border-radius:.75rem;overflow:hidden}.catalogue-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.catalogue-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.catalogue-stats{display:flex;gap:1rem}.stat-item{font-size:.875rem;color:#6b7280}.variable-groups{max-height:600px;overflow-y:auto}.variable-group{border-bottom:1px solid #f3f4f6}.variable-group:last-child{border-bottom:none}.group-header{width:100%;padding:1rem 1.5rem;background-color:#1f2937;color:#fff;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.group-header:hover{background-color:#374151}.group-header.has-pcd{background-color:#7c2d12}.group-header.has-pcd:hover{background-color:#991b1b}.group-header-content{display:flex;justify-content:space-between;align-items:center}.group-title-section{display:flex;align-items:center;gap:.5rem}.group-title{margin:0;font-size:1rem;font-weight:600;color:#fff}.pcd-indicator{font-size:.875rem}.group-meta{display:flex;align-items:center;gap:.75rem}.group-count{font-size:.875rem;color:#d1d5db}.group-arrow{font-size:.75rem;color:#d1d5db;transition:transform .2s ease}.group-arrow.expanded{transform:rotate(180deg)}.group-content{background-color:#fff}.variable-list{padding:.5rem 0}.no-variables{padding:2rem 1.5rem;text-align:center;color:#6b7280}.empty-state{padding:3rem 1.5rem;text-align:center;color:#6b7280}.variable-row{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.variable-row:last-child{border-bottom:none}.variable-row.highlighted{background-color:#fef3c7;animation:highlight-pulse 2s ease-in-out}.variable-row.compact{padding:.75rem 1.5rem}.variable-row.comfortable{padding:1.25rem 1.5rem}.variable-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;color:#1f2937;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb}.type-badge{font-size:.75rem;font-weight:500;padding:.125rem .375rem;border-radius:.25rem;border:1px solid rgba(0,0,0,.1)}.pcd-lock{font-size:.75rem;color:#7c3aed}.variable-description p{margin:0;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.webhook-usage{display:flex;flex-direction:column;gap:.5rem}.usage-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.webhook-chips{display:flex;flex-wrap:wrap;gap:.375rem}.webhook-chip{font-size:.75rem;font-weight:500;color:#3b82f6;background-color:#eff6ff;padding:.25rem .5rem;border-radius:.25rem;text-decoration:none;border:1px solid #dbeafe;transition:transform .2s ease,opacity .2s ease;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-chip:hover{background-color:#dbeafe;border-color:#93c5fd}.more-webhooks,.less-webhooks{font-size:.75rem;font-weight:500;color:#6b7280;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.more-webhooks:hover,.less-webhooks:hover{background-color:#e5e7eb;color:#374151}.search-highlight{background-color:#fef3c7;color:#92400e;padding:.125rem .25rem;border-radius:.125rem;font-weight:600}.variable-navigator{display:flex;flex-direction:column;gap:1.5rem}.navigator-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.navigator-title{margin:0;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#1f2937;background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.navigator-list{padding:.5rem 0}.navigator-item{border-bottom:1px solid #f3f4f6}.navigator-item:last-child{border-bottom:none}.navigator-link{width:100%;padding:.75rem 1.5rem;background-color:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center}.navigator-link:hover{background-color:#f8fafc}.navigator-link.active{background-color:#eff6ff;color:#1d4ed8}.navigator-link.has-pcd{border-left:3px solid #7c3aed}.navigator-link-content{display:flex;align-items:center;gap:.5rem}.navigator-link-text{font-size:.875rem;font-weight:500;color:inherit}.navigator-pcd-indicator{font-size:.75rem;color:#7c3aed}.navigator-arrow{font-size:.75rem;color:#9ca3af;transition:transform .2s ease}.navigator-arrow.expanded{transform:rotate(180deg)}.compliance-card{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.75rem;padding:1rem}.compliance-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.compliance-icon{font-size:1rem}.compliance-title{margin:0;font-size:.875rem;font-weight:600;color:#92400e}.compliance-content{display:flex;flex-direction:column;gap:.75rem}.compliance-text{margin:0;font-size:.875rem;color:#92400e;line-height:1.5}.compliance-actions{display:flex;flex-direction:column;gap:.5rem}.compliance-link{font-size:.75rem;font-weight:500;color:#92400e;text-decoration:underline;transition:color .2s ease}.compliance-link:hover{color:#78350f}.navigator-stats{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.stats-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#1f2937}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-item{text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#1f2937}.stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}@keyframes highlight-pulse{0%{background-color:#fef3c7}50%{background-color:#fde68a}to{background-color:#fef3c7}}@media (max-width: 1023px){.variable-row{padding:1rem}.variable-row.compact{padding:.75rem 1rem}.variable-row.comfortable{padding:1.25rem 1rem}.navigator-link{padding:.75rem 1rem}.compliance-card,.navigator-stats{padding:.75rem}}.shared-variables-reference-page{padding:2rem;max-width:1400px;margin:0 auto}.breadcrumb{color:#6b7280;font-size:.875rem;display:flex;align-items:center;gap:.25rem;margin-bottom:2rem}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#3b82f6}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#1f2937;font-weight:500}.page-header{margin-bottom:3rem}.page-title{margin:0 0 1rem;font-size:2.5rem;font-weight:700;color:#1f2937}.page-description{margin:0;font-size:1.125rem;color:#6b7280;line-height:1.6}.search-section{margin-bottom:2rem;position:relative}.search-container{position:relative;max-width:500px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.search-clear:hover{color:#6b7280}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 .5rem .5rem;box-shadow:0 4px 6px -1px #0000001a;z-index:50;max-height:200px;overflow-y:auto}.search-suggestion{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease}.search-suggestion:hover,.search-suggestion.selected{background-color:#f3f4f6}.suggestion-icon{font-size:1rem;width:1.5rem;text-align:center}.suggestion-label{flex:1;font-weight:500}.suggestion-type{font-size:.75rem;color:#6b7280;text-transform:uppercase;font-weight:500}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.control-button{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.control-button:hover{background:#f3f4f6;border-color:#9ca3af}.view-mode-toggle{display:flex;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden}.view-mode-button{padding:.5rem 1rem;background:none;border:none;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.view-mode-button.active{background:#3b82f6;color:#fff}.view-mode-button:not(.active):hover{background:#f3f4f6}.main-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-bottom:3rem}.catalogue-column{min-width:0}.catalogue-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.shared-variable-catalogue{padding:0}.catalogue-header{padding:2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.catalogue-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1f2937}.catalogue-description{margin:0 0 1rem;color:#6b7280;line-height:1.5}.source-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-value{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.stat-value.webhook-only{background:#f0fdf4;color:#16a34a}.stat-value.pixel-only{background:#f3e8ff;color:#7c3aed}.stat-value.both{background:#fef3c7;color:#d97706}.bundle-groups{max-height:600px;overflow-y:auto}.bundle-group{border-bottom:1px solid #e5e7eb}.bundle-group:last-child{border-bottom:none}.bundle-header{width:100%;padding:1rem 2rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.bundle-header:hover{background:#f9fafb}.bundle-header.expanded{background:#f3f4f6}.bundle-header-content{display:flex;align-items:center;gap:.5rem}.bundle-name{font-weight:600;color:#1f2937}.bundle-count{font-size:.875rem;color:#6b7280}.expand-icon{color:#6b7280;font-size:.875rem}.bundle-content{padding:0 2rem 1rem}.empty-bundle{padding:1rem;text-align:center;color:#6b7280;font-style:italic}.variable-list{display:flex;flex-direction:column;gap:.5rem}.shared-variable-row{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;transition:transform .2s ease,opacity .2s ease}.shared-variable-row:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.shared-variable-row.highlighted{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 0 3px #3b82f61a}50%{box-shadow:0 0 0 6px #3b82f633}}.shared-variable-row.compact{padding:.75rem}.shared-variable-row.comfortable{padding:1.25rem}.variable-content{display:flex;flex-direction:column;gap:.75rem}.variable-header{display:flex;align-items:center;gap:.75rem}.variable-name-section{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.variable-name{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;font-weight:600;color:#1f2937;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.type-badge,.source-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.pii-lock{font-size:.875rem;cursor:help}.variable-description{color:#6b7280;line-height:1.5}.variable-description p{margin:0;font-size:.875rem}.webhook-usage,.pixel-usage{display:flex;flex-direction:column;gap:.5rem}.usage-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.webhook-chips,.pixel-chips{display:flex;flex-wrap:wrap;gap:.5rem}.webhook-chip,.pixel-chip{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.webhook-chip{background:#f0fdf4;color:#16a34a}.webhook-chip:hover{background:#dcfce7;color:#15803d}.pixel-chip{background:#f3e8ff;color:#7c3aed}.pixel-chip:hover{background:#e9d5ff;color:#6d28d9}.more-webhooks,.more-pixels,.less-webhooks,.less-pixels{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;background:#f3f4f6;color:#6b7280;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.more-webhooks:hover,.more-pixels:hover,.less-webhooks:hover,.less-pixels:hover{background:#e5e7eb;color:#374151}.search-highlight{background:#fef3c7;color:#d97706;padding:.125rem .25rem;border-radius:.25rem;font-weight:600}.empty-catalogue{padding:3rem 2rem;text-align:center;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-catalogue h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#374151}.empty-catalogue p{margin:0;font-size:.875rem}.navigator-column{position:sticky;top:2rem;height:fit-content}.shared-variable-navigator{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.navigator-section{display:flex;flex-direction:column;gap:1rem}.navigator-title{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.bundle-section{display:flex;flex-direction:column;gap:.75rem}.bundle-section-title{margin:0;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.toc-nav{display:flex;flex-direction:column;gap:.25rem}.toc-item{display:flex}.toc-link{width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;cursor:pointer;border-radius:.375rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease;font-size:.875rem;color:#6b7280}.toc-link:hover{background:#f3f4f6;color:#374151}.toc-link.expanded{background:#dbeafe;color:#1d4ed8}.toc-label{flex:1}.toc-icon{font-size:.75rem}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.action-button{padding:.5rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.action-button:hover{background:#e5e7eb;border-color:#9ca3af}.source-legend,.bundle-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db}.legend-color.webhook-only{background:#f0fdf4;border-color:#16a34a}.legend-color.pixel-only{background:#f3e8ff;border-color:#7c3aed}.legend-color.both{background:#fef3c7;border-color:#d97706}.legend-label{font-size:.875rem;color:#6b7280}.help-content{display:flex;flex-direction:column;gap:1rem}.help-text{margin:0;font-size:.875rem;color:#6b7280;line-height:1.5}.help-links{display:flex;flex-direction:column;gap:.5rem}.help-link{font-size:.875rem;color:#3b82f6;text-decoration:none;transition:color .2s ease}.help-link:hover{color:#1d4ed8;text-decoration:underline}.analysis-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.analysis-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.analysis-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.analysis-toggle{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.analysis-toggle:hover{background:#2563eb}.shared-analysis-table{padding:2rem}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.controls-left{display:flex;gap:1rem;align-items:center}.search-container{position:relative}.search-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;width:200px}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-size:.875rem;font-weight:500;color:#374151}.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.controls-right{display:flex;gap:1rem;align-items:center}.data-scope-toggle{display:flex;align-items:center;gap:.5rem}.scope-label{font-size:.875rem;color:#374151;display:flex;align-items:center;gap:.5rem;cursor:pointer}.table-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-label{font-size:.875rem;color:#6b7280}.stat-value{font-size:.875rem;font-weight:600;color:#1f2937}.table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.analysis-table{width:100%;border-collapse:collapse;font-size:.875rem}.analysis-table th{background:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.analysis-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.variable-row:hover{background:#f9fafb}.row-selector{width:40px;text-align:center}.select-all-checkbox,.row-checkbox{cursor:pointer}.variable-cell{min-width:150px}.variable-info{display:flex;align-items:center;gap:.5rem}.variable-name{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600;color:#1f2937}.pii-indicator{font-size:.75rem;cursor:help}.bundle-cell{min-width:120px}.bundle-name{font-size:.75rem;color:#6b7280}.source-cell{min-width:80px}.source-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.column-header{min-width:100px;text-align:center}.column-header-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.column-name{font-size:.75rem;font-weight:500}.column-type{font-size:.875rem}.data-cell{text-align:center;min-width:60px}.data-cell.has-data{background:#f0fdf4;color:#16a34a;font-weight:600}.data-cell.no-data{color:#d1d5db}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.footer-stats{font-size:.875rem;color:#6b7280}.footer-actions{display:flex;gap:.5rem}.export-button{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:not-allowed}.export-button:not(:disabled){background:#3b82f6;color:#fff;cursor:pointer}.export-button:not(:disabled):hover{background:#2563eb}@media (max-width: 1024px){.main-grid{grid-template-columns:1fr;gap:1rem}.navigator-column{position:static;order:-1}.shared-variable-navigator{flex-direction:row;overflow-x:auto;gap:1rem}.navigator-section{min-width:200px;flex-shrink:0}}@media (max-width: 768px){.shared-variables-reference-page{padding:1rem}.controls-section{flex-direction:column;gap:1rem;align-items:stretch}.table-controls{flex-direction:column;gap:1rem;align-items:stretch}.controls-left,.controls-right{justify-content:center}.table-stats{flex-wrap:wrap;gap:1rem}.table-footer{flex-direction:column;gap:1rem;align-items:center}}.web-event-details-page{background-color:var(--color-canvas-default);min-height:100vh;padding-top:3rem}.web-event-details-container{max-width:1400px;margin:0 auto;padding:0 2rem 4rem}.web-event-header{margin-bottom:2rem}.breadcrumb-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.breadcrumb-link{color:var(--color-accent-fg);text-decoration:none;transition:color .16s ease}.breadcrumb-link:hover{color:var(--color-accent-emphasis);text-decoration:underline}.title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.web-event-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.web-event-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;background-color:var(--color-accent-emphasis)}.meta-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.web-event-grid{display:grid;grid-template-columns:1fr 500px;gap:2rem;align-items:start}.web-event-content{display:flex;flex-direction:column;gap:3rem}.web-event-section{background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:.75rem;padding:2rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.section-subtitle{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1.5rem;line-height:1.5}.description-content{display:flex;flex-direction:column;gap:1.5rem}.description-text{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.metadata-tags{display:flex;gap:1rem;flex-wrap:wrap}.metadata-tag{display:flex;flex-direction:column;gap:.5rem}.metadata-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.metadata-value{display:inline-block;padding:.375rem .75rem;background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:.375rem;font-size:.875rem;font-weight:600;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.pcd-warning-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1.5rem;margin-top:1.5rem}.pcd-warning-title{font-size:1rem;font-weight:600;color:#991b1b;margin-bottom:1rem}.pcd-warning-content{font-size:.875rem;color:#7f1d1d;line-height:1.6}.pcd-warning-content ul{margin:.5rem 0 1rem 1.5rem;padding:0}.pcd-warning-content li{margin-bottom:.5rem}.pcd-guide-link{color:#dc2626;text-decoration:none;font-weight:600}.pcd-guide-link:hover{text-decoration:underline}.notes-box{background-color:#f3f4f6;border-radius:.5rem;padding:1rem;margin-top:1rem}.variables-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.collapse-controls{display:flex;gap:.5rem}.collapse-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-accent-fg);background-color:transparent;border:1px solid var(--color-border-default);border-radius:.375rem;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.collapse-button:hover{background-color:var(--color-canvas-subtle);border-color:var(--color-accent-emphasis)}.variables-list{display:flex;flex-direction:column;gap:1rem}.bundle-group{border:1px solid var(--color-border-default);border-radius:.5rem;overflow:hidden}.bundle-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--color-canvas-subtle);border:none;cursor:pointer;transition:background-color .16s ease;text-align:left}.bundle-header:hover{background-color:var(--color-canvas-inset)}.bundle-header-left{display:flex;align-items:center;gap:.75rem}.collapse-icon{color:var(--color-text-muted);font-size:.75rem}.bundle-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.bundle-count{font-size:.875rem;color:var(--color-text-muted)}.bundle-description{font-size:.875rem;color:var(--color-text-muted);text-align:right}.variables-table{background-color:#fff}.variables-table table{width:100%;border-collapse:collapse}.variables-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-default);background-color:var(--color-canvas-subtle)}.variables-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border-muted);font-size:.875rem}.property-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--color-text-primary);background-color:var(--color-canvas-subtle);padding:.25rem .5rem;border-radius:.25rem}.property-description{color:var(--color-text-secondary);line-height:1.5}.property-pii{text-align:center}.pii-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;background-color:#fef2f2;color:#dc2626}.pii-badge.no-pii{background-color:#f0fdf4;color:#16a34a}.type-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.type-string{background-color:#eff6ff;color:#1e40af}.type-id{background-color:#f0fdf4;color:#15803d}.type-date-time{background-color:#fef3c7;color:#92400e}.type-money{background-color:#fef2f2;color:#991b1b}.type-email{background-color:#fdf4ff;color:#86198f}.type-phone{background-color:#fef3c7;color:#78350f}.type-address{background-color:#fef2f2;color:#9f1239}.type-boolean{background-color:#f0f9ff;color:#075985}.type-array{background-color:#ecfdf5;color:#065f46}.type-object{background-color:#fefce8;color:#854d0e}.type-enum{background-color:#f5f3ff;color:#5b21b6}.payload-column{position:relative}.payload-sticky{position:sticky;top:2rem;background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:.75rem;padding:1.5rem}@media (max-width: 1200px){.web-event-grid{grid-template-columns:1fr}.payload-column{order:-1}.payload-sticky{position:relative;top:0}}.pcd-page{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);line-height:1.6}.pcd-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin:0}.pcd-section-title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 1rem}.pcd-subsection-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.pcd-body-text{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.pcd-small-text{font-size:.875rem;line-height:1.5;color:var(--color-text-muted)}.pcd-section{margin-bottom:3rem}.pcd-info-box{background:var(--color-canvas-raised);border:2px solid var(--color-border-default);border-radius:12px;padding:1.25rem;margin-top:1rem}.pcd-info-box-primary{background:var(--color-off-white);border-color:var(--color-brand-primary)}.pcd-info-box-warning{background:#fffbf0;border-color:var(--color-warning-base)}.pcd-info-box-error{background:#fff5f5;border-color:var(--color-error-base)}.pcd-info-box-success{background:#f0fdf4;border-color:var(--color-success-base)}.pcd-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pcd-table thead{background:var(--color-off-white)}.pcd-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-primary);border-bottom:2px solid var(--color-border-default)}.pcd-table td{padding:1rem;font-size:.875rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.pcd-table tbody tr{background:var(--color-canvas-raised);transition:background-color .2s ease}.pcd-table tbody tr:hover{background:var(--color-canvas-default)}.pcd-table tbody tr:last-child td{border-bottom:none}.pcd-badge{display:inline-block;padding:.375rem .875rem;border-radius:6px;font-weight:600;font-size:.75rem;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}.pcd-badge-level{padding:.5rem 1rem;font-size:.875rem;border-radius:8px}.pcd-badge-success{background:var(--color-success-light);color:var(--color-pure-white)}.pcd-badge-warning{background:var(--color-warning-light);color:var(--color-pure-white)}.pcd-badge-error{background:var(--color-error-light);color:var(--color-pure-white)}.pcd-badge-info{background:var(--color-slate-blue);color:var(--color-pure-white)}.pcd-badge-muted{background:var(--color-neutral-light);color:var(--color-pure-white)}.pcd-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:999px;font-weight:600;font-size:.75rem;white-space:nowrap}.pcd-status-implemented{background:#d1fae5;color:#065f46}.pcd-status-partial{background:#fef3c7;color:#92400e}.pcd-status-todo{background:#fee2e2;color:#991b1b}.pcd-status-na{background:#f3f4f6;color:#6b7280}.pcd-requirement-card{background:var(--color-canvas-raised);border:1px solid var(--color-border-default);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border-left:4px solid transparent;transition:transform .2s ease,opacity .2s ease;box-shadow:0 1px 3px #0000000a}.pcd-requirement-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.pcd-requirement-card-success{border-left-color:var(--color-success-base)}.pcd-requirement-card-warning{border-left-color:var(--color-warning-base)}.pcd-requirement-card-error{border-left-color:var(--color-error-base)}.pcd-requirement-card-partial{border-left-color:var(--color-warning-light)}.pcd-requirement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.pcd-requirement-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.pcd-requirement-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 .75rem}.pcd-requirement-implementation{background:var(--color-off-white);border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.6}.pcd-requirement-implementation strong{color:var(--color-text-primary);font-weight:600}.pcd-requirement-action{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border-subtle)}.pcd-requirement-action strong{color:var(--color-error-dark);font-weight:600}.pcd-implementation-list{margin:.75rem 0 0 1.25rem;padding:0;list-style:disc}.pcd-implementation-list li{margin-bottom:.375rem;color:var(--color-text-secondary);line-height:1.5}.pcd-code-container{background:var(--color-midnight-navy);border-radius:12px;padding:1.5rem;margin-top:1rem;overflow:hidden}.pcd-code-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pcd-code-label{font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.pcd-code-label-success{color:var(--color-success-light)}.pcd-code-label-error{color:var(--color-error-light)}.pcd-code-toggle{background:var(--color-brand-primary);color:var(--color-pure-white);border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.pcd-code-toggle:hover{background:var(--color-midnight-navy);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.pcd-code-toggle:active{transform:translateY(0)}.pcd-code-block{margin:0;padding:1rem;background:#000;border-radius:8px;color:var(--color-pure-white);font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.pcd-code-section{margin-bottom:1.5rem}.pcd-code-section:last-child{margin-bottom:0}.pcd-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.pcd-summary-card{background:var(--color-canvas-raised);border:2px solid var(--color-border-default);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s ease,opacity .2s ease;box-shadow:0 1px 3px #0000000a}.pcd-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.pcd-summary-card-success{background:var(--color-success-light);border-color:var(--color-success-base)}.pcd-summary-card-warning{background:var(--color-warning-light);border-color:var(--color-warning-base)}.pcd-summary-card-error{background:var(--color-error-light);border-color:var(--color-error-base)}.pcd-summary-number{font-size:2.5rem;font-weight:700;color:var(--color-pure-white);margin-bottom:.5rem;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1}.pcd-summary-label{font-size:.9375rem;font-weight:600;color:var(--color-pure-white);line-height:1.3}.pcd-reference-link{display:block;background:var(--color-canvas-raised);border:1px solid var(--color-border-default);border-radius:12px;padding:1.25rem;text-decoration:none;color:var(--color-text-primary);transition:transform .2s ease,opacity .2s ease;margin-bottom:.75rem;box-shadow:0 1px 3px #0000000a}.pcd-reference-link:hover{border-color:var(--color-brand-primary);box-shadow:0 4px 12px #1f3d7a26;transform:translateY(-1px)}.pcd-reference-link-title{font-weight:700;font-size:1.125rem;margin-bottom:.5rem;color:var(--color-brand-primary)}.pcd-reference-link-description{font-size:.875rem;color:var(--color-text-secondary);margin:0}.pcd-action-list{margin:0;padding-left:1.5rem;color:var(--color-error-dark);line-height:1.8;font-size:.9375rem}.pcd-action-list li{margin-bottom:.5rem}.pcd-action-list li strong{color:var(--color-error-base);font-weight:600}@media (max-width: 768px){.pcd-title{font-size:1.5rem}.pcd-section-title{font-size:1.25rem}.pcd-requirement-header{flex-direction:column;align-items:flex-start}.pcd-summary-grid{grid-template-columns:1fr}.pcd-table{font-size:.8125rem}.pcd-table th,.pcd-table td{padding:.75rem}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-canvas-default)}main{flex:1;padding-top:140px;min-height:calc(100vh - 140px);background-color:#fff}.main-dev-docs{padding-top:92px;min-height:calc(100vh - 92px)}.nav{background:var(--gradient-dark-neutral);color:var(--color-text-inverse);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000026;border-bottom:1px solid var(--color-border-subtle);position:fixed;top:0;left:0;right:0;z-index:1000;transition:transform .3s ease;min-height:60px}.nav-hidden{transform:translateY(-100%)}.nav-brand{display:flex;align-items:center;gap:.875rem;flex-shrink:0}.nav-brand h1{font-size:1.125rem;font-weight:600;margin:0;color:var(--color-text-inverse);white-space:nowrap}.nav-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.nav-brand-logo{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;overflow:hidden}.nav-brand-logo img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:all .2s ease}.nav-brand-logo:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.nav-brand-logo .logo-light{display:block}.nav-brand-logo .logo-dark,[data-theme=dark] .nav-brand-logo .logo-light{display:none}[data-theme=dark] .nav-brand-logo .logo-dark{display:block}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0;flex:1;justify-content:center}.nav-links a{color:var(--color-text-inverse);text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease;padding:.625rem 1rem;border-radius:6px;position:relative;white-space:nowrap}.nav-links a:hover{color:var(--color-brand-secondary);background-color:#ffffff1a}.nav-links a.active{color:var(--color-brand-secondary);background-color:#6a89c626}.page{background:var(--color-canvas-clinical);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border-subtle);margin:2rem}.page h2{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:600}.page p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.status-card{background:var(--color-canvas-clinical);border:1px solid var(--color-border-default);border-radius:8px;padding:1.5rem;margin-top:1rem;transition:all .2s ease}.status-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:600}.status-card code{background:var(--color-canvas-inverse);color:var(--color-status-success-fg);padding:.125rem .375rem;border-radius:4px;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.status-card.clickable:hover{background:var(--color-canvas-default);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f;transition:all .2s ease;border-color:var(--color-border-focus)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-indicator{font-size:1.2rem;font-weight:700}.status-value{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.status-subtitle{color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem}.status-content{margin-top:.75rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.dashboard-section{background:var(--color-canvas-clinical);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border-subtle);margin:0 2rem 1.5rem}.dashboard-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-primary);border-bottom:2px solid var(--color-border-subtle);padding-bottom:.5rem;font-weight:600}.sparkline-container{margin-top:.5rem}.sparkline-tooltip{background:var(--color-canvas-inverse);color:var(--color-text-inverse);padding:.5rem;border-radius:6px;font-size:.875rem;box-shadow:0 4px 12px #00000026}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;border-left:4px solid;font-weight:500}.alert.error{background:var(--color-status-error-bg);border-left-color:var(--color-status-error-border);color:var(--color-status-error-fg)}.alert.warning{background:var(--color-status-warning-bg);border-left-color:var(--color-status-warning-border);color:var(--color-status-warning-fg)}.alert.success{background:var(--color-status-success-bg);border-left-color:var(--color-status-success-border);color:var(--color-status-success-fg)}.quick-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.quick-action-btn{background:var(--color-interactive-default);color:var(--color-text-inverse);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.quick-action-btn:hover{background:var(--color-interactive-hover);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.quick-action-btn:active{background:var(--color-interactive-active);transform:translateY(0)}.quick-action-btn.secondary{background:var(--color-text-secondary);color:var(--color-text-inverse)}.quick-action-btn.secondary:hover{background:var(--color-text-primary)}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--color-text-muted)}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--color-border-subtle);border-top:2px solid var(--color-brand-primary);border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@media (max-width: 1024px){.nav{padding:.75rem 1.5rem}.nav-links{gap:.125rem}.nav-links a{padding:.5rem .75rem;font-size:.8125rem}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.nav{padding:.75rem 1rem;flex-direction:column;gap:.75rem;min-height:auto}.nav-links{flex-wrap:wrap;justify-content:center;gap:.25rem;order:2}.nav-controls{order:1}.nav-brand{order:0}.nav-links a{padding:.5rem .75rem;font-size:.8125rem}.main{padding:1rem}}@media (max-width: 480px){.nav-brand h1{font-size:1rem}.nav-links a{padding:.5rem .625rem;font-size:.75rem}}.database-dropdown{position:relative;display:inline-block}.database-dropdown-button{background:none;border:none;color:var(--color-text-inverse);font-size:.875rem;padding:.625rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-radius:6px;transition:all .2s ease;font-weight:500;white-space:nowrap}.database-dropdown-button:hover{background-color:#ffffff1a;color:var(--color-brand-secondary)}.database-dropdown-arrow{font-size:.75rem;transition:transform .2s}.database-dropdown-arrow.open{transform:rotate(180deg)}.database-dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-canvas-clinical);border:1px solid var(--color-border-default);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:280px;padding:.5rem 0;margin-top:.5rem}.database-dropdown-item{display:block;padding:.75rem 1rem;text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;border-radius:6px;margin:0 .5rem}.database-dropdown-item:hover{background-color:var(--color-canvas-clinical);color:var(--color-brand-primary)}.database-dropdown-label{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text-primary)}.database-dropdown-description{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.settings-header{margin-bottom:2rem;border-bottom:2px solid var(--color-border-subtle);padding-bottom:1.5rem}.settings-header h2{margin-bottom:.5rem;color:var(--color-text-primary);font-weight:600}.settings-header p{color:var(--color-text-secondary);margin-bottom:1rem}.settings-actions{display:flex;gap:1rem;margin-top:1rem}.settings-save-btn{background:var(--color-interactive-default);color:var(--color-text-inverse);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.settings-save-btn:hover{background:var(--color-interactive-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.settings-reset-btn{background:var(--color-text-secondary);color:var(--color-text-inverse);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.settings-reset-btn:hover{background:var(--color-text-primary);transform:translateY(-1px)}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--color-canvas-clinical);border:1px solid var(--color-border-default);border-radius:12px;padding:1.5rem;transition:all .2s ease}.settings-section:hover{border-color:var(--color-border-focus);box-shadow:0 2px 8px #00000014}.settings-section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle)}.settings-section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.settings-section-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.settings-section-content{display:flex;flex-direction:column;gap:1.5rem}.settings-toggle{display:flex;align-items:flex-start;gap:1rem}.settings-toggle-content{flex:1}.settings-toggle-label{display:flex;align-items:flex-start;gap:1rem;cursor:pointer;margin:0}.settings-toggle-input{display:none}.settings-toggle-slider{position:relative;width:44px;height:24px;background:var(--color-border-default);border-radius:12px;transition:all .2s ease;flex-shrink:0;margin-top:2px}.settings-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-canvas-clinical);border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.settings-toggle-input:checked+.settings-toggle-slider{background:var(--color-interactive-default)}.settings-toggle-input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-toggle-input:disabled+.settings-toggle-slider{opacity:.5;cursor:not-allowed}.settings-toggle-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.settings-toggle-title{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.settings-toggle-description{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.settings-select{display:flex;flex-direction:column;gap:.75rem}.settings-select-header{display:flex;flex-direction:column;gap:.25rem}.settings-select-label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.settings-select-description{color:var(--color-text-muted);font-size:.75rem;line-height:1.4;margin:0}.settings-select-input{padding:.75rem 1rem;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-canvas-clinical);color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease;cursor:pointer}.settings-select-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6a89c61a}.settings-select-input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-canvas-clinical)}.settings-input{display:flex;flex-direction:column;gap:.75rem}.settings-input-header{display:flex;flex-direction:column;gap:.25rem}.settings-input-label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.settings-input-description{color:var(--color-text-muted);font-size:.75rem;line-height:1.4;margin:0}.settings-input-field{padding:.75rem 1rem;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-canvas-clinical);color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.settings-input-field:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6a89c61a}.settings-input-field:disabled{opacity:.5;cursor:not-allowed;background:var(--color-canvas-clinical)}.settings-input-field::placeholder{color:var(--color-text-muted)}.settings-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.settings-info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-canvas-clinical);border:1px solid var(--color-border-subtle);border-radius:6px}.settings-info-label{font-weight:500;color:var(--color-text-secondary);font-size:.875rem}.settings-info-value{color:var(--color-text-primary);font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@media (max-width: 768px){.settings-content{gap:1.5rem}.settings-section{padding:1rem}.settings-actions{flex-direction:column;gap:.75rem}.settings-toggle-label{gap:.75rem}.settings-info-grid{grid-template-columns:1fr}.settings-info-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.sitemap-page{max-width:1200px;margin:0 auto;padding:3rem 2rem}.sitemap-hero{text-align:center;margin-bottom:4rem;padding:2rem 0}.sitemap-title{font-size:3rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 1rem;line-height:1.1}.sitemap-subtitle{font-size:1.25rem;font-weight:400;color:var(--color-text-secondary);line-height:1.5;max-width:600px;margin:0 auto}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;margin-bottom:3rem}.sitemap-card{background:var(--color-canvas-raised);border:1px solid var(--color-border-subtle);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.sitemap-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px);border-color:var(--color-border-default)}.sitemap-card-header{padding:2rem 2rem 1.5rem;background:var(--color-canvas-raised);border-bottom:1px solid var(--color-border-subtle)}.sitemap-card-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;letter-spacing:-.01em}.sitemap-card-subtitle{font-size:.9375rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.sitemap-nav{display:flex;flex-direction:column}.sitemap-nav-item{display:flex;align-items:center;padding:1rem 2rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border-subtle);transition:all .2s ease;position:relative;background:var(--color-canvas-raised)}.sitemap-nav-item:last-child{border-bottom:none}.sitemap-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--color-brand-primary);transition:width .2s ease}.sitemap-nav-item:hover{background:var(--color-canvas-default)}.sitemap-nav-item:hover:before{width:4px}.sitemap-nav-item:active{background:var(--color-background-tertiary)}.sitemap-nav-label{font-weight:500;font-size:.9375rem;color:var(--color-text-primary);flex-shrink:0;margin-right:1rem;min-width:140px}.sitemap-nav-desc{font-size:.875rem;color:var(--color-text-muted);flex:1;line-height:1.4}.sitemap-nav-icon{flex-shrink:0;margin-left:auto;color:var(--color-text-muted);opacity:.5;transition:all .2s ease}.sitemap-nav-item:hover .sitemap-nav-icon{opacity:1;color:var(--color-brand-primary);transform:translate(2px)}.sitemap-external{grid-column:1 / -1}.sitemap-nav-external{background:linear-gradient(to right,var(--color-canvas-raised),var(--color-status-info-bg))}.sitemap-nav-external:hover{background:var(--color-status-info-bg)}.sitemap-nav-external .sitemap-nav-icon{color:var(--color-brand-secondary)}.sitemap-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--color-border-subtle)}.sitemap-stats-card,.sitemap-tips-card{background:var(--color-canvas-raised);border:1px solid var(--color-border-subtle);border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000a}.sitemap-footer-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1.5rem;letter-spacing:-.01em}.sitemap-stats-grid{display:flex;flex-direction:column;gap:1rem;margin:0}.sitemap-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border-subtle)}.sitemap-stat-item:last-child{border-bottom:none}.sitemap-stat-label{font-size:.9375rem;color:var(--color-text-secondary);font-weight:400}.sitemap-stat-value{font-size:1.5rem;font-weight:600;color:var(--color-brand-primary);font-variant-numeric:tabular-nums}.sitemap-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.sitemap-tips-list li{padding-left:1.75rem;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;position:relative}.sitemap-tips-list li:before{content:"";position:absolute;left:0;top:.5rem;width:6px;height:6px;border-radius:50%;background:var(--color-brand-secondary)}.legal-header{margin-bottom:2rem;border-bottom:2px solid var(--color-border-subtle);padding-bottom:1.5rem}.legal-header h2{margin-bottom:.5rem;color:var(--color-text-primary);font-weight:600}.legal-header p{color:var(--color-text-secondary);margin-bottom:1rem}.legal-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.legal-search{flex:1;min-width:250px}.legal-search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-canvas-clinical);color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.legal-search-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6a89c61a}.legal-filter{min-width:200px}.legal-filter-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-canvas-clinical);color:var(--color-text-primary);font-size:.875rem;cursor:pointer}.legal-content{display:flex;flex-direction:column;gap:2.5rem}.legal-section{background:var(--color-canvas-clinical);border:1px solid var(--color-border-default);border-radius:12px;padding:1.5rem;transition:all .2s ease}.legal-section:hover{border-color:var(--color-border-focus);box-shadow:0 2px 8px #00000014}.legal-section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border-subtle)}.legal-section-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.legal-section-header p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.legal-documents{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.legal-document{background:var(--color-canvas-clinical);border:1px solid var(--color-border-subtle);border-radius:8px;padding:1.5rem;transition:all .2s ease}.legal-document:hover{border-color:var(--color-border-focus);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.legal-document-header{margin-bottom:1rem}.legal-document-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.legal-document-title h4{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin:0}.legal-document-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.legal-document-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--color-text-muted)}.legal-document-version{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.legal-document-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.legal-document-actions{display:flex;gap:.75rem;flex-wrap:wrap}.legal-action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center}.legal-action-btn.primary{background:var(--color-interactive-default);color:var(--color-text-inverse)}.legal-action-btn.primary:hover{background:var(--color-interactive-hover);transform:translateY(-1px)}.legal-action-btn.secondary{background:var(--color-canvas-clinical);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.legal-action-btn.secondary:hover{background:var(--color-canvas-default);border-color:var(--color-border-focus)}.legal-empty{text-align:center;padding:3rem;color:var(--color-text-muted)}.legal-empty h3{margin-bottom:.5rem;color:var(--color-text-secondary)}.legal-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.legal-modal{background:var(--color-canvas-clinical);border-radius:12px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.legal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border-subtle);background:var(--color-canvas-clinical)}.legal-modal-header h3{margin:0;color:var(--color-text-primary);font-weight:600}.legal-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.legal-modal-close:hover{background:var(--color-canvas-default);color:var(--color-text-primary)}.legal-modal-content{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 120px)}.legal-document-info{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-canvas-clinical);border-radius:6px;font-size:.875rem;color:var(--color-text-secondary)}.legal-document-text{color:var(--color-text-primary);line-height:1.6;font-size:.875rem}.legal-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:2rem}.legal-contact{background:var(--color-status-info-bg);border:1px solid var(--color-status-info-border);border-radius:8px;padding:1.5rem}.legal-contact h4{color:var(--color-status-info-fg);margin-bottom:.5rem;font-weight:600}.legal-contact p{color:var(--color-status-info-fg);margin:0;font-size:.875rem;line-height:1.5}.legal-disclaimer{background:var(--color-canvas-clinical);border:1px solid var(--color-border-default);border-radius:8px;padding:1.5rem}.legal-disclaimer p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width: 768px){.sitemap-page{padding:2rem 1rem}.sitemap-title{font-size:2rem}.sitemap-subtitle{font-size:1rem}.sitemap-grid{grid-template-columns:1fr}.sitemap-nav-label{min-width:100px}.sitemap-nav-desc{display:none}.sitemap-footer{grid-template-columns:1fr;gap:1.5rem}}.legal-controls{flex-direction:column}.legal-documents{grid-template-columns:1fr}.legal-modal-overlay{padding:1rem}.legal-document-info{flex-direction:column;gap:.5rem}} .footer{background:var(--color-pure-white);color:var(--color-text-primary);padding:0;margin-top:auto;border-top:none;width:100%}.footer-dev-docs,.footer-dev-docs .footer-top,.footer-dev-docs .footer-bottom{background:var(--color-off-white)}.footer-top{width:100%;background:var(--color-pure-white);padding:0}.footer-content{max-width:1200px;margin:0 auto;padding:2rem 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.footer-section h4{font-size:.75rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary);letter-spacing:.02em}.footer-section p{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;margin-bottom:.75rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.375rem}.footer-section ul li a{color:var(--color-text-secondary);text-decoration:none;font-size:.75rem;transition:color .2s ease}.footer-section ul li a:hover{color:var(--color-brand-primary)}.footer-logo{margin-top:.75rem}.footer-logo-img{width:20px;height:20px;opacity:.7}.footer-bottom{width:100%;background:var(--color-pure-white);padding:0}.footer-bottom-container{max-width:1200px;margin:0 auto;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;border-top:1px solid rgba(26,26,26,.5)}.footer-bottom-left{display:flex;flex-direction:column;gap:.25rem}.footer-bottom-left p{color:var(--color-text-secondary);font-size:.75rem;margin:0;line-height:1.4}.footer-bottom-right{display:flex;align-items:center;gap:.75rem}.footer-bottom-right a{color:var(--color-text-secondary);text-decoration:none;font-size:.75rem!important;transition:color .2s ease;font-weight:400}.footer-bottom-right a:hover{color:var(--color-brand-primary)}.footer-separator{color:var(--color-text-muted);font-size:.75rem;font-weight:400}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1rem 1.5rem}.footer-bottom-container{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.footer-bottom-right{align-self:stretch;justify-content:flex-start}}:root{--color-carbon-black: #1A1A1A;--color-graphite-grey: #42444F;--color-pure-white: #FFFFFF;--color-off-white: #F2F2F0;--color-deep-sapphire: #1F3D7A;--color-slate-blue: #6A89C6;--color-midnight-navy: #152A52;--color-steel-blue: #5D738E;--color-frosted-lilac: #C2B8E9;--color-soft-ivory: #F5EFE2;--color-error-base: #D32F2F;--color-error-light: #FF3D3D;--color-error-dark: #932020;--color-warning-base: #FFA000;--color-warning-light: #FFBA46;--color-warning-dark: #B27000;--color-success-base: #388E3C;--color-success-light: #48B84E;--color-success-dark: #27632A;--color-info-base: #6A89C6;--color-info-light: #89B2FF;--color-info-dark: #4A5F8A;--color-neutral-base: #555B66;--color-neutral-light: #707386;--color-neutral-dark: #42444F;--color-interaction-base: #7E57C2;--color-interaction-light: #A371FC;--color-interaction-dark: #583C87;--color-mono-black: #1A1A1A;--color-mono-medium: #4D4D4D;--color-mono-light: #B3B3B3;--color-mono-soft: #E6E6E6;--color-text-primary: var(--color-graphite-grey);--color-text-secondary: var(--color-neutral-base);--color-text-muted: var(--color-neutral-light);--color-text-inverse: var(--color-off-white);--color-text-accent: var(--color-slate-blue);--color-canvas-default: var(--color-off-white);--color-canvas-raised: var(--color-pure-white);--color-canvas-inverse: var(--color-carbon-black);--color-canvas-clinical: var(--color-pure-white);--color-border-default: var(--color-neutral-light);--color-border-focus: var(--color-slate-blue);--color-border-subtle: var(--color-mono-soft);--color-border-strong: var(--color-neutral-dark);--color-brand-primary: var(--color-deep-sapphire);--color-brand-secondary: var(--color-slate-blue);--color-brand-accent: var(--color-frosted-lilac);--color-interactive-default: var(--color-deep-sapphire);--color-interactive-hover: var(--color-midnight-navy);--color-interactive-active: var(--color-midnight-navy);--color-interactive-disabled: rgba(31, 61, 122, .6);--color-status-error-fg: var(--color-error-dark);--color-status-error-bg: rgba(255, 61, 61, .1);--color-status-error-border: var(--color-error-base);--color-status-warning-fg: var(--color-warning-dark);--color-status-warning-bg: rgba(255, 186, 70, .1);--color-status-warning-border: var(--color-warning-base);--color-status-success-fg: var(--color-success-dark);--color-status-success-bg: rgba(72, 184, 78, .1);--color-status-success-border: var(--color-success-base);--color-status-info-fg: var(--color-info-dark);--color-status-info-bg: rgba(137, 178, 255, .1);--color-status-info-border: var(--color-info-base);--color-background: var(--color-canvas-clinical);--color-background-secondary: var(--color-canvas-raised);--color-background-tertiary: var(--color-mono-soft);--color-background-offwhite: var(--color-off-white);--color-text-primary: var(--color-text-primary);--color-text-secondary: var(--color-text-secondary);--color-text-tertiary: var(--color-text-muted);--color-border: var(--color-border-default);--color-primary: var(--color-brand-primary);--color-primary-light: rgba(31, 61, 122, .1);--color-primary-dark: var(--color-midnight-navy);--color-error: var(--color-error-base);--color-warning: var(--color-warning-base);--color-success: var(--color-success-base);--color-info: var(--color-info-base);--gradient-brand-blue: linear-gradient(180deg, #1F3D7A 0%, #6A89C6 100%);--gradient-dark-neutral: linear-gradient(180deg, #1A1A1A 0%, #42444F 100%);--gradient-light-neutral: linear-gradient(180deg, #FFFFFF 0%, #F2F2F0 100%)}[data-theme=dark]{--color-text-muted: #8A8A8A;--color-text-inverse: var(--color-carbon-black);--color-canvas-default: var(--color-carbon-black);--color-canvas-raised: #2A2A2A;--color-canvas-inverse: var(--color-off-white);--color-canvas-clinical: #1A1A1A;--color-border-default: #4D4D4D;--color-border-focus: var(--color-slate-blue);--color-border-subtle: #333333;--color-border-strong: #666666;--color-brand-primary: #3A5F9A;--color-brand-secondary: #8AA3D6;--color-status-error-bg: rgba(255, 61, 61, .15);--color-status-warning-bg: rgba(255, 186, 70, .15);--color-status-success-bg: rgba(72, 184, 78, .15);--color-status-info-bg: rgba(137, 178, 255, .15);--color-background: var(--color-canvas-default);--color-background-secondary: var(--color-canvas-raised);--color-background-tertiary: #333333;--color-background-offwhite: #2A2A2A;--color-text-primary: #E6E6E6;--color-text-secondary: #B3B3B3;--color-text-tertiary: #8A8A8A;--color-border: #4D4D4D;--color-primary: #3A5F9A;--color-primary-light: rgba(58, 95, 154, .2);--color-primary-dark: #2A4A7A;--color-error: #FF3D3D;--color-warning: #FFBA46;--color-success: #48B84E;--color-info: #89B2FF}.top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-background);border-bottom:1px solid var(--color-border)}.top-nav[data-ops-console=true]{background:#000;border-bottom:1px solid rgba(255,255,255,.1)}.top-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:92px;background:#fff;z-index:-1}.top-nav[data-ops-console=true]:before{background:#000}.top-nav-content{display:flex;align-items:center;justify-content:space-between;height:52px;width:100%;gap:.75rem}.nav-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0;padding-left:1rem}.nav-brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;background:none;border:none;padding:0;cursor:pointer;transition:transform .1s ease}.nav-brand-link:hover{transform:scale(1.02)}.nav-brand-link:active{transform:scale(.98)}.nav-brand-logo{height:34px;width:auto;transition:transform .2s ease,opacity .2s ease}.nav-brand-subtitle{font-size:.9625rem;color:var(--color-text-muted);font-weight:500;margin-top:2px;margin-left:-4px}.top-nav[data-ops-console=true] .nav-brand-subtitle{color:#fff}.nav-search{flex:1;max-width:500px;margin:0 1rem}.search-trigger{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:#fafafa;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.top-nav[data-ops-console=true] .search-trigger{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.search-trigger:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.top-nav[data-ops-console=true] .search-trigger:hover{border-color:#fff6;color:#fff;background:#ffffff26}.search-placeholder{flex:1;text-align:left}.search-shortcut{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-background-tertiary);padding:.25rem .5rem;border-radius:4px;font-family:monospace}.top-nav[data-ops-console=true] .search-shortcut{color:#fff9;background:#ffffff1a}.nav-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding-right:2rem;margin-right:1rem;margin-left:8px}.nav-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:transform .2s ease,opacity .2s ease;font-size:1rem}.top-nav[data-ops-console=true] .nav-control-btn{background:transparent;color:#fffc}.nav-control-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.top-nav[data-ops-console=true] .nav-control-btn:hover{background:#ffffff1a;color:#fff}.environment-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem}.top-nav[data-ops-console=true] .environment-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.2)}.environment-status{display:flex;align-items:center}.environment-indicator{font-weight:600;font-size:.75rem;padding:.25rem .5rem;border-radius:4px}.environment-indicator.demo{background:#fef3c7;color:#92400e}.top-nav[data-ops-console=true] .environment-indicator.demo{background:#fbbf2433;color:#fbbf24}.environment-indicator.real{background:#dcfce7;color:#166534}.top-nav[data-ops-console=true] .environment-indicator.real{background:#22c55e33;color:#22c55e}.environment-buttons{display:flex;gap:.125rem}.env-btn{padding:.25rem .5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease;background:var(--color-background-tertiary);color:var(--color-text-secondary)}.top-nav[data-ops-console=true] .env-btn{background:#ffffff1a;color:#ffffffb3}.env-btn:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.top-nav[data-ops-console=true] .env-btn:hover:not(:disabled){background:#fff3;color:#fff}.env-btn.active{background:var(--color-primary);color:#fff}.top-nav[data-ops-console=true] .env-btn.active{background:#ffffff4d;color:#fff}.env-btn:disabled{opacity:.5;cursor:not-allowed}.env-btn.loading{position:relative;overflow:hidden}.env-btn.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.environment-description{font-size:.75rem;color:var(--color-text-tertiary);margin-left:.5rem}.alert-center{position:relative;z-index:10000}.alert-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:transform .2s ease,opacity .2s ease;font-size:1rem}.top-nav[data-ops-console=true] .alert-trigger{background:transparent;color:#fffc}.alert-trigger:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.top-nav[data-ops-console=true] .alert-trigger:hover{background:#ffffff1a;color:#fff}.alert-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.alert-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:400px;max-height:500px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:10001;overflow:hidden}.top-nav[data-ops-console=true] .alert-dropdown{background:#1a1a1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #00000080}.alert-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border)}.alert-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.top-nav[data-ops-console=true] .alert-header h3{color:#fff}.mark-all-read-btn{font-size:.875rem;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s ease}.mark-all-read-btn:hover{background:var(--color-background-secondary)}.alert-list{max-height:350px;overflow-y:auto}.no-alerts{padding:2rem;text-align:center;color:var(--color-text-secondary)}.top-nav[data-ops-console=true] .no-alerts{color:#ffffffb3}.no-alerts-hint{font-size:.875rem;margin-top:.5rem;color:var(--color-text-tertiary)}.alert-item{padding:1rem;border-bottom:1px solid var(--color-border);transition:background .2s ease}.alert-item:hover{background:var(--color-background-secondary)}.top-nav[data-ops-console=true] .alert-item:hover{background:#ffffff1a}.alert-item.unread{background:var(--color-background-secondary);border-left:3px solid var(--color-primary)}.alert-item-header{display:flex;align-items:flex-start;gap:.75rem}.alert-type-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.top-nav[data-ops-console=true] .alert-title{color:#fff}.alert-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.alert-source{font-weight:500}.alert-timestamp{color:var(--color-text-tertiary)}.alert-demo-badge{background:var(--color-warning);color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:4px;font-weight:500}.alert-actions{display:flex;gap:.25rem;flex-shrink:0}.alert-action-btn{width:24px;height:24px;border:none;border-radius:4px;background:var(--color-background-tertiary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:transform .2s ease,opacity .2s ease}.alert-action-btn:hover{background:var(--color-primary);color:#fff}.alert-message{margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.alert-footer{padding:1rem;border-top:1px solid var(--color-border);text-align:center}.view-all-alerts-btn{width:100%;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s ease}.view-all-alerts-btn:hover{background:var(--color-primary-dark)}.profile-dropdown{position:relative;z-index:10000}.profile-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;transition:transform .2s ease,opacity .2s ease;font-size:1rem}.top-nav[data-ops-console=true] .profile-trigger{background:transparent;color:#fffc}.profile-trigger:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.top-nav[data-ops-console=true] .profile-trigger:hover{background:#ffffff1a;color:#fff}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:10001;overflow:hidden}.top-nav[data-ops-console=true] .profile-menu{background:#1a1a1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #00000080}.profile-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-background-secondary)}.top-nav[data-ops-console=true] .profile-header{background:#ffffff0d}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.profile-info{flex:1;min-width:0}.profile-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem}.top-nav[data-ops-console=true] .profile-name{color:#fff}.profile-email{font-size:.875rem;color:var(--color-text-secondary)}.profile-divider{height:1px;background:var(--color-border);margin:.5rem 0}.profile-menu-items{padding:.5rem 0}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:background .2s ease;font-size:.875rem;text-align:left}.top-nav[data-ops-console=true] .profile-menu-item{color:#ffffffe6}.profile-menu-item:hover{background:var(--color-background-secondary)}.top-nav[data-ops-console=true] .profile-menu-item:hover{background:#ffffff1a;color:#fff}.profile-logout{color:var(--color-text-danger, #ef4444)!important;border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.75rem}.profile-logout:hover{background:var(--color-background-danger, #fef2f2)!important;color:var(--color-text-danger, #dc2626)!important}.menu-item-icon{font-size:1rem;width:20px;text-align:center}.menu-item-text{flex:1}.logout-item{color:var(--color-error)}.logout-item:hover{background:#ef44441a}.secondary-nav{background:radial-gradient(circle 900px at 50% 320%,#1f3d7a,#152a52 25%,#000 60%);position:fixed;top:52px;left:0;right:0;z-index:1002}.secondary-nav-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:40px;width:100%;overflow-x:auto}.nav-group{display:flex;align-items:center;gap:.25rem;padding:0 .5rem;border-right:1px solid rgba(255,255,255,.2)}.nav-group:last-child{border-right:none}.nav-group-right{margin-left:auto;border-left:1px solid rgba(255,255,255,.2);border-right:none;padding-left:1rem;gap:.75rem}.nav-link{display:flex;align-items:center;padding:.375rem .75rem;color:#fff;text-decoration:none;border-radius:4px;font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s ease;border:1px solid transparent}.nav-link:hover{color:#fff;background:#ffffff26}.nav-link.active{color:#fff;background:#fff3;border-color:#ffffff4d}.secondary-nav-visible,.secondary-nav-hidden{top:52px}.omni-search-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.omni-search-modal{width:100%;max-width:680px;max-height:70vh;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 50px #00000026;overflow:hidden;animation:searchModalIn .2s ease-out}@keyframes searchModalIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.omni-search-header{padding:1rem;border-bottom:1px solid var(--color-border)}.search-input-container{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:.75rem}.search-icon{font-size:1.125rem;color:var(--color-text-tertiary)}.search-input{flex:1;border:none;background:none;outline:none;font-size:1rem;color:var(--color-text-primary)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-scope{display:flex;gap:.25rem}.scope-btn{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.scope-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.scope-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.omni-search-results{max-height:400px;overflow-y:auto}.search-suggestions{padding:1rem}.suggestion-section{margin-bottom:1.5rem}.suggestion-section:last-child{margin-bottom:0}.suggestion-section h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.suggestion-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:4px;font-size:.875rem;transition:background .2s ease}.suggestion-item:hover{background:var(--color-background-secondary)}.result-filters{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);overflow-x:auto}.filter-chip{padding:.25rem .75rem;background:var(--color-background-secondary);color:var(--color-text-secondary);border-radius:16px;font-size:.75rem;font-weight:500;white-space:nowrap}.search-result{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;border-bottom:1px solid var(--color-border)}.search-result:hover{background:var(--color-background-secondary)}.search-result.selected{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.result-icon{font-size:1.25rem;flex-shrink:0}.result-content{flex:1;min-width:0}.result-title{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.result-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.result-status{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.status-ok{background:var(--color-success);color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-failed{background:var(--color-error);color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-running,.status-warning{background:var(--color-warning);color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.result-metadata{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-background-tertiary);padding:.125rem .375rem;border-radius:4px}.no-results{padding:2rem;text-align:center;color:var(--color-text-secondary)}.no-results-hint{font-size:.875rem;margin-top:.5rem;color:var(--color-text-tertiary)}@media (max-width: 768px){.top-nav-content{padding:.375rem 0;gap:.5rem}.nav-brand{padding-left:.75rem}.nav-search{margin:0 .75rem}.nav-controls{gap:.375rem;padding-right:.75rem}.environment-toggle{padding:.25rem .375rem;font-size:.75rem}.environment-description{display:none}.secondary-nav-content{padding:.375rem 0;gap:.75rem}.nav-group{padding:0 .375rem}.nav-link{padding:.25rem .5rem;font-size:.8125rem}.omni-search-modal{margin:0 .75rem;max-width:calc(100% - 1.5rem)}.alert-dropdown{width:320px;right:-.75rem}.profile-menu{width:260px;right:-.75rem}}@media (max-width: 480px){.nav-brand-subtitle{display:none}.nav-search{margin:0 .5rem}.search-trigger{padding:.375rem .5rem;font-size:.8125rem}.environment-toggle{padding:.25rem .375rem;font-size:.75rem}.environment-buttons{gap:.125rem}.env-btn{padding:.125rem .5rem;font-size:.75rem}}.env-switching-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.env-switching-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 50px #0000004d;max-width:400px;width:90%;overflow:hidden}.env-switching-content{padding:2rem;text-align:center}.env-switching-spinner{margin-bottom:1.5rem}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-switching-text h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.env-switching-text p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.env-banner{position:fixed;top:92px;left:0;right:0;z-index:1002;height:32px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;text-align:center;border-bottom:1px solid}.env-banner-demo{background:#fef3c7;color:#92400e;border-bottom-color:transparent}.env-banner-real{background:#dcfce7;color:#166534;border-bottom-color:transparent}.env-banner-content{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:1400px;margin:0 auto;padding:0 1rem}.env-banner-icon{font-size:1rem}.env-banner-text{font-weight:600}.env-banner-visible,.env-banner-hidden{top:92px}[data-theme=dark] .env-banner-demo{background:#ffba4626;color:#ffba46;border-bottom-color:#ffa000}[data-theme=dark] .env-banner-real{background:#48b84e26;color:#48b84e;border-bottom-color:#388e3c}@media (max-width: 768px){.env-switching-modal{margin:0 1rem;width:calc(100% - 2rem)}.env-switching-content{padding:1.5rem}.env-banner-content{padding:0 .75rem;font-size:.8125rem}}@media (max-width: 480px){.env-banner-text{font-size:.75rem}.env-banner-icon{font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Geist;src:url(/assets/Geist-Regular-wuM-uTou.woff2) format("woff2"),url(/assets/Geist-Regular-D6kASp_V.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Medium-DFVyePlq.woff2) format("woff2"),url(/assets/Geist-Medium-DbTq1cFP.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-SemiBold-BGD6H7_9.woff2) format("woff2"),url(/assets/Geist-SemiBold-BulLCGXq.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Bold-ZG0gQVD_.woff2) format("woff2"),url(/assets/Geist-Bold-6QjgHfBQ.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-canvas-default, #f5f5f5);overscroll-behavior-y:none}#root{min-height:100vh;overscroll-behavior-y:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}