:root{--bg:#f4f6f8;--surface:#fff;--surface-soft:#f8fafc;--line:#dce2ea;--line-strong:#c8d1dc;--text:#152033;--muted:#667085;--subtle:#98a2b3;--nav:#111827;--nav-2:#1f2937;--blue:#1d4ed8;--blue-soft:#dbeafe;--green:#0f766e;--green-soft:#ccfbf1;--amber:#b45309;--amber-soft:#fef3c7;--red:#b42318;--red-soft:#fee4e2;--shadow:0 14px 34px #0f172a14}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#eef2f7;flex-direction:column;gap:20px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:4px 8px 16px;display:flex}.brand-mark{width:38px;height:38px;color:var(--nav);background:#f9fafb;border-radius:8px;place-items:center;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:#aeb8c6;margin-top:2px;font-size:12px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;display:flex}.sidebar nav button.active{color:var(--nav);background:#fff}.sidebar-health{background:var(--nav-2);border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-health strong,.sidebar-health span{display:block}.sidebar-health span{color:#aeb8c6;font-size:12px}.workspace{min-width:0;padding:22px 24px 32px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}.topbar h1{margin:0;font-size:28px;line-height:1.2}.topbar-actions{align-items:center;gap:10px;display:flex}.last-updated{color:var(--muted);font-size:13px}.ghost-button{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.command-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;display:grid}.hero-panel{min-height:138px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#eef4ff 100%);border:1px solid #c9d7f5;border-radius:10px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.decision-copy h2{max-width:780px;margin:0;font-size:32px;line-height:1.18}.decision-score{text-align:center;background:#fff;border:1px solid #c9d7f5;border-radius:50%;flex:0 0 104px;place-items:center;width:104px;height:104px;display:grid}.decision-score span{color:var(--blue);font-size:34px;font-weight:800;display:block}.decision-score small{color:var(--muted);display:block}.metric-row{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.visual-row{grid-column:1/-1;grid-template-columns:1.2fr .9fr .9fr;gap:12px;display:grid}.chart-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:220px;padding:14px}.chart-card header strong,.chart-card header span{display:block}.chart-card header span{color:var(--muted);margin-top:3px;font-size:12px}.bar-chart{gap:12px;margin-top:18px;display:grid}.bar-row{grid-template-columns:118px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.bar-row span,.bar-row b{font-size:12px}.bar-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-row div{background:#eef2f7;border-radius:999px;height:10px;overflow:hidden}.bar-row i{border-radius:inherit;background:#94a3b8;height:100%;display:block}.bar-row i.primary{background:var(--blue)}.bar-row b{text-align:right}.signal-strip{grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;height:150px;margin-top:18px;display:grid}.signal-bar{grid-template-rows:1fr auto auto;justify-items:center;gap:6px;height:100%;display:grid}.signal-bar div{opacity:.9;border-radius:8px 8px 3px 3px;align-self:end;width:36px}.signal-bar span{color:var(--muted);font-size:12px}.signal-bar strong{font-size:18px}.health-gauge{place-items:center;min-height:150px;margin-top:18px;display:grid;position:relative}.health-gauge svg{width:132px;height:132px;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#eef2f7;stroke-width:12px}.gauge-fg{fill:none;stroke:var(--green);stroke-width:12px;stroke-linecap:round}.health-gauge div{text-align:center;position:absolute}.health-gauge strong,.health-gauge span{display:block}.health-gauge strong{font-size:28px}.health-gauge span{color:var(--muted);font-size:12px}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:12px;min-height:94px;padding:14px;display:flex}.metric-card>svg{border-radius:8px;width:38px;height:38px;padding:9px}.metric-card strong,.metric-card span{display:block}.metric-card strong{font-size:28px;line-height:1}.metric-card span{color:var(--muted);margin-top:4px}.metric-card.blue>svg{color:var(--blue);background:var(--blue-soft)}.metric-card.green>svg{color:var(--green);background:var(--green-soft)}.metric-card.amber>svg{color:var(--amber);background:var(--amber-soft)}.metric-card.red>svg{color:var(--red);background:var(--red-soft)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;box-shadow:0 8px 24px #0f172a0a}.panel-title{border-bottom:1px solid var(--line);min-height:64px;padding:13px 16px}.panel-title div{align-items:center;gap:8px;display:flex}.panel-title strong{font-size:15px}.panel-title span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.action-panel,.site-panel{grid-column:1}.insight-panel,.evidence-panel{grid-column:2}.action-list,.evidence-list{gap:10px;padding:12px;display:grid}.action-item{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--surface-soft);border-radius:8px;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;display:grid}.action-item.major{border-left-color:var(--red)}.action-icon{background:var(--blue-soft);width:36px;height:36px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.action-item.major .action-icon{background:var(--red-soft);color:var(--red)}.action-item header{justify-content:space-between;gap:10px;display:flex}.action-item p{color:var(--text);margin:5px 0}.action-item span{color:var(--muted);font-size:12px}.insight-body{color:var(--text);min-height:170px;padding:16px;line-height:1.7}.site-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;display:grid}.site-card-v2{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:13px}.site-card-v2 header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.site-card-v2 strong,.site-card-v2 span,.site-card-v2 small{display:block}.site-card-v2 header span{color:var(--muted);margin-top:3px;font-size:12px}.site-meta{gap:8px;margin:12px 0;display:flex}.site-meta span{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:6px;padding:5px 8px;font-size:12px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip-row span{color:#344054;background:#eef2f7;border-radius:999px;padding:3px 8px;font-size:12px}.site-card-v2 p,.site-card-v2 small{color:var(--muted)}.compact-event{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px;display:grid}.compact-event>div{background:var(--amber-soft);width:32px;height:32px;color:var(--amber);border-radius:8px;place-items:center;display:grid}.compact-event p{margin:0}.compact-event p strong{margin-right:6px}.compact-event span{color:var(--muted);grid-column:2;font-size:12px}.full-panel{overflow:hidden}.filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.filter-bar label{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:inline-flex}.filter-bar select,.filter-bar input{min-width:160px;color:var(--text);background:0 0;border:0;outline:0}.search-box{flex:1;min-width:280px}.search-box input{width:100%}.event-table{gap:8px;padding:12px;display:grid}.event-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto 96px;align-items:center;gap:10px;min-height:66px;padding:10px;display:grid}.event-type{width:36px;height:36px;color:var(--blue);background:var(--blue-soft);border-radius:8px;place-items:center;display:grid}.event-row p{color:var(--muted);margin:4px 0 0}.event-row>span:last-child{color:var(--muted);text-align:right;font-size:12px}.product-shelf{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:14px;display:grid}.product-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;transition:border-color .16s,transform .16s,box-shadow .16s;overflow:hidden}.product-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 10px 28px #0f172a14}.product-image{border-bottom:1px solid var(--line);background:#f8fafc;place-items:center;height:260px;display:grid;position:relative}.product-image img{object-fit:contain;width:calc(100% - 28px);height:calc(100% - 28px)}.discount-badge{color:#fff;background:#ff4f1f;border-radius:999px;min-height:26px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;right:10px}.product-info{padding:14px}.product-card-top,.product-foot,.price-line,.sku-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-card-top>span:first-child,.product-foot,.sku-selector label{color:var(--muted);font-size:12px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:10px 0;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.sku-selector{gap:6px;display:grid}.sku-selector select{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:34px;color:var(--text);border-radius:7px;padding:0 9px}.price-line{justify-content:flex-start;margin:12px 0}.price-line strong{color:#ff4f1f;font-size:22px}.price-line del{color:var(--muted)}.product-foot a{color:var(--blue);align-items:center;gap:4px;font-weight:700;display:inline-flex}.reports-layout{grid-template-columns:320px minmax(0,1fr);gap:14px;display:grid}.report-list{gap:8px;padding:10px;display:grid}.report-list button{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;min-height:44px;padding:0 10px;display:flex}.report-list button.selected{border-color:var(--blue);background:var(--blue-soft)}.report-markdown{white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0;padding:16px;font-family:Segoe UI,PingFang SC,sans-serif;line-height:1.7}.report-reader{padding:16px}.report-hero{background:linear-gradient(135deg,#fff,#eef4ff);border:1px solid #c9d7f5;border-radius:10px;margin-bottom:14px;padding:18px}.report-hero span{color:var(--blue);font-size:12px;font-weight:800}.report-hero h2{margin:6px 0;font-size:24px}.report-hero p{color:var(--muted);margin:0}.report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.report-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:14px}.report-card h3{margin:0 0 10px;font-size:15px}.report-card ul{color:var(--text);margin:0;padding-left:18px;line-height:1.7}.report-card li+li{margin-top:6px}.status-pill{background:var(--red-soft);min-height:24px;color:var(--red);white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.good{background:var(--green-soft);color:var(--green)}.status-pill.warn{background:var(--amber-soft);color:var(--amber)}.empty-state{border:1px dashed var(--line-strong);min-height:140px;color:var(--muted);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:7px;padding:20px;display:grid}.empty-state strong{color:var(--text)}.center-screen{min-height:100vh;color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.center-screen.error{color:var(--red)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.brand{border-bottom:0;padding:0}.sidebar nav{display:flex}.sidebar-health{margin-top:0;margin-left:auto}.command-grid,.reports-layout{grid-template-columns:1fr}.action-panel,.site-panel,.insight-panel,.evidence-panel{grid-column:auto}}@media (width<=760px){.workspace{padding:16px}.topbar,.hero-panel{flex-direction:column}.metric-row,.visual-row,.site-board{grid-template-columns:1fr}.decision-score{flex-basis:96px;width:96px;height:96px}.event-row{grid-template-columns:36px minmax(0,1fr)}.event-row>span:last-child,.event-row .status-pill{text-align:left;grid-column:2;justify-self:start}.report-card-grid{grid-template-columns:1fr}}