:root{color:#0f1a1b;background:#eef7fa;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Geist,Avenir Next,-apple-system,sans-serif;font-synthesis:none;font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility;--ink: #0f1a1b;--muted: #6f7d80;--faint: #8a9699;--paper: #f7f9fa;--surface: #ffffff;--surface-soft: #f7f9fa;--line: #dcedf1;--line-strong: #bfe0e6;--accent: #289fb7;--accent-ink: #146b8c;--accent-soft: #e8fbff;--accent-gradient: linear-gradient(90deg, #6ecbd3 0%, #289fb7 100%);--danger: #b4232a;--danger-soft: #fff0ef;--shadow: 0 4px 30px rgba(15, 26, 27, .05);--shadow-soft: 0 4px 30px rgba(15, 26, 27, .05);--radius: .85rem;--radius-sm: .5rem;--radius-pill: 999rem}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;background:radial-gradient(circle at top left,rgba(40,159,183,.1),transparent 32rem),linear-gradient(135deg,#eef7fa,#f7f9fa 48%,#eef7fa)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.36;background-image:linear-gradient(rgba(24,36,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,36,38,.035) 1px,transparent 1px);background-size:34px 34px}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button,input,select,textarea{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #289fb738;border-color:var(--accent)}button:disabled{cursor:wait;opacity:.62}h1,h2,p{margin:0}h1,h2,strong{text-wrap:balance}.shell{display:grid;min-height:100dvh}.sidebar{position:relative;display:grid;align-content:start;gap:1.2rem;overflow:hidden;padding:1rem;color:#f3fbfd;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 18rem),#0f3a47}.sidebar:after{position:absolute;right:-6rem;bottom:3rem;width:14rem;height:14rem;content:"";border-radius:999rem;background:#289fb72e;filter:blur(18px)}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:.6rem .45rem .9rem}.brand svg{flex:0 0 auto;padding:.25rem;border-radius:var(--radius-sm);color:#b8f0f7;background:#ffffff1a}.brand strong,.brand span{display:block}.brand strong{font-weight:700;letter-spacing:0}.brand span{margin-top:.18rem;color:#9fc7d2;font-size:.78rem}nav{position:relative;z-index:1;display:grid;gap:.35rem}.mobileSessionPill{display:none}.navItem,.seedButton,.actions button{min-height:2.85rem;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.navItem{display:flex;align-items:center;gap:.65rem;width:100%;padding:0 .75rem;color:#c8eaf1;background:transparent;text-align:left}.navItem svg{color:#9fc7d2}.navItem:hover{background:#ffffff14;transform:translate(2px)}.navItem.active{color:#0f3a47;background:#d0f0f8;box-shadow:0 10px 24px #289fb738}.navItem.active svg{color:var(--accent-ink)}.logoutNavItem{margin-top:.75rem;border-top:1px solid rgba(255,255,255,.12);color:#f3fbfd}.logoutNavItem:hover{background:#ffffff1a}.navItem:active,.seedButton:active,.actions button:active,.smallAction:active,.configForm button:active,.filterBar button:active,.noteForm button:active,.loginForm button:active{transform:translateY(1px) scale(.99)}.sidebarFooter{position:relative;z-index:1;display:grid;gap:.2rem;margin-top:.6rem;padding:.85rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#9fc7d2;background:#ffffff0f}.sidebarFooter strong{color:#f3fbfd;font-size:.9rem}.sidebarFooter span{font-size:.76rem}.mobileMenuButton{display:none}.content{min-width:0;width:min(100%,1480px);padding:1rem}.topbar{display:grid;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0 0 .25rem;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{color:var(--ink);font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.05}h2{color:var(--ink);font-size:1rem;line-height:1.35}.pageDescription{max-width:42rem;margin-top:.45rem;color:var(--muted);line-height:1.65}.seedButton,.loginForm button,.configForm button,.filterBar button:first-of-type{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;background:var(--accent-gradient);color:#fff;min-height:3rem;border-radius:var(--radius-pill);padding:0 1.15rem;box-shadow:0 12px 28px #289fb72e}.loginForm button:hover,.configForm button:hover,.filterBar button:first-of-type:hover,.seedButton:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 16px 32px #289fb742}.filterBar button:hover,.actions button:hover,.smallAction:hover,.noteForm button:hover{border-color:var(--line-strong);background:#eef7fa;transform:translateY(-1px)}.seedButton{background:var(--accent-gradient);box-shadow:0 12px 28px #289fb72e}.noticeStack{display:grid;gap:.75rem;margin-bottom:1rem}.notice,.empty,.loadingPanel{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffffd1;box-shadow:var(--shadow-soft);padding:1rem}.notice.error{border-color:#f0bfbd;color:var(--danger);background:var(--danger-soft)}.loadingPanel{display:grid;gap:.75rem}.loadingPanel p{color:var(--muted);font-size:.9rem}.skeletonLine,.skeletonGrid span{display:block;overflow:hidden;border-radius:999rem;background:linear-gradient(90deg,#dcedf1,#f3fbfd 48%,#dcedf1);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeletonLine{height:.8rem;width:12rem}.skeletonLine.wide{width:min(100%,24rem)}.skeletonGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.skeletonGrid span{height:4rem;border-radius:var(--radius-sm)}.dashboardStack,.metricGrid,.productGrid,.splitGrid,.integrationGrid,.financeStack,.ordersStack{display:grid;gap:1rem}.opsHero,.metricCard,.productCard,.integrationCard,.tableSurface,.splitGrid section,.filterBar,.loginPanel{border:1px solid rgba(220,237,241,.92);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow-soft)}.opsHero{display:grid;gap:1rem;overflow:hidden;padding:1.15rem;background:linear-gradient(135deg,rgba(40,159,183,.1),transparent 42%),#ffffffe6}.opsHero h2{max-width:42rem;font-size:clamp(1.35rem,3vw,2.15rem);line-height:1.12}.opsHero p:not(.eyebrow){max-width:46rem;margin-top:.55rem;color:var(--muted);line-height:1.65}.opsHeroNumbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:8rem;border:1px solid rgba(40,159,183,.18);border-radius:var(--radius);background:#ffffffb8;padding:1rem}.opsHeroNumbers div{display:grid;align-content:center;gap:.3rem;min-width:0}.opsHeroNumbers div+div{border-left:1px solid var(--line);padding-left:1rem}.opsHeroNumbers span{color:var(--muted);font-size:.82rem}.opsHeroNumbers strong{color:var(--accent-ink);font-size:clamp(2.5rem,8vw,4.5rem);line-height:.95}.metricGrid{grid-template-columns:1fr}.metricCard{display:grid;gap:.3rem;min-height:8rem;padding:1rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metricCard:hover{border-color:#bfe0e6;box-shadow:var(--shadow);transform:translateY(-2px)}.metricCard span,.metricCard small{color:var(--muted);font-size:.82rem}.metricCard strong{display:block;color:var(--ink);font-size:clamp(1.8rem,4vw,2.45rem);line-height:1}.metricCard small{align-self:end}.tableSurface{display:grid;gap:0;overflow:hidden;padding:0}.surfaceHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line);background:#f3fbfdb8}.surfaceHeader.compact{margin:-1rem -1rem 0}.surfaceHeader p{margin-top:.25rem;color:var(--muted);font-size:.86rem}.surfaceCount{display:inline-grid;min-width:2.35rem;min-height:2.35rem;place-items:center;border-radius:var(--radius-sm);color:var(--accent-ink);background:var(--accent-soft);font-weight:800}.rowCard,.orderCardMain,.compactLine,.skuLine{display:grid;gap:.65rem;align-items:center;border-bottom:1px solid var(--line);padding:1rem}.orderCard{display:grid;gap:.75rem;border-bottom:1px solid var(--line);padding:0}.orderCard:last-child,.rowCard:last-child,.compactLine:last-child{border-bottom:0}.rowCard strong,.rowCard span,.orderCard strong,.orderCard span,.orderCard small,.compactLine span,.compactLine small{overflow-wrap:anywhere}.rowCard>div:first-child span,.orderCardMain>div:first-child span,.orderCardMain>div:first-child small,.rowCard small,.compactLine small,.productCard p,.integrationCard p,.nextAction{color:var(--muted);line-height:1.55}.status{display:inline-flex;width:fit-content;align-items:center;border-radius:999rem;background:var(--accent-soft);color:var(--accent-ink);font-size:.76rem;font-weight:700;padding:.24rem .55rem}.status.danger{background:var(--danger-soft);color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.actions button,.smallAction,.noteForm button,.filterBar button{min-height:2.75rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:#f3fbfd;color:var(--ink);cursor:pointer;padding:0 .95rem;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.mutedAction{color:var(--faint);font-size:.88rem}.productWorkbench{display:grid;gap:1rem}.productToolbar{display:grid;gap:.8rem;align-items:end;border:1px solid rgba(220,237,241,.92);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow-soft);padding:1rem}.productToolbarActions{display:grid;gap:.75rem}.searchField{display:flex;align-items:center;gap:.55rem;min-height:2.75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);background:#ffffffd1;padding:0 .75rem}.searchField input{min-width:0;width:100%;border:0;color:var(--ink);background:transparent}.productTable{overflow:visible}.productListRow{display:grid;gap:.8rem;align-items:center;border-bottom:1px solid var(--line);padding:1rem}.productListRow:last-child{border-bottom:0}.productListTitle{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.productListTitle strong{color:var(--ink);font-size:1rem}.productListRow p,.productListRow small{display:block;margin-top:.28rem;color:var(--muted);line-height:1.5}.skuSummary{display:grid;gap:.35rem;color:var(--muted);font-size:.82rem}.skuSummary span{overflow-wrap:anywhere}.productRowActions{justify-content:flex-start}.dangerAction{border-color:#f0bfbd!important;color:var(--danger)!important;background:var(--danger-soft)!important}.productCard,.integrationCard,.splitGrid section{display:grid;gap:.85rem;padding:1rem}.productHeader,.integrationHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.skuLine,.compactLine{grid-template-columns:1fr auto auto}.moneyStack{display:grid;gap:.28rem;color:#3a5660;font-size:.88rem}.levelList{display:flex;flex-wrap:wrap;gap:.5rem}.levelList span,.keyChip{border:1px solid var(--line-strong);border-radius:999rem;color:var(--ink);background:#f3fbfd;padding:.45rem .75rem}.configForm{display:grid;gap:.7rem;border-bottom:1px solid var(--line);padding-bottom:.95rem}.configForm:last-child{border-bottom:0;padding-bottom:0}.configForm label,.filterBar label,.noteForm label,.loginForm label{display:grid;gap:.36rem;color:#3a5660;font-size:.82rem;font-weight:650}.configForm input,.configForm select,.configForm textarea,.filterBar input,.filterBar select,.noteForm textarea,.loginForm input{min-height:2.75rem;width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);font-weight:400;background:#ffffffe6;padding:0 .75rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.configForm input::placeholder,.configForm textarea::placeholder,.filterBar input::placeholder,.noteForm textarea::placeholder,.loginForm input::placeholder{color:var(--faint);font-weight:400}.configForm textarea,.noteForm textarea{min-height:4.5rem;padding:.75rem;line-height:1.5;resize:vertical}.configForm input:hover,.configForm select:hover,.configForm textarea:hover,.filterBar input:hover,.filterBar select:hover,.noteForm textarea:hover,.loginForm input:hover{border-color:#9fc7d2;background:#fff}.filterBar{display:grid;gap:.75rem;padding:1rem}.filterBar button:first-of-type{border-color:transparent}.noteForm{display:grid;gap:.6rem;padding:0 1rem 1rem}.noteForm button{width:fit-content}.toggleLine{align-items:center;grid-template-columns:auto 1fr}.toggleLine input{width:1.1rem;height:1.1rem;min-height:auto;accent-color:var(--accent)}.productEditForm{border-top:1px solid var(--line);padding-top:.9rem}.skuEditForm{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.85rem}.productModalForm{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;border-bottom:0;padding-bottom:0}.productEditUnifiedForm{min-height:0}.productModalForm>label,.skuEditForm>label{grid-column:1 / -1}.productModalForm .fieldCompact{grid-column:span 3}.skuEditForm .fieldCompact,.productModalForm .fieldMedium,.skuEditForm .fieldMedium{grid-column:span 6}.productModalForm .fieldWide,.skuEditForm .fieldWide{grid-column:span 9}.productModalForm .fieldFull,.skuEditForm .fieldFull,.productModalForm .formDivider,.skuEditForm .formDivider,.productModalForm .modalActions{grid-column:1 / -1}.stickyModalActions{position:sticky;bottom:-1rem;z-index:2;margin:0 -1rem -1rem;border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -14px 30px #0d18190f;padding:.85rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modalBackdrop{position:fixed;inset:0;z-index:50;display:grid;align-items:start;justify-items:center;overflow-y:auto;background:#0d181961;padding:1rem}.modalPanel{display:grid;gap:1rem;width:min(100%,46rem);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fffffffa;box-shadow:0 28px 90px #0d181947;padding:1rem}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem}.modalCloseButton{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);background:#f3fbfd;cursor:pointer}.modalActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.productCreateCard{border-style:dashed;background:linear-gradient(135deg,rgba(40,159,183,.08),transparent 36%),#ffffffc7}.formDivider{color:var(--accent-ink);font-size:.78rem;font-weight:800;letter-spacing:.04em;padding-top:.2rem;text-transform:uppercase}.keyList{display:flex;flex-wrap:wrap;gap:.45rem}.keyChip{color:var(--accent-ink);border-color:#bfe0e6;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.keyChip.missing{border-color:#f0bfbd;color:var(--danger);background:var(--danger-soft)}.empty{display:flex;align-items:center;gap:.75rem;box-shadow:none}.empty svg{flex:0 0 auto;color:var(--accent)}.empty strong{display:block;color:var(--ink)}.empty p{margin-top:.2rem;line-height:1.5}.loginShell{display:grid;min-height:100dvh;place-items:center;padding:1.25rem;background:radial-gradient(circle at 25% 20%,rgba(40,159,183,.12),transparent 30rem),linear-gradient(135deg,#eef7fa,#f7f9fa)}.loginPanel{display:grid;gap:1rem;width:min(100%,27rem);padding:1.2rem}.loginBrand{padding:0 0 .5rem;color:var(--ink)}.loginBrand svg{color:var(--accent-ink);background:var(--accent-soft)}.loginBrand span{color:var(--muted)}.loginForm{display:grid;gap:.8rem}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(min-width:768px){.shell{grid-template-columns:16rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;padding:1.15rem}.content{padding:2rem}.topbar{align-items:start}.opsHero{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:stretch;padding:1.35rem}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.productToolbarActions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.productToolbarActions .seedButton{min-width:12rem;white-space:nowrap}.productGrid,.splitGrid,.integrationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rowCard,.orderCardMain{grid-template-columns:minmax(0,1.4fr) minmax(9rem,auto) minmax(13rem,auto)}.filterBar{align-items:end;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto auto}.orderFilterBar{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) auto auto}}@media(min-width:1180px){.metricGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.productGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.productModalForm,.skuEditForm{grid-template-columns:1fr}.productModalForm .fieldCompact,.productModalForm .fieldMedium,.productModalForm .fieldWide,.skuEditForm .fieldCompact,.skuEditForm .fieldMedium,.skuEditForm .fieldWide{grid-column:1 / -1}.shell{display:block}.sidebar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:4.75rem;overflow:visible;padding:.72rem 1rem;box-shadow:0 12px 34px #0f3a472e}.sidebar:after{display:none}.brand{padding:0}.brand svg{width:2.35rem;height:2.35rem}.brand strong{font-size:1rem}.brand span{font-size:.72rem}.mobileSessionPill{display:inline-flex;min-width:0;max-width:9.5rem;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);color:#c8eaf1;background:#ffffff14;font-size:.78rem;line-height:1;padding:.52rem .62rem;text-overflow:ellipsis;white-space:nowrap}.mobileMenuButton{position:relative;z-index:2;display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);color:#c8eaf1;background:#ffffff1a;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.mobileMenuButton:hover{border-color:#ffffff52;background:#ffffff29}.mobileMenuButton:active{transform:translateY(1px) scale(.98)}nav{position:absolute;top:calc(100% + .55rem);right:1rem;left:auto;z-index:3;display:grid;width:min(19rem,calc(100vw - 2rem));max-height:min(70vh,31rem);overflow-y:auto;gap:.3rem;padding:.55rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#0f3a47fa;box-shadow:0 24px 60px #0f3a4742;opacity:0;pointer-events:none;transform:translateY(-.4rem) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .18s ease}.sidebar.navOpen nav{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.navItem{justify-content:flex-start;min-height:2.9rem}.logoutNavItem{min-height:2.9rem;margin-top:.35rem;background:#ffffff14}.logoutNavItem:hover{background:#ffffff24}.sidebarFooter{display:none}.content{padding:1.1rem 1rem 1.5rem}.surfaceHeader,.productHeader,.integrationHeader{align-items:flex-start}.skuLine,.compactLine{grid-template-columns:1fr}}.ordersToolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.marketingGroups{display:flex;flex-direction:column;gap:20px}.marketingGroup{border:1px solid rgba(220,237,241,.92);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow-soft);padding:1.25rem}.marketingGroup>h2{margin:0 0 1rem}.groupBody{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start}.groupBody .configForm{border-bottom:0;padding-bottom:0}.groupItem{border:1px solid rgba(220,237,241,.7);border-radius:var(--radius);background:#ffffff80;padding:1rem}.groupItem>h3{margin:0 0 .75rem;font-size:15px;color:var(--muted, #6b7280)}.fieldHint{margin:.25rem 0 0;font-size:13px;color:var(--muted, #6b7280)}.surfaceEmpty{margin:0;padding:1rem;color:var(--muted);font-size:.9rem}