:root{--page-background: radial-gradient(circle at top left, rgba(227, 238, 245, .52), transparent 25rem), radial-gradient(circle at top right, rgba(179, 203, 221, .18), transparent 23rem), linear-gradient(180deg, #fcfeff 0%, #f4f9fb 52%, #eef5f8 100%);--bg: #f4f9fb;--bg-soft: #eef5f8;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .9);--surface-muted: rgba(249, 252, 253, .9);--surface-glass: rgba(255, 255, 255, .8);--surface-glass-strong: rgba(255, 255, 255, .88);--surface-soft: rgba(255, 255, 255, .72);--surface-ghost: rgba(255, 255, 255, .5);--surface-ghost-muted: rgba(255, 255, 255, .42);--surface-inverse-soft: rgba(244, 248, 251, .09);--surface-inverse-strong: rgba(244, 248, 251, .92);--text: #162531;--text-inverse: #f8fbfd;--text-inverse-muted: rgba(244, 248, 251, .84);--muted: #627180;--accent: #6e879c;--accent-strong: #446378;--accent-soft: rgba(110, 135, 156, .1);--brand-strong: #214050;--brand-panel: linear-gradient(180deg, rgba(33, 64, 80, .97) 0%, rgba(28, 56, 70, .96) 100%);--brand-panel-border: rgba(33, 64, 80, .96);--line: rgba(28, 49, 67, .09);--line-subtle: rgba(28, 49, 67, .08);--line-soft: rgba(28, 49, 67, .07);--line-strong: rgba(28, 49, 67, .14);--line-ghost: rgba(28, 49, 67, .06);--line-inverse: rgba(244, 248, 251, .14);--line-inverse-strong: rgba(244, 248, 251, .18);--font-display: "Inter Tight", "Helvetica Neue", sans-serif;--font-body: "Inter Tight", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", "Consolas", monospace;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-full: 999px;--shadow-card: 0 18px 42px rgba(28, 49, 67, .06)}:root{color-scheme:light;font-family:var(--font-body);line-height:1.45;font-weight:400;color:var(--text);background:var(--page-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:var(--page-background)}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}*:focus-visible{outline:3px solid rgba(68,99,120,.34);outline-offset:3px}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:2rem;height:100vh;padding:1.7rem 1.15rem 1.25rem;border-right:1px solid var(--line);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{padding:0 .55rem}.brand-name,.brand-product{margin:0}.brand-name{color:var(--text);font-size:1.15rem;font-weight:650;letter-spacing:-.025em}.brand-product{margin-top:.12rem;color:var(--muted);font-size:.9rem}.sidebar-copy{margin:.9rem 0 0;color:var(--muted);font-size:.91rem;line-height:1.55}.eyebrow{margin:0;color:var(--accent-strong);font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:.24rem}.nav-link{min-height:44px;padding:.69rem .86rem;border-radius:10px;color:var(--muted);font-size:.96rem;font-weight:520;transition:background-color .14s ease,color .14s ease}.nav-link:hover{color:var(--text);background:var(--accent-soft)}.nav-link-active,.nav-link-active:hover{color:var(--text-inverse);background:var(--brand-strong)}.sidebar-footer{display:flex;align-items:center;gap:.7rem;margin-top:auto;padding:1rem .55rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.sidebar-footer-user{justify-content:space-between}.sidebar-user-meta{min-width:0;display:grid;gap:.12rem}.sidebar-user-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-org-name{color:var(--text);font-weight:550}.main-content{min-width:0;padding:2rem clamp(1.25rem,4vw,3rem) 3rem}.page-card{width:min(100%,1080px);padding:clamp(1.35rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-card h1{margin:0;font-size:clamp(2rem,4vw,2.7rem);font-weight:620;letter-spacing:-.045em;line-height:1}.page-summary{max-width:62ch;margin:.8rem 0 0;color:var(--muted);font-size:1.02rem;line-height:1.62}.stack{display:grid;gap:1.55rem;margin-top:1.55rem}.subsection{min-width:0}.section-title{margin:0 0 .78rem;color:var(--text);font-size:1.03rem;font-weight:620}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.8rem;margin-top:1.4rem}.metric-card{min-width:0;padding:1.1rem;border-radius:var(--radius-md);background:var(--surface-muted)}.metric-label,.card-meta,.metric-hint,.empty-copy{margin:0;color:var(--muted)}.metric-label{font-size:.8rem;font-weight:570}.metric-value{margin:.4rem 0 0;color:var(--text);font-size:clamp(1.45rem,3vw,1.9rem);font-weight:620;letter-spacing:-.025em;line-height:1.08;overflow-wrap:anywhere}.metric-hint{margin-top:.45rem;font-size:.9rem;line-height:1.5}.pairing-form,.release-card{border-radius:var(--radius-md);background:var(--surface-muted)}.pairing-form{display:grid;gap:.78rem;max-width:640px;padding:1.1rem}.field-label{display:grid;gap:.42rem;color:var(--muted);font-size:.9rem;font-weight:520}.text-input{width:100%;min-height:44px;padding:.72rem .82rem;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);background:#ffffffe6;transition:border-color .14s ease,box-shadow .14s ease}.text-input:hover{border-color:#1c31433d}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.text-input:disabled{cursor:not-allowed;opacity:.66}.code-input{font-family:var(--font-mono);font-size:1.03rem;letter-spacing:.06em;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.section-copy{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.access-matrix-intro{max-width:78ch;margin-bottom:.9rem}.access-matrix-region{position:relative;max-width:100%;max-height:min(68dvh,680px);overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.access-matrix-region:focus-visible{outline:3px solid rgba(68,99,120,.34);outline-offset:3px}.access-matrix{width:max-content;min-width:100%;border-spacing:0;border-collapse:separate;color:var(--text);font-size:.9rem}.access-matrix th,.access-matrix td{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.access-matrix tr>:last-child{border-right:0}.access-matrix tbody tr:last-child>*{border-bottom:0}.access-matrix thead th{position:sticky;top:0;z-index:2;background:#f9fcfd}.access-matrix-corner{left:0;z-index:4!important;width:220px;min-width:220px;max-width:220px;padding:.8rem .9rem;text-align:left;box-shadow:8px 0 14px -14px #1c3143b3}.access-matrix-app-header{min-width:170px;max-width:220px;padding:.8rem;text-align:left;vertical-align:bottom}.access-matrix-app-header span{display:block;overflow-wrap:anywhere}.access-matrix-person{position:sticky;left:0;z-index:1;width:220px;min-width:220px;max-width:220px;padding:.75rem .9rem;text-align:left;background:#fff;box-shadow:8px 0 14px -14px #1c3143b3}.access-matrix-person-name{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-size:.92rem;font-weight:620;overflow-wrap:anywhere}.access-matrix-person-detail{display:block;margin-top:.24rem;overflow:hidden;color:var(--muted);font-size:.78rem;font-weight:450;text-overflow:ellipsis;white-space:nowrap}.access-matrix-cell{min-width:170px;padding:.58rem;vertical-align:middle;background:#ffffffb8}.access-matrix-cell-app-data-editor{background:#44637817}.access-matrix-cell-data-editor{background:#4463780e}.access-matrix-cell-read-only{background:#44637807}.access-matrix-cell-custom{background:#b27e2617}.access-matrix-select{width:100%;min-height:44px;padding:.58rem .62rem;border:1px solid var(--line-strong);border-radius:9px;color:var(--text);background:#fffffff0;font-size:.86rem;font-weight:560;transition:border-color .14s ease,box-shadow .14s ease}.access-matrix-select:hover:not(:disabled){border-color:#1c314347}.access-matrix-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.access-matrix-select:disabled{cursor:not-allowed;opacity:.68}.access-matrix-cell-custom .access-matrix-select{border-color:#b27e2661}.access-matrix-saving{display:block;margin:.32rem 0 0 .12rem;color:var(--muted);font-size:.75rem}.form-actions,.entity-actions,.download-actions,.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.button-row{margin-top:1.35rem}.entity-list{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff6}.entity-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:.95rem 1rem;border-bottom:1px solid var(--line)}.entity-row:last-child{border-bottom:none}.entity-copy{min-width:0}.entity-copy h3{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:0;font-size:1rem;font-weight:610;overflow-wrap:anywhere}.entity-copy p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.entity-actions{flex-shrink:0}.you-label{padding:.18rem .42rem;border-radius:var(--radius-full);color:var(--accent-strong);background:var(--accent-soft);font-size:.72rem;font-weight:600}.empty-state{padding:1.2rem;border-radius:var(--radius-md);color:var(--muted);background:var(--surface-muted)}.empty-state p{margin:0}.empty-state p+p{margin-top:.35rem}.notice{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.78rem .9rem;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface-muted);font-size:.91rem;line-height:1.45}.notice-success{border-color:#175d492e;background:#e5f4ed9e}.notice-warning{border-color:#90622c33;background:#faf2e3ad}.notice-danger{border-color:#8f3c3433;background:#faebe9ad}.form-error,.form-success{margin:0;font-size:.92rem;line-height:1.5}.form-error{color:#8f3c34}.form-success{color:#175d49}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:.28rem .65rem;border:1px solid var(--line);border-radius:var(--radius-full);color:var(--accent-strong);background:var(--surface-glass);font-size:.79rem;font-weight:560;white-space:nowrap}.status-pill-success{color:#175d49;border-color:#175d4933}.status-pill-warning{color:#835724;border-color:#90622c38}.status-pill-danger{color:#8f3c34;border-color:#8f3c3438}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.67rem .92rem;border-radius:10px;cursor:pointer;font:inherit;font-size:.93rem;font-weight:610;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.primary-button{border:1px solid var(--brand-strong);color:var(--text-inverse);background:var(--brand-strong)}.primary-button:hover{background:#183643}.secondary-button{border:1px solid var(--line-strong);color:var(--text);background:var(--surface-glass)}.secondary-button:hover{border-color:#1c314340;background:#fffffff5}.danger-button{color:#8f3c34}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.55}.inline-action{min-height:32px;padding:.18rem .35rem;border:none;cursor:pointer;color:var(--accent-strong);background:transparent;font:inherit;font-weight:650}.inline-action:hover{text-decoration:underline}code{padding:.12rem .32rem;border-radius:7px;color:var(--accent-strong);background:var(--accent-soft);font-family:var(--font-mono);font-size:.9em}.release-card{display:grid;gap:1rem;padding:1.15rem}.release-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.release-card h2{margin:0;font-size:1.28rem;font-weight:620;letter-spacing:-.018em}.release-card .card-meta{margin-top:.25rem}.release-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem}.release-summary>div{padding:.8rem .9rem;border-radius:10px;background:#ffffffb8}.release-fact-value{margin:.3rem 0 0;color:var(--text);font-size:1.02rem;font-weight:610;overflow-wrap:anywhere}.release-details{border-top:1px solid var(--line);padding-top:.85rem}.release-details summary{width:fit-content;cursor:pointer;color:var(--accent-strong);font-size:.9rem;font-weight:600}.release-details dl{display:grid;gap:.75rem;margin:.85rem 0 0}.release-details dl>div{display:grid;gap:.25rem}.release-details dt{color:var(--muted);font-size:.8rem;font-weight:560}.release-details dd{margin:0}.checksum-value{color:var(--text);font-family:var(--font-mono);font-size:.84rem;overflow-wrap:anywhere}.checksum-row{display:grid;justify-items:start;gap:.65rem}.checksum-copy-button{min-height:44px;padding:.5rem .8rem}.instruction-list{margin:0;padding-left:1.25rem;color:var(--text);line-height:1.62}.instruction-list li+li{margin-top:.4rem}.supporting-copy{max-width:68ch;margin:.85rem 0 0;color:var(--muted);font-size:.91rem;line-height:1.55}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;margin-bottom:.8rem}.setup-card{padding:1rem;border:1px solid var(--line);border-radius:10px;background:#ffffffad}.setup-card h3{margin:0;color:var(--text);font-size:.98rem;font-weight:620}.setup-card p{margin:.45rem 0;color:var(--muted);font-size:.9rem;line-height:1.5}.setup-card a,.instruction-list a{color:var(--accent-strong);font-weight:580}.agent-instructions{display:grid;gap:.9rem;min-width:0;padding:1.1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted)}.agent-instructions-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.agent-instructions-header .section-title{margin-bottom:.3rem}.agent-instructions-code{max-height:420px;margin:0;overflow:auto;padding:.9rem;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#ffffffd6;font-family:var(--font-mono);font-size:.8rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.agent-instructions-code code{padding:0;color:inherit;background:transparent;font:inherit}.auth-card{width:min(calc(100% - 2rem),640px);max-width:640px;margin:3rem auto}@media(max-width:900px){.app-shell{display:block}.sidebar{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;height:auto;padding:.85rem 1rem 0;border-right:none;border-bottom:1px solid var(--line)}.brand{align-self:center;padding:0}.brand-product,.sidebar-copy{display:none}.nav{grid-column:1 / -1;grid-row:2;flex-direction:row;gap:.25rem;overflow-x:auto;padding:0 0 .7rem;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-link{flex:0 0 auto;padding-inline:.82rem;white-space:nowrap}.sidebar-footer{grid-column:2;grid-row:1;align-self:center;margin:0;padding:0;border:none}.sidebar-user-meta{display:none}.main-content{padding:1rem}}@media(max-width:620px){.page-card{padding:1.2rem;border-radius:14px}.page-header,.release-card-header,.agent-instructions-header{flex-direction:column;align-items:stretch}.page-header>.primary-button,.page-header>.secondary-button{align-self:flex-start}.page-card h1{font-size:2rem}.metric-grid,.form-grid,.release-summary{grid-template-columns:1fr}.access-matrix-region{max-height:min(64dvh,560px)}.access-matrix-corner,.access-matrix-person{width:132px;min-width:132px;max-width:132px;padding:.68rem .7rem}.access-matrix-app-header,.access-matrix-cell{min-width:152px}.access-matrix-app-header{max-width:180px;padding:.68rem}.access-matrix-select{font-size:.82rem}.entity-row{align-items:flex-start;flex-direction:column}.entity-actions{width:100%;justify-content:space-between}.entity-row>.secondary-button,.entity-actions .secondary-button{min-width:96px}.notice{align-items:flex-start;flex-direction:column}.form-actions{align-items:stretch;flex-direction:column}.form-actions .primary-button,.form-actions .secondary-button{width:100%}.auth-card{margin:1rem auto}}@media(max-width:360px){.main-content{padding:.7rem}.page-card{padding:1rem}.access-matrix-corner,.access-matrix-person{width:112px;min-width:112px;max-width:112px;padding-inline:.62rem}.access-matrix-app-header,.access-matrix-cell{min-width:148px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
