:root{--charcoal:#262c32;--charcoal-2:#20252a;--cyan:#55d8f4;--cyan-strong:#38c4e2;--bg:#f7f8f8;--surface:#fff;--surface-soft:#f1f4f5;--border:#e1e5e8;--border-strong:#cad2d8;--text:#20252a;--muted:#5f6973;--soft:#87919b;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--shadow:0 10px 24px #20252a12}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:var(--bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:18px;padding:24px;display:grid}.login-brand{align-items:center;gap:12px;display:flex}.login-wordmark{width:min(167px,100%);height:auto;display:block}.login-copy{color:var(--muted);margin-bottom:0}.login-app-info{border:1px solid var(--border);background:#f8fafb;border-radius:8px;gap:7px;padding:12px;display:grid}.login-app-info strong{color:var(--text);font-size:.86rem}.login-app-info p{color:var(--muted);font-size:.8rem;line-height:1.45}.login-app-info a{color:var(--text);text-underline-offset:3px;font-size:.8rem;font-weight:800;text-decoration:underline}.login-field{gap:7px;display:grid}.login-field span{color:var(--muted);font-size:.8rem;font-weight:700}.oauth-button-grid{gap:8px;display:grid}.oauth-button-grid .secondary-button{justify-content:center;width:100%}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f1f1f1;background:var(--charcoal);flex-direction:column;flex:0 0 286px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-block{align-items:center;padding:0 6px 28px;display:flex}.sidebar-wordmark{width:min(133px,100%);height:auto;display:block}.sidebar-nav{gap:22px;display:grid}.nav-section-title{color:#aab4bd;text-transform:uppercase;margin:0 0 8px;padding:0 6px;font-size:.72rem}.nav-item{color:#d7dde2;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.nav-item:hover,.nav-item.active{background:#2a333c}.nav-item.active,.nav-item.active svg{color:var(--cyan)}.duckdb-status{color:#cad2d8;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px;font-size:.82rem;display:flex}.duckdb-status.ready{color:#d9fbff;border-color:#55d8f44d}.duckdb-status.error{color:#fecaca;border-color:#dc262659}.sidebar-user{color:#d7dde2;border:1px solid #ffffff1f;border-radius:8px;gap:8px;margin-top:12px;padding:10px;display:grid}.sidebar-user>div{align-items:center;gap:8px;min-width:0;display:flex}.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;overflow:hidden}.sidebar-user button{color:#fff;background:#2a333c;border:1px solid #55d8f400;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:30px;font-size:.8rem;font-weight:700;display:inline-flex}.main-shell{flex:1;min-width:0;padding:28px 32px 48px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 7px;font-size:.77rem}h1,h2,h3,p{margin-top:0}h1{color:var(--text);margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1.2}h2{margin-bottom:0;font-size:1rem;line-height:1.35}h3{margin-bottom:10px;font-size:.92rem}.date-range{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:.9rem;display:flex}.scale-note{color:var(--soft);margin:6px 0 0;font-size:.84rem}.range-source-note{color:var(--soft);margin:6px 0 0;font-size:.78rem;line-height:1.35}.range-source-note.ready,.range-source-note.active{color:var(--cyan-strong)}.range-source-note.error{color:#b91c1c}.source-mode-card{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;max-width:680px;margin-top:12px;padding:9px 10px;display:inline-flex}.source-mode-card>svg{color:var(--cyan-strong);flex:none}.source-mode-card strong,.source-mode-card span{display:block}.source-mode-card strong{color:var(--text);font-size:.8rem}.source-mode-card span{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.35}.control-strip,.filter-bar,.rule-builder{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.control-strip{justify-content:flex-end}.page-stack{gap:20px;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;display:grid}.metric-card,.chart-card,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.metric-card{align-items:flex-start;gap:12px;min-height:112px;padding:16px;display:flex}.metric-card p{color:var(--muted);margin:0 0 8px;font-size:.82rem}.metric-card strong{color:var(--text);font-size:1.35rem;line-height:1.18;display:block}.metric-card span{color:var(--success);margin-top:7px;font-size:.78rem;display:block}.metric-icon{width:34px;height:34px;color:var(--charcoal);background:#e8fbff;border-radius:8px;flex:0 0 34px;place-items:center;display:grid}.backend-sync-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:14px;padding:16px;display:grid}.backend-sync-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.backend-sync-header strong,.backend-sync-header span{display:block}.backend-sync-header span{color:var(--muted);margin-top:4px;font-size:.84rem}.backend-sync-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.backend-sync-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;display:grid}.cache-warmup-progress{background:#e6eaed;border-radius:999px;width:100%;height:8px;overflow:hidden}.cache-warmup-progress span{border-radius:inherit;background:#55d8f4;height:100%;transition:width .18s;display:block}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.label-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start}.chart-card,.panel{padding:18px}.chart-card-header,.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-header p{max-width:70ch;color:var(--muted);margin:6px 0 0;font-size:.88rem}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.select-control,.date-input-control,.search-input{border:1px solid var(--border-strong);background:#fff;border-radius:8px;align-items:center;min-width:150px;display:inline-flex;position:relative}.select-control select,.date-input-control input,.search-input input,.input{width:100%;min-height:38px;color:var(--text);background:0 0;border:0;outline:0}.select-control select{appearance:none;padding:0 34px 0 11px}.select-control select:disabled{cursor:not-allowed;color:var(--soft)}.date-picker-controls{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.date-input-control{gap:8px;min-width:146px;padding:0 10px}.date-input-control span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.date-input-control input{min-width:104px;font:inherit;padding:0}.date-picker-hint{min-height:38px;color:var(--muted);white-space:nowrap;align-items:center;font-size:.78rem;font-weight:600;display:inline-flex}.input:disabled{cursor:not-allowed;color:var(--soft);background:#f5f7f8}.select-control svg{pointer-events:none;color:var(--muted);position:absolute;right:10px}.search-input{min-width:min(360px,100%);padding-left:11px}.search-input svg{color:var(--muted)}.search-input input{padding:0 11px 0 8px}.input{border:1px solid var(--border-strong);border-radius:8px;min-width:100px;padding:0 11px}.threshold-control{min-height:38px;color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.threshold-control .input{background:#fff;width:116px;min-width:116px}.segmented-control{border:1px solid var(--border-strong);background:#fff;border-radius:8px;padding:3px;display:inline-flex}.segmented-control button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 10px}.segmented-control button.active{color:var(--charcoal);background:#dff8ff}.filter-bar{border:1px solid var(--border);color:var(--muted);background:var(--surface-soft);border-radius:8px;margin-bottom:16px;padding:12px}.settings-form{gap:14px;display:grid}.settings-form label{gap:7px;display:grid}.settings-form label>span{color:var(--muted);font-size:.8rem;font-weight:700}.settings-form .select-control,.settings-form .input{width:100%}.settings-inline{gap:8px;display:flex}.current-user-card{border:1px solid var(--border);background:#f8fbfc;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.current-user-card>svg{color:var(--cyan-strong)}.current-user-card strong,.current-user-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.current-user-card span{color:var(--muted);margin-top:2px;font-size:.8rem}.config-bundle-grid{grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.config-bundle-summary,.config-bundle-editor{gap:10px;display:grid}.config-bundle-editor textarea{resize:vertical;border:1px solid var(--border-strong);width:100%;min-height:180px;color:var(--text);background:#fff;border-radius:8px;outline:0;padding:11px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.config-bundle-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bundle-status{border-radius:8px;padding:9px 10px;font-size:.84rem;font-weight:700}.bundle-status.success{color:#166534;background:#dcfce7}.bundle-status.error{color:var(--danger);background:#fff7f7}.email-list{flex-wrap:wrap;gap:8px;display:flex}.email-list span{min-height:28px;color:var(--charcoal);background:#eef6f8;border-radius:999px;align-items:center;gap:6px;padding:0 7px 0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.email-list button{width:18px;height:18px;color:var(--muted);background:#fff;border:0;border-radius:999px;place-items:center;display:inline-grid}.email-list button:disabled{cursor:not-allowed;opacity:.45}.source-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;display:grid}.source-card{border:1px solid var(--border);background:#fff;border-radius:8px;align-content:start;gap:10px;min-height:142px;padding:14px;display:grid}.source-card svg{color:var(--charcoal)}.source-card strong,.source-card span,.source-card small{display:block}.source-card span,.source-card small{color:var(--muted);font-size:.8rem}.data-contract-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px;display:grid}.contract-template-summary{grid-template-columns:minmax(160px,.24fr) minmax(160px,.2fr) minmax(280px,1fr);gap:10px;margin-bottom:14px;display:grid}.data-contract-card{border:1px solid var(--border);background:#fff;border-radius:8px;align-content:start;gap:12px;padding:14px;display:grid}.data-contract-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.data-contract-header strong,.data-contract-header code{display:block}.data-contract-header code{margin-top:5px}.data-contract-meta{color:var(--muted);gap:5px;font-size:.8rem;display:grid}.contract-template-button{justify-self:start}.contract-tag-group{gap:6px;display:grid}.contract-tag-group>span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:800}.contract-tag-group>div{flex-wrap:wrap;gap:6px;display:flex}.contract-tag-group code{min-height:24px;color:var(--charcoal);background:#f4f7f8;border-radius:999px;align-items:center;padding:0 7px;font-size:.74rem;display:inline-flex}.settings-mapping{gap:10px;display:grid}.settings-mapping-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:118px minmax(180px,1fr) minmax(120px,.6fr);align-items:center;gap:10px;padding:10px;display:grid}.settings-mapping-row code{color:var(--charcoal);font-weight:800}.settings-summary{gap:10px;display:grid}.settings-reset-row{background:snow;border:1px solid #dc26262e;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.settings-reset-row strong,.settings-reset-row span{display:block}.settings-reset-row span{color:var(--muted);margin-top:3px;font-size:.82rem}.portfolio-matrix{gap:10px;max-height:320px;padding-right:4px;display:grid;overflow:auto}.portfolio-matrix-cell{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:74px;position:relative;overflow:hidden}.portfolio-cell-bar{opacity:.13;min-width:10%;position:absolute;inset:0 auto 0 0}.portfolio-cell-content{z-index:1;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:12px;display:flex;position:relative}.portfolio-cell-content strong{max-width:220px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;display:block;overflow:hidden}.portfolio-cell-metrics{color:var(--muted);justify-items:end;gap:3px;font-size:.78rem;display:grid}.portfolio-cell-metrics span:first-child{color:var(--text);font-size:.9rem;font-weight:800}.radar-segment-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.radar-segment-card{border:1px solid var(--border);border-left:4px solid var(--segment-color);background:#fff;border-radius:8px;gap:12px;padding:14px;display:grid}.radar-segment-card strong,.radar-segment-card span{display:block}.radar-segment-card strong{color:var(--text);margin-bottom:4px}.radar-segment-card span{color:var(--muted);font-size:.82rem}.radar-segment-values{flex-wrap:wrap;gap:8px;display:flex}.radar-segment-values span,.radar-segment-badge,.competition-position-badge{border-radius:999px;align-items:center;min-height:24px;font-size:.76rem;font-weight:700;display:inline-flex}.radar-segment-values span{color:var(--charcoal);background:#f4f7f8;padding:0 8px}.radar-segment-badge{color:var(--segment-color);background:color-mix(in srgb, var(--segment-color) 11%, #fff);padding:0 9px}.competition-position-badge{color:var(--position-color);background:color-mix(in srgb, var(--position-color) 11%, #fff);padding:0 9px}.feed-score-badge{min-width:42px;min-height:26px;color:var(--score-color);background:color-mix(in srgb, var(--score-color) 12%, #fff);border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:inline-flex}.feed-issue-tags{flex-wrap:wrap;gap:5px;max-width:260px;display:flex}.feed-issue-tags span{min-height:22px;color:var(--muted);background:#f4f7f8;border-radius:999px;align-items:center;padding:0 7px;font-size:.74rem;font-weight:700;display:inline-flex}.primary-button,.secondary-button,.danger-button,.icon-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--cyan-strong);color:#0c1116;background:var(--cyan)}.secondary-button{border:1px solid var(--border-strong);color:var(--charcoal);background:#fff}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45}.danger-button{color:var(--danger);background:#fff7f7;border:1px solid #dc26263d}.compact{min-height:30px;padding:0 10px;font-size:.8rem}.icon-button{border:1px solid var(--border-strong);width:30px;min-height:30px;color:var(--muted);background:#fff}.table-wrap{width:100%;overflow-x:auto}.inline-error{color:var(--danger);background:#fff7f7;border:1px solid #dc26263d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:.86rem;display:flex}.inline-notice{color:var(--charcoal);background:#f0fbfd;border:1px solid #0891b238;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:.86rem;display:flex}.inline-notice svg{color:var(--cyan-strong)}.overview-details-retry{color:var(--charcoal);background:#fff7f7;border:1px solid #dc26263d;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:.86rem;display:grid}.overview-details-retry>svg{color:var(--danger)}.overview-details-retry>div{flex-direction:column;gap:2px;min-width:0;display:flex}.overview-details-retry strong{color:var(--danger)}.overview-details-retry span{color:var(--muted);overflow-wrap:anywhere}.overview-details-placeholder{min-height:320px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.overview-details-placeholder svg{color:var(--cyan-strong)}.overview-details-placeholder strong{color:var(--charcoal)}.data-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.86rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;white-space:nowrap;padding:12px 10px}.data-table th{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:700}.data-table tbody tr:hover{background:#f8fbfc}.data-table tbody tr.clickable-row{cursor:pointer}.data-table .wrap-cell{white-space:normal;min-width:260px;max-width:420px;line-height:1.35}.r2-preview-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.r2-preview-result{gap:12px;display:grid}.settings-status-row{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.contract-validation-panel{border:1px solid var(--border);background:#f8fbfc;border-radius:8px;gap:12px;margin-bottom:14px;padding:14px;display:grid}.contract-validation-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.contract-validation-header strong,.contract-validation-header span{display:block}.contract-validation-header span{max-width:92ch;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.8rem;overflow:hidden}.contract-validation-grid,.r2-preview-summary{grid-template-columns:minmax(140px,.6fr) minmax(140px,.6fr) minmax(240px,1.8fr);gap:10px;display:grid}.contract-validation-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.contract-validation-columns{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.data-quality-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-quality-controls>span{color:var(--muted);font-size:.82rem;font-weight:700}.data-quality-issue-list{gap:10px;display:grid}.data-quality-issue-list-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.data-quality-issue-list-header span{color:var(--muted);font-size:.8rem;font-weight:700}.data-quality-issue{border:1px solid var(--border);background:#fff;border-radius:8px;gap:8px;padding:11px;display:grid}.data-quality-issue-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.data-quality-issue-header strong,.data-quality-issue-header span{display:block}.data-quality-issue-header span{color:var(--muted);margin-top:3px;font-size:.78rem}.data-quality-issue p{color:var(--charcoal);margin:0;font-size:.86rem;line-height:1.35}.data-quality-issue-meta{flex-wrap:wrap;gap:7px;display:flex}.data-quality-issue-meta span{color:var(--muted);font-size:.78rem;font-weight:800}.data-quality-detail-group{gap:6px;display:grid}.data-quality-detail-group>span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.data-quality-detail-group code{border:1px solid var(--border);color:var(--charcoal);overflow-wrap:anywhere;white-space:normal;background:#f8fbfc;border-radius:8px;padding:8px 9px;font-size:.76rem;line-height:1.35;display:block}.source-plan-panel{margin-top:14px}.source-plan-path-list,.source-plan-sql{gap:7px;display:grid}.source-plan-path-list>span,.source-plan-sql>span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:800}.source-plan-path-list code,.source-plan-sql code{border:1px solid var(--border);color:var(--charcoal);overflow-wrap:anywhere;white-space:normal;background:#fff;border-radius:8px;padding:9px 10px;font-size:.78rem;line-height:1.35;display:block}.source-plan-path-list small{color:var(--muted);font-size:.78rem}.contract-batch-list{gap:8px;display:grid}.page-readiness-panel{gap:12px;margin-top:14px;display:grid}.page-readiness-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;display:grid}.page-readiness-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.page-readiness-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.page-readiness-card-header strong,.page-readiness-card-header span,.page-readiness-detail{display:block}.page-readiness-card-header strong{color:var(--text);font-size:.9rem}.page-readiness-card-header span,.page-readiness-detail{color:var(--muted);margin-top:3px;font-size:.8rem;line-height:1.35}.page-readiness-metrics{gap:7px;display:grid}.page-readiness-next-steps{gap:5px;padding-top:2px;display:grid}.page-readiness-next-steps span{color:var(--muted);font-size:.78rem;line-height:1.35;display:block}.smoke-check-list{gap:8px;display:grid}.smoke-check-step{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.smoke-check-step.error{background:snow;border-color:#dc26263d}.smoke-check-step.warning{background:#fffaf0;border-color:#d977063d}.smoke-check-step strong,.smoke-check-step span{display:block}.smoke-check-step strong{color:var(--text);font-size:.86rem}.smoke-check-step span{color:var(--muted);margin-top:3px;font-size:.8rem;line-height:1.35}.contract-batch-row{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px;display:flex}.contract-batch-row strong,.contract-batch-row span{display:block}.contract-batch-row span{color:var(--muted);margin-top:3px;font-size:.8rem}.preview-table{min-width:760px}.preview-table td{text-overflow:ellipsis;max-width:260px;overflow:hidden}.title-table{min-width:1180px}.table-loading,.table-empty{min-height:86px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.table-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;font-size:.86rem;display:flex}.pagination-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.drawer-backdrop{z-index:40;background:#20252a47;justify-content:flex-end;display:flex;position:fixed;inset:0}.product-drawer{border-left:1px solid var(--border);background:#fff;width:min(760px,100%);height:100vh;overflow-y:auto;box-shadow:-18px 0 40px #20252a29}.drawer-header{z-index:2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;display:flex;position:sticky;top:0}.drawer-header h2{max-width:58ch;font-size:1.22rem}.drawer-content{gap:16px;padding:18px 22px 28px;display:grid}.drawer-state{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.drawer-product-hero{border:1px solid var(--border);background:#f8fbfc;border-radius:8px;align-items:center;gap:14px;padding:14px;display:flex}.drawer-product-hero img{border:1px solid var(--border);object-fit:cover;border-radius:8px;width:76px;height:76px}.drawer-product-hero p{color:var(--muted);margin:9px 0 5px}.drawer-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.drawer-metric,.drawer-section{border:1px solid var(--border);background:#fff;border-radius:8px}.drawer-metric{padding:12px}.drawer-metric span,.detail-row span{color:var(--muted);font-size:.78rem;display:block}.drawer-metric strong{color:var(--text);margin-top:6px;font-size:1.05rem;display:block}.drawer-section{padding:14px}.drawer-section-header{margin-bottom:12px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-row{border:1px solid var(--border);background:#f8fbfc;border-radius:8px;padding:11px}.detail-row strong{overflow-wrap:anywhere;margin-top:5px;display:block}.custom-label-list{gap:8px;display:grid}.custom-label-row{border:1px solid var(--border);background:#f8fbfc;border-radius:8px;grid-template-columns:130px 1fr;align-items:center;gap:10px;padding:9px 10px;display:grid}.sort-indicator{color:var(--cyan-strong)}.product-cell{align-items:center;gap:10px;min-width:260px;display:flex}.product-cell img{border:1px solid var(--border);object-fit:cover;border-radius:8px;width:40px;height:40px}.product-cell strong{max-width:330px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-cell span{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.label-badge{border:1px solid color-mix(in srgb, var(--label-color) 28%, white);min-height:24px;color:var(--label-color);background:color-mix(in srgb, var(--label-color) 10%, white);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.76rem;font-weight:700;display:inline-flex}.status-pill{border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:.76rem;font-weight:700;display:inline-flex}.status-pill.good{color:#166534;background:#dcfce7}.status-pill.muted{color:#52525b;background:#e4e4e7}.status-pill.info{color:#075985;background:#e0f2fe}.simple-list{gap:8px;display:grid}.simple-list-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:minmax(280px,1fr) 130px repeat(4,minmax(95px,auto));align-items:center;gap:12px;padding:10px;display:grid}.rule-builder{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin-bottom:16px;padding:12px}.condition-editor{display:contents}.not-toggle{border:1px solid var(--border-strong);min-height:38px;color:var(--charcoal);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.advanced-expression{flex:420px;gap:6px;display:grid}.advanced-expression .input{min-width:min(560px,100%)}.advanced-expression span{color:var(--danger);font-size:.8rem}.rule-list{gap:10px;display:grid}.rule-card{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.rule-card-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.rule-priority{width:30px;height:30px;color:var(--charcoal);background:#dff8ff;border-radius:8px;flex:0 0 30px;place-items:center;font-weight:800;display:grid}.rule-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rule-card p{color:var(--muted);margin:7px 0 0;font-size:.84rem}.rule-card code{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:7px;display:inline-block;overflow:hidden}.rule-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.mapping-list{gap:8px;margin-top:12px;display:grid}.mapping-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:120px 1fr 120px;align-items:center;gap:10px;padding:9px 10px;display:grid}.merchant-export-panel{gap:16px;display:grid}.merchant-export-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;display:grid}.export-summary-card{border:1px solid var(--border);background:#f8fbfc;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:5px 8px;padding:11px;display:grid}.export-summary-card svg{color:var(--cyan-strong)}.export-summary-card span{color:var(--muted);font-size:.78rem;font-weight:700}.export-summary-card strong{color:var(--text);grid-column:1/-1;font-size:1.1rem}.merchant-export-content{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.merchant-preview-table-wrap{overflow-x:auto}.merchant-preview-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.82rem}.merchant-preview-table th,.merchant-preview-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px}.merchant-preview-table th{color:var(--muted);text-transform:uppercase;font-size:.72rem}.changed-export-cell{color:#0f766e;background:#e8fbff;font-weight:700}.export-run-list{gap:8px;display:grid}.export-run-list h3{margin-bottom:2px}.export-run-row{border:1px solid var(--border);background:#fff;border-radius:8px;gap:3px;padding:10px;display:grid}.export-run-row span{color:var(--muted);font-size:.8rem}.compact-empty{min-height:88px;padding:12px}.audit-run-list{gap:10px;display:grid}.audit-run-row{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.audit-run-row strong,.audit-run-row span{display:block}.audit-run-row strong{margin-top:7px}.audit-run-row span{color:var(--muted);font-size:.82rem}.audit-run-metrics{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.audit-run-metrics span{min-height:24px;color:var(--charcoal);background:#f4f7f8;border-radius:999px;align-items:center;padding:0 8px;font-size:.76rem;font-weight:700;display:inline-flex}.preview-list{gap:9px;display:grid}.preview-empty{border:1px dashed var(--border-strong);min-height:118px;color:var(--muted);text-align:center;background:#f8fbfc;border-radius:8px;place-items:center;display:grid}.preview-change-row,.conflict-row{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:11px;display:grid}.preview-change-row{grid-template-columns:minmax(180px,1fr) auto auto}.preview-change-row strong,.conflict-product strong{text-overflow:ellipsis;white-space:nowrap;max-width:320px;display:block;overflow:hidden}.preview-change-row span,.conflict-product span{color:var(--muted);font-size:.8rem}.label-transition{align-items:center;gap:8px;display:flex}.preview-metrics{justify-items:end;gap:3px;display:grid}.conflict-row{grid-template-columns:minmax(180px,1fr) minmax(180px,auto)}.conflict-rules{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.conflict-rules>div{border:1px solid var(--border);background:#f8fbfc;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex}.conflict-rules>div.winning-rule{background:#e8fbff;border-color:#55d8f48c}code{color:#0f766e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.chart-tooltip{border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:10px}.chart-tooltip>strong{margin-bottom:8px;display:block}.tooltip-row{color:var(--muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:.82rem;display:grid}.tooltip-row span{border-radius:999px;width:10px;height:10px}.tooltip-row p{margin:0}.tooltip-row strong{color:var(--text)}.planned-page{border:1px dashed var(--border-strong);background:#fff;border-radius:8px;align-content:center;justify-items:start;gap:14px;max-width:760px;min-height:420px;padding:34px;display:grid}.planned-icon{width:54px;height:54px;color:var(--charcoal);background:#dff8ff;border-radius:8px;place-items:center;display:grid}.planned-page p{max-width:58ch;color:var(--muted)}.planned-grid{flex-wrap:wrap;gap:8px;display:flex}.planned-grid span{border:1px solid var(--border);color:var(--muted);background:#f8fbfc;border-radius:8px;padding:7px 10px;font-size:.82rem}.system-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:flex}.system-panel p{color:var(--muted);margin:5px 0 0}.system-panel.error{color:var(--danger);background:#fff7f7;border-color:#dc26263d}.system-spinner{border:3px solid #dff8ff;border-top-color:var(--cyan-strong);border-radius:999px;width:24px;height:24px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1240px){.metric-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.two-column,.label-layout{grid-template-columns:1fr}.data-contract-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.contract-template-summary{grid-template-columns:1fr}.backend-sync-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.page-readiness-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.r2-preview-summary,.contract-validation-grid,.contract-validation-columns{grid-template-columns:1fr}.contract-batch-row{display:grid}.merchant-export-content{grid-template-columns:1fr}}@media (width<=860px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative}.main-shell{padding:22px 16px 36px}.topbar{display:grid}.control-strip{justify-content:flex-start}.metric-grid,.merchant-export-grid,.data-contract-grid{grid-template-columns:1fr}.backend-sync-header{display:grid}.backend-sync-pills{justify-content:flex-start}.backend-sync-grid{grid-template-columns:1fr}.source-mode-card{width:100%;display:grid}.page-readiness-grid{grid-template-columns:1fr}.page-readiness-card-header{display:grid}.simple-list-row{grid-template-columns:1fr}.settings-reset-row{flex-direction:column;align-items:stretch}.settings-reset-row .danger-button{width:100%}.current-user-card{grid-template-columns:auto minmax(0,1fr)}.current-user-card .secondary-button{grid-column:1/-1;width:100%}.overview-details-retry{grid-template-columns:auto minmax(0,1fr)}.overview-details-retry .secondary-button{grid-column:1/-1;justify-self:flex-start}.config-bundle-grid{grid-template-columns:1fr}.config-bundle-actions{justify-content:stretch}.config-bundle-actions .secondary-button{flex:140px}.audit-run-row{grid-template-columns:1fr}.audit-run-metrics{justify-content:flex-start}.product-drawer{width:100%}.drawer-metric-grid,.detail-grid{grid-template-columns:1fr}}