:root{color-scheme:light;--bg: #eef2f5;--panel: rgba(255, 255, 255, .94);--panel-strong: #ffffff;--line: #d8e0e8;--line-strong: #c5cfdb;--text: #162132;--muted: #6b7889;--deep: #101b2d;--blue: #1f4fd8;--blue-soft: #edf3ff;--cyan: #1596a8;--amber: #f29a2e;--amber-soft: #fff3e2;--red: #d85c52;--red-soft: #ffebe7;--green: #2a9f77;--green-soft: #eaf8f2;--shadow: 0 18px 40px rgba(12, 23, 40, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,sans-serif;background:radial-gradient(circle at top left,rgba(31,79,216,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(242,154,46,.12),transparent 26%),linear-gradient(180deg,#f6f8fa,#edf1f5);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button,input,select{outline:none}button:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px #1f4fd829}.page-shell{min-height:100vh;position:relative}.ambient-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(16,27,45,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(16,27,45,.028) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 82%)}.dashboard-shell{width:min(100%,1600px);margin:0 auto;padding:18px 18px 40px;position:relative;z-index:1}.panel,.summary-card,.kit-card,.modal-card,.detail-drawer{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.page-header,.panel,.summary-card,.kit-card{border-radius:18px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px}.page-header h1,.section-head h2,.modal-head h3,.drawer-head h3{margin:0;color:var(--deep)}.page-header h1{font-size:32px;line-height:1.05;letter-spacing:-.03em}.subtitle,.section-note,.field span,.user-block span,.summary-card small,.kit-meta p,.info-item span,.timeline-row span,.empty-cell,th{color:var(--muted)}.subtitle{margin:10px 0 0;font-size:14px}.header-meta,.user-block,.filter-top,.quick-range-row,.date-pair,.section-head,.section-actions,.mini-segments,.chart-legend,.anomaly-layout,.pagination,.drawer-head,.drawer-status-row,.progress-head,.modal-head,.toolbar-row,.anomaly-filter-actions,.multi-head,.multi-actions,.sku-order-meta{display:flex;align-items:center}.header-meta{gap:14px;flex-wrap:wrap;justify-content:flex-end}.user-block{flex-direction:column;align-items:flex-end;gap:4px}.user-block strong{font-size:14px}.primary-button,.secondary-button,.range-chip,.mini-segments button,.text-button,.icon-button{border:1px solid var(--line-strong);background:var(--panel-strong);color:var(--text);transition:.18s ease}.primary-button{padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,#1f4fd8,#3b77ff);color:#fff;border-color:#1f4fd866}.secondary-button,.range-chip,.mini-segments button{padding:8px 12px;border-radius:12px}.secondary-button.visible,.range-chip.active,.mini-segments button.active{background:var(--blue-soft);color:var(--blue);border-color:#1f4fd840}.mini-segments.disabled button{cursor:not-allowed}.mini-segments.disabled button:not(.active){opacity:.66}.text-button{border:0;background:transparent;padding:0;color:var(--blue)}.icon-button{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.filter-panel,.section-board,.detail-board,.anomaly-panel,.ranking-panel{margin-top:14px;padding:16px 18px}.filter-panel{position:relative;z-index:20;overflow:visible}.filter-top,.section-head{justify-content:space-between;gap:12px;flex-wrap:wrap}.analysis-controls{display:grid;gap:10px;margin-bottom:14px}.analysis-controls.compact{margin-bottom:12px}.control-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-line.disabled{opacity:.56}.control-label{color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap}.quick-range-row,.date-pair,.section-actions,.mini-segments,.toolbar-row,.sku-order-meta{gap:8px;flex-wrap:wrap}.filter-grid,.anomaly-filter-grid,.summary-grid,.kit-grid,.sku-metric-strip{display:grid;gap:12px}.filter-grid{margin-top:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.anomaly-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:grid;gap:6px;min-width:0}.field.inline{min-width:180px}.field input,.field select,.multi-search{width:100%;height:42px;border:1px solid var(--line-strong);border-radius:12px;padding:0 12px;background:#fff;color:var(--text)}.search-field{grid-column:span 2}.multi-filter{position:relative;z-index:2}.multi-filter.open{z-index:50}.field.trigger{width:100%;padding:10px 12px;border-radius:12px;text-align:left;background:#fff}.field.trigger strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field.trigger.open{background:var(--blue-soft);border-color:#1f4fd840}.multi-select-pop{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:60;margin-top:0;border:1px solid var(--line);border-radius:16px;padding:14px;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 20px 40px #101b2d1f}.overview-board,.section-board,.anomaly-layout,.detail-board{position:relative;z-index:1}.multi-head{justify-content:space-between;gap:10px;margin-bottom:10px}.multi-options{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:220px;overflow:auto}.check-row{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff}.overview-board{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.95fr);gap:14px}.section-strip{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-strip h2{margin:0;font-size:24px;color:var(--deep)}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.kit-card{padding:16px 18px;text-align:left}.click-card:hover,.list-row:hover,.rank-row:hover,.simple-row:hover,.trend-item:hover,tbody tr:hover{transform:translateY(-1px)}.summary-card span,.kit-top span,.sku-mini span{display:block;font-size:12px}.summary-card strong,.kit-top strong,.sku-mini strong{display:block;margin-top:8px;font-size:28px;line-height:1;letter-spacing:-.03em;color:var(--deep);font-variant-numeric:tabular-nums}.summary-card small{display:block;margin-top:10px;font-size:12px}.kit-card{background:linear-gradient(180deg,#fff,#fbfcff)}.kit-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.kit-meta{margin-top:12px;display:grid;gap:6px}.kit-meta p{margin:0;font-size:13px}.section-head{margin-bottom:14px}.section-head h2{font-size:24px}.section-note{margin:8px 0 0;font-size:13px}.lock-banner,.mini-lock{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(31,79,216,.24);background:linear-gradient(90deg,#1f4fd814,#1f4fd805)}.lock-banner{margin-bottom:14px}.lock-banner>div,.mini-lock{display:grid;gap:4px}.mini-lock{margin:12px 0 14px}.main-chart-shell.locked{padding:12px;border-radius:16px;border:1px solid rgba(31,79,216,.24);background:linear-gradient(180deg,#edf3ff94,#fff6)}.chart-caption{display:inline-grid;gap:4px;margin-bottom:12px}.chart-caption span{color:var(--muted);font-size:12px}.chart-caption strong{color:var(--deep);font-size:22px;line-height:1}.histogram-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;align-items:end}.histogram-col{border:0;background:transparent;display:grid;gap:10px;justify-items:center;text-align:center}.histogram-col.active .histogram-stack{box-shadow:inset 0 0 0 2px #1f4fd847}.histogram-value{font-size:12px;color:var(--muted)}.histogram-stack{width:100%;min-width:64px;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:14px 14px 8px 8px;background:#ecf1f5}.segment-block{width:100%}.segment-block.normal{background:linear-gradient(180deg,#90dcbf,#2a9f77)}.segment-block.return{background:linear-gradient(180deg,#ffbc7e,#f29a2e)}.segment-block.set{background:linear-gradient(180deg,#ff9188,#d85c52)}.segment-block.inbound{background:linear-gradient(180deg,#5cc9d6,#1596a8)}.segment-block.complete{background:linear-gradient(180deg,#7d8ba4,#556179)}.chart-legend{grid-column:1 / -1;margin-top:8px;gap:14px;flex-wrap:wrap}.chart-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.normal{background:var(--green)}.dot.return{background:var(--amber)}.dot.set{background:var(--red)}.dot.inbound{background:var(--cyan)}.dot.complete{background:#556179}.dot.total-line{background:var(--blue)}.dot.exception-line{background:var(--red)}.trend-shell,.simple-bars,.ranking-list,.ranking-bars{display:grid;gap:10px}.trend-shell.line{gap:12px}.trend-svg{width:100%;height:auto;display:block}.trend-grid-line{stroke:#dfe6ef;stroke-width:1;stroke-dasharray:4 6}.trend-axis-tick{stroke:#9cacbf;stroke-width:1}.trend-axis-label{fill:#6b7889;font-size:12px}.trend-axis-left{text-anchor:end}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-line.total{stroke:#1f4fd8}.trend-line.normal{stroke:#2a9f77}.trend-line.exception{stroke:#d85c52}.trend-dot{stroke:#fff;stroke-width:2}.trend-dot.total{fill:#1f4fd8}.trend-dot.normal{fill:#2a9f77}.trend-dot.exception{fill:#d85c52}.trend-hover-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:6px}.trend-hit{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 6px;display:grid;gap:4px;text-align:center}.trend-hit span{font-size:12px;color:var(--muted)}.trend-hit strong{font-size:14px;color:var(--deep)}.simple-row,.list-row,.rank-row{border-radius:14px;border:1px solid var(--line);background:#fff}.trend-track,.simple-bar,.list-bar,.rank-bar,.progress-track{height:10px;border-radius:999px;background:#edf1f6;overflow:hidden}.trend-normal,.trend-exception,.simple-bar div,.list-bar div,.rank-bar div,.progress-track div{height:100%}.anomaly-layout{margin-top:14px;align-items:stretch;gap:14px}.anomaly-panel{flex:1.7;display:flex;flex-direction:column}.ranking-panel{flex:.95;display:flex;flex-direction:column;min-height:0}.toolbar-row{margin-bottom:12px}.anomaly-filter-panel{border:1px solid var(--line);border-radius:16px;background:#f9fbffe6;padding:12px}.anomaly-filter-actions{justify-content:flex-end;margin-top:10px}.simple-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;padding:10px 12px}.simple-row.active,.rank-row.active{border-color:#1f4fd852;background:var(--blue-soft)}.simple-main,.list-row,.rank-row{border:0;background:transparent;width:100%}.simple-main{display:grid;grid-template-columns:120px minmax(0,1fr) 56px;gap:10px;align-items:center;text-align:left}.simple-bar div,.list-bar div,.rank-bar div,.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#1f4fd8,#4aa0ff)}.list-row{display:grid;grid-template-columns:34px 1fr minmax(0,1fr) 48px;gap:10px;align-items:center;padding:7px 10px;text-align:left}.rank-row{display:grid;grid-template-columns:34px 1fr minmax(0,1fr) 70px;gap:10px;align-items:center;padding:7px 10px;text-align:left}.rank-metrics{display:grid;justify-items:end;gap:2px}.rank-metrics span,.list-order,.rank-index{font-size:12px;color:var(--muted)}.rank-label,.list-label{font-size:12px;line-height:1.2}.ranking-list{flex:1;min-height:0;max-height:980px;overflow:auto;padding-right:4px}.table-shell,.modal-table-shell{overflow:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;min-width:1320px;border-collapse:collapse;background:#fff}th,td{padding:11px 9px;white-space:nowrap;text-align:left;border-bottom:1px solid #edf1f6;font-size:13px;font-variant-numeric:tabular-nums}thead th{position:sticky;top:0;z-index:1;background:#f8fafc}tbody tr{cursor:pointer;transition:background .15s ease}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px}.status-pill.issue{background:var(--red-soft);color:var(--red)}.status-pill.normal{background:var(--green-soft);color:var(--green)}.status-pill.warn{background:var(--amber-soft);color:#b67012}.danger-text{color:var(--red);font-weight:700}.empty-cell{text-align:center;white-space:normal;padding:40px 20px}.pagination{justify-content:flex-end;gap:10px;margin-top:12px}.sku-metric-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:12px}.sku-mini{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#0a142457}.modal-card{width:min(1440px,100%);max-height:calc(100vh - 40px);overflow:hidden;border-radius:20px;padding:18px}.modal-card.medium{width:min(1080px,100%)}.modal-card.large{width:min(1600px,100%)}.modal-head{justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h3{font-size:24px}.sku-order-meta{gap:16px;margin-bottom:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.plan-detail-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.plan-detail-title{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:4px solid #e6f0fb}.plan-detail-title strong{color:var(--blue);font-size:18px}.plan-detail-title span{color:var(--muted);font-size:13px}.table-image{width:42px;height:42px;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#f4f8fc}.detail-drawer{position:fixed;top:18px;right:18px;bottom:18px;width:420px;border-radius:22px;padding:18px;overflow-y:auto;z-index:31}.drawer-card{border:1px solid var(--line);border-radius:16px;background:#ffffffe0;padding:14px}.drawer-card+.drawer-card{margin-top:12px}.drawer-card h4{margin:0 0 12px;font-size:15px;color:var(--deep)}.drawer-product{display:flex;gap:12px;align-items:center;margin-bottom:14px}.drawer-image{width:84px;height:84px;border-radius:16px;border:1px solid var(--line);object-fit:cover;background:#f5f8fc}.drawer-product-info{display:grid;gap:4px}.drawer-product-info strong{color:var(--deep);font-size:16px}.drawer-product-info span{color:var(--muted);font-size:12px}.drawer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drawer-status-row{gap:8px;flex-wrap:wrap;margin:0 0 14px}.explain-text{margin:0 0 12px;color:var(--text);line-height:1.6}.progress-head{justify-content:space-between;margin-bottom:10px}.timeline{margin-top:14px;display:grid;gap:10px}.timeline-row{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px dashed #dbe2eb}.timeline-row strong,.info-item strong,.progress-head strong,.modal-head h3{color:var(--deep)}.info-item{display:grid;gap:4px}@media(max-width:1480px){.filter-grid,.anomaly-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-board{grid-template-columns:1fr}}@media(max-width:1180px){.filter-grid,.anomaly-filter-grid,.summary-grid,.kit-grid,.sku-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.anomaly-layout,.page-header,.section-head{flex-direction:column;align-items:flex-start}.detail-drawer{width:min(92vw,420px)}}@media(max-width:860px){.dashboard-shell{padding:14px 12px 28px}.filter-grid,.anomaly-filter-grid,.summary-grid,.kit-grid,.sku-metric-strip,.drawer-grid,.multi-options,.histogram-grid{grid-template-columns:1fr}.search-field{grid-column:auto}.detail-drawer{inset:auto 0 0;width:auto;border-radius:20px 20px 0 0}}