:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--bg-elevated:#111827;--bg-muted:#1e293b;--bg-input:#0f172a;--border:#1e293b;--border-strong:#334155;--text:#e2e8f0;--text-muted:#94a3b8;--text-heading:#f8fafc;--link:#38bdf8;--primary:#0284c7;--primary-hover:#0369a1;--primary-text:#fff;--badge-bg:#0ea5e9;--badge-text:#0f172a;--accent-soft:#0c4a6e;--accent-soft-text:#e0f2fe;--ok:#86efac;--error:#fca5a5;--shadow:0 12px 28px #00000073}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f5f9;--bg-elevated:#fff;--bg-muted:#e2e8f0;--bg-input:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#475569;--text-heading:#020617;--link:#0369a1;--primary:#0284c7;--primary-hover:#0369a1;--primary-text:#fff;--badge-bg:#0284c7;--badge-text:#fff;--accent-soft:#e0f2fe;--accent-soft-text:#0c4a6e;--ok:#15803d;--error:#b91c1c;--shadow:0 12px 28px #0f172a1f}.shell{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;display:flex}.shell-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem 1.5rem;padding:.75rem 1.25rem;display:grid}.header-left{flex-wrap:wrap;align-items:center;gap:1.5rem;min-width:0;display:flex}.header-center{justify-self:center}.view-mode-toggle{border:1px solid var(--border-strong);background:var(--bg-input);border-radius:999px;display:inline-flex;overflow:hidden}.view-mode-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem .95rem;font-size:.8rem;font-weight:600;line-height:1.2}.view-mode-toggle button:hover{color:var(--text-heading);background:var(--bg-muted)}.view-mode-toggle button.is-active{background:var(--primary);color:var(--primary-text)}.shell.is-customer-mode .view-mode-toggle button.is-active{background:#0f766e;border-color:#0f766e}.brand{flex-direction:column;min-width:10rem;display:flex}.brand a{color:var(--link);font-size:1.25rem;font-weight:700;text-decoration:none}.brand-sub{color:var(--text-muted);font-size:.75rem}.nav{flex-wrap:wrap;flex:1;gap:.75rem;display:flex}.nav a{color:var(--text-muted);border-radius:.375rem;padding:.35rem .6rem;text-decoration:none}.nav a.active,.nav a:hover{background:var(--bg-muted);color:var(--text-heading)}.header-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:1rem;display:flex}@media (width<=900px){.shell-header{grid-template-columns:1fr;justify-items:stretch}.header-center,.header-actions{justify-self:start}}.theme-toggle{border:1px solid var(--border-strong);background:var(--bg-input);border-radius:.375rem;display:inline-flex;overflow:hidden}.theme-toggle button{color:var(--text-muted);border:none;border-right:1px solid var(--border-strong);cursor:pointer;background:0 0;padding:.3rem .5rem;font-size:.75rem;line-height:1.2}.theme-toggle button:last-child{border-right:none}.theme-toggle button:hover{color:var(--text-heading);background:var(--bg-muted)}.theme-toggle button.is-active{background:var(--primary);color:var(--primary-text)}.break-glass-link{color:var(--text-muted);opacity:.55;text-decoration:none}.break-glass-link:hover{opacity:1;text-decoration:underline}.region-select{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.region-select select{background:var(--bg-input);color:var(--text-heading);border:1px solid var(--border-strong);border-radius:.375rem;padding:.35rem .5rem}.user-chip{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.user-chip button,.login-link{background:var(--primary-hover);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.35rem .75rem;font-size:.875rem;text-decoration:none}.shell-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.page h1{margin-top:0;font-size:1.5rem}.page p,.muted{color:var(--text-muted)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem;margin-top:1rem;padding:1.25rem}.badge{background:var(--badge-bg);color:var(--badge-text);border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}form.stack{flex-direction:column;gap:.75rem;max-width:24rem;display:flex}form.stack label{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}form.stack input{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-heading);border-radius:.375rem;padding:.5rem}form.stack button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.6rem 1rem;font-weight:600}.sso-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.375rem;width:100%;max-width:24rem;padding:.7rem 1rem;font-weight:600}.sso-btn:disabled{opacity:.7;cursor:wait}.error{color:var(--error)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem .6rem}th{color:var(--text-muted);font-weight:600}a{color:var(--link)}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.filters{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.filters label{flex-direction:column;gap:.25rem;font-size:.875rem;display:flex}.filters input,.filters select,form.stack select{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-heading);border-radius:.375rem;padding:.45rem .5rem}.filters .checkbox{flex-direction:row;align-items:center;gap:.5rem}.pager{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.pager-info{min-width:12rem}.pager-size{color:var(--text-muted);align-items:center;gap:.4rem;margin-left:auto;font-size:.875rem;display:flex}.pager-size select{background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong);border-radius:.375rem;padding:.3rem .5rem}.pager button{background:var(--bg-muted);color:var(--text);border:1px solid var(--border-strong);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem}.pager button:disabled{opacity:.4;cursor:not-allowed}.result-box{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem;margin:0;display:grid}.detail-grid dt{color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem}.detail-grid dd{margin:0}button.linkish{color:var(--link);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.compare-filters{align-items:end}.summary-tab{color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.375rem;padding:.25rem .4rem}.summary-tab.active{border-color:var(--border-strong);background:var(--bg-muted)}.delta-up{color:var(--error);font-variant-numeric:tabular-nums}.delta-down{color:var(--ok);font-variant-numeric:tabular-nums}.seed-password-banner{margin:0 0 1rem}.compare-actions{flex-wrap:wrap;gap:.5rem;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:.375rem;padding:.5rem .9rem;font-weight:600}.primary-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.secondary-btn{background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.column-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.8rem;display:inline-flex}.chip.on{background:var(--accent-soft);border-color:var(--primary);color:var(--accent-soft-text)}.summary-cards{text-align:center;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:1rem;display:grid}.stat{font-size:1.5rem;font-weight:700}.stat.new{color:#4ade80}.stat.changed{color:#fbbf24}.stat.removed{color:#f87171}.tabs{flex-wrap:wrap;gap:.35rem;margin:1rem 0 .5rem;display:flex}.tabs button{background:var(--bg-muted);color:var(--text-muted);border:1px solid var(--border-strong);cursor:pointer;border-radius:.375rem;padding:.4rem .75rem}.tabs button.active{background:var(--primary-hover);border-color:var(--primary);color:#fff}.kind{border-radius:999px;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.kind-new{color:#bbf7d0;background:#14532d}.kind-changed{color:#fde68a;background:#713f12}.kind-removed{color:#fecaca;background:#7f1d1d}.kind-unchanged{background:var(--bg-muted);color:var(--text-muted)}.excel-grid table{border-collapse:separate;border-spacing:0;table-layout:auto;font-size:.78rem}.excel-grid th,.excel-grid td{vertical-align:middle;padding:.28rem .35rem}.excel-grid .col-titles th{background:var(--bg-input);border-bottom:1px solid var(--border-strong);z-index:2;white-space:nowrap;font-size:.72rem;position:sticky;top:0}.excel-grid .col-filters th{background:var(--bg-elevated);border-bottom:2px solid var(--border-strong);vertical-align:middle;z-index:2;padding:.25rem .3rem;position:sticky;top:1.7rem}.excel-grid .col-action{text-align:center;width:2rem;min-width:2rem;max-width:2.25rem;padding-left:.2rem;padding-right:.2rem}.excel-grid .col-name{white-space:normal;overflow-wrap:break-word;word-break:normal;vertical-align:top;width:22rem;min-width:16rem;max-width:26rem;line-height:1.35}.excel-grid .col-name a,.excel-grid .product-name-text{white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:26rem;display:block}.excel-grid .col-id{text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem;overflow:hidden}.excel-grid .col-sku{white-space:nowrap;max-width:3.5rem}.excel-grid .col-num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.excel-grid .col-cw{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.7rem;overflow:hidden}.excel-grid .mono{word-break:normal;font-size:.7rem}.msf{min-width:4rem;max-width:8rem;position:relative}.msf-btn{border:1px solid var(--border-strong);background:var(--bg-input);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:.25rem;justify-content:space-between;align-items:center;gap:.2rem;padding:.22rem .3rem;font-size:.68rem;display:flex}.msf-btn.active{border-color:var(--primary);background:var(--accent-soft);color:var(--accent-soft-text)}.msf-btn:disabled{opacity:.45;cursor:not-allowed}.msf-summary{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.msf-caret{opacity:.7;font-size:.65rem}.msf-panel{z-index:30;background:var(--bg-input);border:1px solid var(--border-strong);min-width:14rem;max-width:20rem;box-shadow:var(--shadow);border-radius:.4rem;padding:.45rem;position:absolute;top:calc(100% + 2px);left:0}.msf-search{box-sizing:border-box;border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;color:var(--text-heading);border-radius:.25rem;margin-bottom:.35rem;padding:.35rem .45rem;font-size:.8rem}.msf-actions{gap:.5rem;margin-bottom:.35rem;display:flex}.msf-actions button{color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.msf-actions button:disabled{opacity:.4;cursor:not-allowed}.msf-list{border-top:1px solid var(--border);max-height:14rem;padding-top:.25rem;overflow-y:auto}.msf-item{color:var(--text);cursor:pointer;align-items:flex-start;gap:.4rem;padding:.25rem .15rem;font-size:.78rem;display:flex}.msf-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msf-item input{margin-top:.15rem}.msf-empty,.msf-foot{color:var(--text-muted);padding:.35rem .15rem;font-size:.72rem}.cart-badge{background:var(--primary);color:#fff;text-align:center;border-radius:999px;min-width:1.1rem;margin-left:.35rem;padding:.05rem .35rem;font-size:.7rem;font-weight:700;display:inline-block}.cart-add-btn{background:var(--accent-soft);color:var(--accent-soft-text);border:1px solid var(--primary);cursor:pointer;white-space:nowrap;border-radius:.3rem;padding:.25rem .45rem;font-size:.72rem}.cart-add-btn:hover{background:var(--primary-hover)}.cart-add-icon-btn{background:var(--accent-soft);width:1.55rem;height:1.55rem;color:var(--accent-soft-text);border:1px solid var(--primary);cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.cart-add-icon-btn:hover{background:var(--primary-hover)}.cart-add-icon-btn.is-added{color:#bbf7d0;background:#14532d;border-color:#22c55e}.qty-input{border:1px solid var(--border-strong);background:var(--bg-input);width:3.5rem;color:var(--text-heading);border-radius:.25rem;padding:.25rem}.row-actions{gap:.75rem;display:flex}.ok-msg{color:var(--ok)}.cart-meta{align-items:end}.excel-grid .no-filter{min-width:2.5rem}.excel-grid .no-filter.col-action{min-width:2rem}.excel-grid td.cw-desc,table td.cw-desc{white-space:normal;max-width:22rem;color:var(--text);font-size:.85rem;line-height:1.3}.cw-description-card h2{color:var(--text-muted);margin:0 0 .5rem;font-size:1rem;font-weight:600}.cw-description-value{color:var(--text-heading);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:.5rem;margin:0;padding:.75rem 1rem;font-size:1.05rem;line-height:1.4}.excel-grid.is-refreshing{opacity:.92;transition:opacity .15s}.excel-grid:not(.is-refreshing){opacity:1;transition:opacity .2s}.fetch-hint{align-self:center;font-size:.85rem}.empty-row{text-align:center;padding:1.25rem!important}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg,#0f172a);color:var(--text,#e2e8f0)}