.op-page{--op-color-bg: #f1f1f1;--op-color-surface: #ffffff;--op-color-surface-subdued: #f7f7f7;--op-color-surface-hover: #f3f3f3;--op-color-text: #303030;--op-color-text-subdued: #616161;--op-color-border: #dedede;--op-color-border-strong: #8a8a8a;--op-color-focus: #005bd3;--op-color-primary: #303030;--op-color-primary-hover: #1a1a1a;--op-color-critical: #8e0b21;--op-color-critical-hover: #6c0819;--op-color-success-bg: #cdfee1;--op-color-success-text: #0c5132;--op-color-warning-bg: #fff1e3;--op-color-warning-text: #5e4200;--op-color-critical-bg: #fee9e8;--op-color-critical-text: #8e0b21;--op-color-info-bg: #eaf4ff;--op-color-info-text: #003a5a;--op-color-neutral-bg: #e3e3e3;--op-color-neutral-text: #4a4a4a;--op-radius-small: 6px;--op-radius: 12px;--op-radius-large: 16px;--op-shadow-card: 0 1px 0 rgba(26, 26, 26, .07);--op-shadow-popover: 0 8px 24px rgba(26, 26, 26, .14);--op-space-050: 2px;--op-space-100: 4px;--op-space-150: 6px;--op-space-200: 8px;--op-space-300: 12px;--op-space-400: 16px;--op-space-500: 20px;--op-space-600: 24px;--op-space-800: 32px;--op-space-1000: 40px;color-scheme:light;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--op-color-text);background:var(--op-color-bg);font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-width:320px}.op-page *,.op-page *:before,.op-page *:after{box-sizing:border-box}.op-page :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--op-color-focus);outline-offset:2px}.op-page{width:min(100%,1440px);margin-inline:auto;padding:var(--op-space-800)}.op-page--wide{width:min(100%,1600px)}.op-page--narrow{width:min(100%,960px)}.op-page>*+*{margin-top:var(--op-space-600)}.op-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--op-space-600)}.op-page-header--compact{align-items:center;gap:var(--op-space-400)}.op-page-header :where(h1,h2){margin:0}.op-page-header__copy{min-width:0;max-width:760px}.op-page-header__title{margin:0;color:var(--op-color-text);font-size:clamp(24px,2.4vw,30px);font-weight:650;letter-spacing:-.025em;line-height:1.2}.op-page-header__description{max-width:68ch;margin:var(--op-space-200) 0 0;color:var(--op-color-text-subdued)}.op-page-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-200);margin-top:var(--op-space-300)}.op-eyebrow{display:block;margin:0 0 var(--op-space-100);color:var(--op-color-text-subdued);font-size:12px;font-weight:650;letter-spacing:.055em;line-height:1.4;text-transform:uppercase}.op-subnav{display:flex;gap:var(--op-space-100);min-width:0;padding:var(--op-space-100);overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--op-color-border);border-radius:var(--op-radius);background:var(--op-color-surface);box-shadow:var(--op-shadow-card);scrollbar-width:thin}.op-subnav :where(a,button){flex:0 0 auto;min-height:36px;padding:7px 12px;border:0;border-radius:var(--op-radius-small);color:var(--op-color-text-subdued);background:transparent;font:inherit;font-weight:550;line-height:20px;text-decoration:none;cursor:pointer}.op-subnav :where(a,button):hover{color:var(--op-color-text);background:var(--op-color-surface-hover)}.op-subnav :where(a,button)[aria-current=page],.op-subnav :where(a,button).is-active{color:var(--op-color-text);background:var(--op-color-neutral-bg)}.op-panel{min-width:0;overflow:hidden;border:1px solid var(--op-color-border);border-radius:var(--op-radius);background:var(--op-color-surface);box-shadow:var(--op-shadow-card)}.op-panel--subdued{background:var(--op-color-surface-subdued)}.op-panel__header,.op-panel__body,.op-panel__footer{padding:var(--op-space-500) var(--op-space-600)}.op-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--op-space-400)}.op-panel__header+.op-panel__body,.op-panel__body+.op-panel__footer{border-top:1px solid var(--op-color-border)}.op-panel__title{margin:0;font-size:16px;font-weight:650;line-height:1.35}.op-panel__description{margin:var(--op-space-100) 0 0;color:var(--op-color-text-subdued)}.op-panel--flush>.op-panel__body{padding:0}.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--op-grid-min, 280px)),1fr));gap:var(--op-grid-gap, var(--op-space-400));align-items:var(--op-grid-align, stretch)}.op-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.op-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.op-grid--sidebar{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start}.op-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--op-space-400)}.op-stat{min-width:0;padding:var(--op-space-500);border:1px solid var(--op-color-border);border-radius:var(--op-radius);background:var(--op-color-surface);box-shadow:var(--op-shadow-card)}.op-stat>span:first-child{display:block;color:var(--op-color-text-subdued);font-size:13px;font-weight:550}.op-stat>span:first-child+strong{display:block;margin-top:var(--op-space-200);font-size:20px;line-height:1.25}.op-stat-grid--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--op-space-300)}.op-stat-grid--compact .op-stat{padding:var(--op-space-400)}.op-stat__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--op-space-300)}.op-stat__label{color:var(--op-color-text-subdued);font-size:13px;font-weight:550}.op-stat__value{display:block;margin-top:var(--op-space-200);font-size:26px;font-weight:650;letter-spacing:-.025em;line-height:1.2}.op-stat__detail{margin:var(--op-space-200) 0 0;color:var(--op-color-text-subdued);font-size:13px}.op-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--op-space-300);padding:var(--op-space-400);border:1px solid var(--op-color-border);border-radius:var(--op-radius);background:var(--op-color-surface);box-shadow:var(--op-shadow-card)}.op-toolbar__group{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:flex-end;gap:var(--op-space-300);min-width:0}.op-toolbar__group--end{flex:0 1 auto;justify-content:flex-end}.op-field{display:grid;gap:var(--op-space-150);min-width:0}.op-field>label,.op-field__label{color:var(--op-color-text);font-size:13px;font-weight:600}.op-field :where(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;min-height:38px;padding:8px 11px;border:1px solid var(--op-color-border-strong);border-radius:var(--op-radius-small);color:var(--op-color-text);background:var(--op-color-surface);font:inherit;line-height:20px;transition:border-color .12s ease,box-shadow .12s ease}.op-field textarea{min-height:96px;resize:vertical}.op-field :where(input,select,textarea):hover:not(:disabled){border-color:#616161}.op-field :where(input,select,textarea):focus{border-color:var(--op-color-focus);outline:0;box-shadow:0 0 0 1px var(--op-color-focus)}.op-field :where(input,select,textarea):disabled{color:#8a8a8a;background:var(--op-color-surface-subdued);cursor:not-allowed}.op-field :where(input,select,textarea)[aria-invalid=true]{border-color:var(--op-color-critical)}.op-field__help,.op-field__error{margin:0;font-size:12px}.op-field__help{color:var(--op-color-text-subdued)}.op-field__error{color:var(--op-color-critical)}.op-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--op-space-400)}.op-card{display:block;min-width:0;padding:var(--op-space-500);border:1px solid var(--op-color-border);border-radius:var(--op-radius);color:inherit;background:var(--op-color-surface);box-shadow:var(--op-shadow-card);text-decoration:none}.op-card--interactive{transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.op-card--interactive:hover{border-color:#b5b5b5;box-shadow:0 3px 10px #1a1a1a1a;transform:translateY(-1px)}.op-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--op-space-300)}.op-card__title{margin:0;font-size:15px;font-weight:650}.op-card__description{margin:var(--op-space-200) 0 0;color:var(--op-color-text-subdued)}.op-badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:22px;padding:2px 8px;border-radius:999px;color:var(--op-color-neutral-text);background:var(--op-color-neutral-bg);font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}.op-badge--success{color:var(--op-color-success-text);background:var(--op-color-success-bg)}.op-badge--attention,.op-badge--warning{color:var(--op-color-warning-text);background:var(--op-color-warning-bg)}.op-badge--critical{color:var(--op-color-critical-text);background:var(--op-color-critical-bg)}.op-badge--info{color:var(--op-color-info-text);background:var(--op-color-info-bg)}.op-badge--neutral{color:var(--op-color-neutral-text);background:var(--op-color-neutral-bg)}.op-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--op-color-border);border-radius:var(--op-radius);background:var(--op-color-surface);box-shadow:var(--op-shadow-card);-webkit-overflow-scrolling:touch}.op-table-wrap table{width:100%;min-width:var(--op-table-min-width, 680px);border-collapse:collapse;border-spacing:0}.op-table-wrap :where(th,td){padding:12px 16px;border-bottom:1px solid var(--op-color-border);text-align:left;vertical-align:top}.op-table-wrap th{color:var(--op-color-text-subdued);background:var(--op-color-surface-subdued);font-size:12px;font-weight:650;letter-spacing:.01em}.op-table-wrap tbody tr:last-child td{border-bottom:0}.op-table-wrap tbody tr:hover{background:var(--op-color-surface-subdued)}.op-empty{display:grid;place-items:center;min-height:180px;padding:var(--op-space-1000) var(--op-space-600);border:1px dashed #b5b5b5;border-radius:var(--op-radius);color:var(--op-color-text-subdued);background:var(--op-color-surface-subdued);text-align:center}.op-empty__content{max-width:520px}.op-empty__title{margin:0;color:var(--op-color-text);font-size:16px;font-weight:650}.op-empty__description{margin:var(--op-space-200) 0 0}.op-alert{padding:var(--op-space-400);border:1px solid var(--op-color-border);border-radius:var(--op-radius);color:var(--op-color-neutral-text);background:var(--op-color-surface-subdued)}.op-alert>strong:first-child{display:block}.op-alert>strong:first-child+span{display:block;margin-top:var(--op-space-100)}.op-alert--success{border-color:#92d5b5;color:var(--op-color-success-text);background:var(--op-color-success-bg)}.op-alert--attention,.op-alert--warning{border-color:#e5c07b;color:var(--op-color-warning-text);background:var(--op-color-warning-bg)}.op-alert--critical{border-color:#e7a7a5;color:var(--op-color-critical-text);background:var(--op-color-critical-bg)}.op-alert--info{border-color:#9fc7e7;color:var(--op-color-info-text);background:var(--op-color-info-bg)}.op-alert__title{margin:0;color:inherit;font-size:14px;font-weight:650}.op-alert__description{margin:var(--op-space-100) 0 0}.op-details{overflow:hidden;border:1px solid var(--op-color-border);border-radius:var(--op-radius);background:var(--op-color-surface)}.op-details>code{display:block;padding:0 var(--op-space-500) var(--op-space-400);overflow-wrap:anywhere}.op-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--op-space-300);padding:var(--op-space-400) var(--op-space-500);font-weight:600;cursor:pointer;list-style:none}.op-details>summary::-webkit-details-marker{display:none}.op-details>summary:after{content:"+";flex:0 0 auto;color:var(--op-color-text-subdued);font-size:18px;font-weight:400;line-height:1}.op-details[open]>summary:after{content:"−"}.op-details>summary:hover{background:var(--op-color-surface-hover)}.op-details__content{padding:var(--op-space-500);border-top:1px solid var(--op-color-border)}.op-details>:not(summary):not(.op-details__content){margin-right:var(--op-space-500);margin-left:var(--op-space-500)}.op-details>:last-child:not(summary):not(.op-details__content){margin-bottom:var(--op-space-500)}.op-product-workspace{width:min(100%,1280px)}.op-product-overview,.op-workspace-section,.op-workflow-progress{padding:var(--op-space-600);scroll-margin-top:var(--op-space-400)}.op-product-overview>*+*{margin-top:var(--op-space-500)}.op-workspace-section--technical{background:var(--op-color-surface-subdued)}.op-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:var(--op-space-300);margin-top:var(--op-space-500)}.op-progress-card{display:grid;gap:var(--op-space-100);min-width:0;padding:var(--op-space-400);border:1px solid var(--op-color-border);border-radius:var(--op-radius);color:inherit;background:var(--op-color-surface-subdued);text-decoration:none;transition:border-color .12s ease,background .12s ease}.op-progress-card:hover{border-color:#b5b5b5;background:var(--op-color-surface-hover)}.op-progress-card__label{color:var(--op-color-text-subdued);font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.op-muted{color:var(--op-color-text-subdued)}.op-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--op-space-200)}.op-actions--end{justify-content:flex-end}.op-button,:where(.op-product-workspace) button{display:inline-flex;align-items:center;justify-content:center;gap:var(--op-space-200);min-height:36px;padding:7px 14px;border:1px solid #c9c9c9;border-radius:var(--op-radius-small);color:var(--op-color-text);background:var(--op-color-surface);box-shadow:0 1px #0000000d,inset 0 -1px #00000014;font:inherit;font-weight:600;line-height:20px;text-align:center;text-decoration:none;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.op-button:hover:not(:disabled):not([aria-disabled=true]),:where(.op-product-workspace) button:hover:not(:disabled){border-color:#b5b5b5;background:var(--op-color-surface-hover)}.op-button--primary{border-color:var(--op-color-primary);color:#fff;background:var(--op-color-primary)}.op-button--primary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--op-color-primary-hover);background:var(--op-color-primary-hover)}.op-button--critical{border-color:var(--op-color-critical);color:#fff;background:var(--op-color-critical)}.op-button--critical:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--op-color-critical-hover);background:var(--op-color-critical-hover)}.op-button--plain{min-height:auto;padding:var(--op-space-100);border-color:transparent;color:var(--op-color-focus);background:transparent;box-shadow:none}.op-button--plain:hover:not(:disabled):not([aria-disabled=true]){border-color:transparent;background:var(--op-color-info-bg)}.op-button--icon{width:36px;padding:7px}.op-button:disabled,.op-button[aria-disabled=true],:where(.op-product-workspace) button:disabled{color:#8a8a8a;border-color:var(--op-color-border);background:var(--op-color-surface-subdued);box-shadow:none;cursor:not-allowed;opacity:.75}.op-button[aria-busy=true]{cursor:progress}.op-list-reset{margin:0;padding:0;list-style:none}.op-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.op-skeleton{display:block;min-height:16px;overflow:hidden;border-radius:var(--op-radius-small);background:linear-gradient(90deg,#ececec 20%,#f7f7f7,#ececec 60%);background-size:200% 100%;animation:op-skeleton-shimmer 1.4s ease-in-out infinite}@keyframes op-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:900px){.op-grid--three,.op-grid--sidebar{grid-template-columns:1fr}}@media(max-width:680px){.op-page{padding:var(--op-space-500) var(--op-space-400) var(--op-space-800)}.op-page>*+*{margin-top:var(--op-space-500)}.op-page-header{flex-direction:column;gap:var(--op-space-400)}.op-page-header>.op-actions,.op-page-header>.op-button{width:100%}.op-page-header>.op-actions .op-button{flex:1 1 auto}.op-grid--two,.op-grid--three{grid-template-columns:1fr}.op-toolbar,.op-toolbar__group{align-items:stretch}.op-toolbar__group,.op-toolbar__group--end{width:100%}.op-toolbar .op-field{flex:1 1 180px}.op-panel__header,.op-panel__body,.op-panel__footer{padding:var(--op-space-400)}}@media(max-width:480px){.op-actions:not(.op-actions--inline){align-items:stretch;flex-direction:column}.op-actions:not(.op-actions--inline) .op-button{width:100%}.op-stat-grid{grid-template-columns:1fr}.op-card,.op-stat{padding:var(--op-space-400)}}@media(prefers-reduced-motion:reduce){.op-page *,.op-page *:before,.op-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}