:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--ink:#162033;--muted:#667085;--line:#dde3ec;--line-soft:#eef1f6;--sidebar:#0f172a;--sidebar-2:#111827;--primary:#2563eb;--teal:#0f766e;--success:#16a34a;--warning:#d97706;--critical:#dc2626}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.appShell{grid-template-columns:278px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e5e7eb;background:linear-gradient(180deg, var(--sidebar), #050b16);grid-template-rows:auto 1fr auto;gap:24px;height:100vh;padding:24px 18px;display:grid;position:sticky;top:0}.brand,.nav button,.sidebarStatus,.topbar,.topActions,.healthPill,.secondaryBtn,.primaryBtn,.panelHeader,.metricCard,.activityRow,.alertRow,.storeCardTop{align-items:center;display:flex}.brand{gap:12px}.brandMark{object-fit:contain;flex:0 0 42px;width:42px;height:42px}.lightBrandMark{flex-basis:38px;width:38px;height:38px}.headerBrand{align-items:center;gap:8px;display:inline-flex}.headerBrand img{object-fit:contain;width:18px;height:18px}.brand strong,.brand span,.sidebarStatus strong,.sidebarStatus span{display:block}.brand span,.sidebarStatus span{color:#9ca3af;font-size:12px}.nav{align-content:start;gap:6px;display:grid}.nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;gap:11px;width:100%;min-height:42px;padding:0 12px}.nav button.active,.nav button:hover{color:#fff;background:#ffffff17}.sidebarStatus{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;gap:11px;padding:13px}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;gap:20px;margin-bottom:18px}.topbar h1,.panel h2{margin:0}.topbar h1{letter-spacing:0;font-size:30px}.topbar span,.activityRow span,.alertRow span,.metricCard p,.storeCard span,.detailList dt,.authPanel p,.authVisual span{color:var(--muted)}.eyebrow{color:var(--teal);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.topActions{flex-wrap:wrap;gap:10px}.healthPill,.secondaryBtn,.primaryBtn{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;min-height:40px;padding:0 13px}.healthPill.ok{color:#166534;background:#dcfce7;border-color:#bbf7d0}.healthPill.warn{color:#92400e;background:#fef3c7}.primaryBtn{color:#fff;border-color:var(--primary);background:var(--primary);justify-content:center}.secondaryBtn{color:var(--ink)}.pageStack{gap:16px;display:grid}.metricsGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metricCard,.panel,.labelPreviewPanel,.storeCard{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;box-shadow:0 12px 36px #0f172a0f}.metricCard{justify-content:space-between;gap:12px;padding:15px}.metricCard span,.metricCard p{font-size:12px}.metricCard strong{margin-top:6px;font-size:26px;display:block}.metricCard svg{color:var(--primary)}.tone-success svg{color:var(--success)}.tone-warning svg{color:var(--warning)}.tone-critical svg{color:var(--critical)}.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel,.labelPreviewPanel,.storeCard{padding:18px}.panelHeader{justify-content:space-between;gap:12px;margin-bottom:14px}.panelHeader h2{font-size:18px}.activityList,.alertList{gap:10px;display:grid}.activityRow,.alertRow{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;gap:12px;padding:12px}.activityRow strong,.activityRow span,.alertRow strong,.alertRow span{display:block}.activityRow span,.alertRow span{margin-top:3px;font-size:12px}.statusBadge{text-transform:capitalize;border-radius:999px;align-items:center;width:max-content;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.statusBadge.success{color:#166534;background:#dcfce7}.statusBadge.warning{color:#92400e;background:#fef3c7}.statusBadge.critical{color:#991b1b;background:#fee2e2}.statusBadge.info{color:#075985;background:#e0f2fe}.statusBadge.neutral{color:var(--muted);background:var(--line-soft)}.barChart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:220px;display:grid}.barItem{align-items:end;gap:8px;height:100%;display:grid}.barItem i{background:linear-gradient(180deg, var(--primary), var(--teal));border-radius:8px 8px 2px 2px;display:block}.barItem span{color:var(--muted);text-align:center;font-size:12px}.skuPage{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.searchBox{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;width:min(360px,100%);min-height:40px;padding:0 12px;display:flex}.searchBox input{border:0;outline:0;width:100%}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px}th{color:var(--muted);text-transform:uppercase;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#eff6ff}td strong,td span{display:block}td span{color:var(--muted);margin-top:3px;font-size:12px}.labelPreviewPanel{align-self:start;position:sticky;top:24px}.eslPreview{color:#111827;background:linear-gradient(145deg,#f8fafc,#e5e7eb);border-radius:14px;gap:16px;min-height:230px;padding:16px;display:grid;box-shadow:inset 0 0 0 8px #111827}.eslTop,.eslBottom{color:#475569;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.eslBody{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.eslBody strong{line-height:1.15}.eslBody b{font-size:42px}.detailList{gap:10px;margin:14px 0;display:grid}.detailList div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.detailList dd{text-align:right;margin:0;font-weight:700}.cardsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.storeCard{gap:14px;display:grid}.storeCardTop{justify-content:space-between;gap:12px}.storeCardTop strong,.storeCardTop span{display:block}.storeCardTop span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.storeStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.storeStats div{background:var(--surface-2);border-radius:8px;padding:10px}.storeStats span,.storeStats strong{display:block}.storeStats span{font-size:12px}.meter{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--teal));height:100%;display:block}.settingsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.notice{color:#075985;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:14px;padding:12px 14px}.opsIndicators{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.opsIndicators>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.opsIndicators span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.opsIndicators strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.fatalError{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.fatalError>div{background:#fff;border:1px solid #fecaca;border-radius:8px;gap:12px;width:min(520px,100%);padding:24px;display:grid;box-shadow:0 12px 36px #0f172a14}.fatalError strong,.fatalError span{display:block}.fatalError strong{color:#991b1b;font-size:20px}.fatalError span{color:var(--muted)}.notice.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.emptyState{text-align:center;color:var(--muted);padding:20px}.authPage{grid-template-columns:480px minmax(0,1fr);min-height:100vh;display:grid}.authPanel{border-right:1px solid var(--line);background:#fff;align-content:center;gap:18px;padding:56px;display:grid}.authBrand{align-items:center;gap:11px;margin-bottom:24px;display:flex}.authBrand strong,.authBrand span{display:block}.authBrand span{color:var(--muted);font-size:12px}.authPanel h1{margin:0;font-size:30px}.authPanel form{gap:14px;display:grid}.authPanel label{gap:6px;display:grid}.authPanel label span{text-transform:uppercase;font-size:12px;font-weight:800}.authPanel input{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 12px}.authVisual{color:#e5e7eb;background:linear-gradient(135deg,#111827,#0f766e);place-content:center;gap:16px;padding:56px;display:grid}.authVisual strong{max-width:540px;font-size:42px;line-height:1.05}.authVisual span{color:#ccfbf1;max-width:520px}@media (width<=1400px){.metricsGrid,.opsIndicators,.cardsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.settingsGrid{grid-template-columns:1fr}}@media (width<=1080px){.appShell,.authPage{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardGrid,.skuPage{grid-template-columns:1fr}.labelPreviewPanel{position:static}}@media (width<=720px){.workspace,.authPanel,.authVisual{padding:16px}.topbar,.panelHeader{flex-direction:column;align-items:stretch}.metricsGrid,.opsIndicators,.cardsGrid,.storeStats{grid-template-columns:1fr}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topActions,.secondaryBtn,.primaryBtn{justify-content:center;width:100%}.authVisual strong{font-size:30px}}
