:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#243147;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bc3ff;outline-offset:2px}[hidden]{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:234px minmax(0,1fr)}.sidebar{background:#10213b;color:#d7e3f3;padding:27px 17px;display:flex;flex-direction:column;gap:30px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#38d6cf,#6a8aff);color:#082943;font-size:24px;font-weight:900;display:grid;place-items:center;box-shadow:0 10px 25px #2ad7d033}.brand strong{display:block;color:white;font-size:15px;letter-spacing:.03em}.brand small{font-size:11px;color:#91a5c1}.nav-caption{font-size:11px;color:#788da9;letter-spacing:.15em;padding:0 12px;margin-bottom:-23px}.navigation{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#a9bbd2;display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:12px 11px;border-radius:10px;font-size:13px}.nav-item:hover{background:#1b3151;color:#fff}.nav-item.active{background:#284568;color:#fff;box-shadow:inset 3px 0 #42d6cf}.nav-icon{font-size:19px;width:23px;text-align:center}.nav-tag{font-size:10px;background:#314864;color:#aabbd2;border-radius:9px;padding:2px 5px;margin-left:auto}.sidebar-note{margin-top:auto;padding:16px 13px;border-top:1px solid #2b3f59;color:#7890ae;font-size:11px;line-height:1.9}.main{padding:30px clamp(18px,3.1vw,48px) 48px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#7294b4;margin-bottom:7px}.topbar h1{font-size:27px;letter-spacing:-.03em;line-height:1.15;margin:0;color:#172943}.topbar p{margin:8px 0 0;color:#8a99ad;font-size:12px}.top-actions{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#75869c;font-size:12px}.status-dot{width:7px;height:7px;background:#21bc96;border-radius:50%;box-shadow:0 0 0 4px #21bc961f}.ghost-button{border:1px solid #dce5ef;background:white;color:#49617d;border-radius:8px;padding:8px 10px;margin-left:5px}.ghost-button:hover{border-color:#7ba8d8}.date-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:white;border:1px solid #e6ecf4;border-radius:14px;padding:15px 18px;box-shadow:0 8px 25px #1d416008;margin-bottom:12px}.date-label{display:flex;align-items:center;gap:10px;min-width:95px}.date-label>span{font-size:23px;color:#4686d6}.date-label strong{display:block;font-size:12px}.date-label small{font-size:10px;color:#9aa9ba}.presets{display:flex;gap:5px;flex-wrap:wrap}.preset{border:0;border-radius:7px;padding:9px 12px;background:#f1f5fa;color:#667990;font-size:11px;font-weight:700}.preset:hover{background:#e5edf8}.preset.active{background:#2976d3;color:white}.custom-date{margin-left:auto;display:flex;align-items:center;gap:8px;color:#a1aab8;font-size:11px;flex-wrap:wrap}.custom-date label{color:#687d96}.custom-date input{border:1px solid #dce5ef;background:#fff;border-radius:7px;color:#38506b;padding:7px;font-size:11px;width:123px}.primary-button{border:0;background:#173c72;color:white;border-radius:7px;padding:8px 13px;font-size:11px;font-weight:700}.primary-button:hover{background:#2666ae}.inline-error,.source-warnings{font-size:12px;padding:10px 13px;margin:8px 0 14px;border-radius:8px}.inline-error{background:#fff0ef;color:#aa3333}.source-warnings{background:#fff8e9;color:#8a6428}.section-head{display:flex;justify-content:space-between;align-items:end;margin:31px 2px 17px;gap:14px}.section-kicker{color:#347ddb;font-weight:900;font-size:10px;letter-spacing:.17em}.section-kicker.violet{color:#8a68d8}.section-kicker.teal{color:#12a3a0}.section-head h2{font-size:19px;margin:5px 0 2px;color:#192d49}.section-head p{font-size:11px;color:#8999ab;margin:0}.section-range{font-size:11px;color:#8397ae;white-space:nowrap}.refund-head,.table-head{margin-top:41px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{background:white;border:1px solid #e6edf5;border-radius:13px;min-width:0;padding:15px 16px 11px;position:relative;box-shadow:0 7px 20px #173d5f06;transition:transform .15s,box-shadow .15s;outline:none}.metric-card:hover,.metric-card:focus-visible{transform:translateY(-2px);box-shadow:0 13px 27px #173d5f17}.metric-title{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#61758d;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-title span:first-child{overflow:hidden;text-overflow:ellipsis}.metric-corner{width:19px;height:19px;border-radius:6px;background:#f0f5fd;color:#5591d3;display:grid;place-items:center;font-size:11px;flex:none}.metric-value{margin-top:9px;font-size:23px;line-height:1.2;letter-spacing:-.04em;color:#142942;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-meta{min-height:20px;margin-top:7px;color:#a4afbd;font-size:10px}.delta{font-weight:700;margin-left:3px}.delta.up{color:#e3505a}.delta.down{color:#1cb78c}.delta.flat{color:#8293a7}.mini-chart{height:37px;margin-top:7px;overflow:hidden}.mini-chart svg{width:100%;height:100%}.hover-chart{position:absolute;z-index:30;top:calc(100% - 8px);left:7px;width:min(340px,90vw);padding:15px;background:#fff;border:1px solid #d9e7f4;border-radius:12px;box-shadow:0 18px 45px #193c6233;display:none;pointer-events:none}.metric-card:hover .hover-chart,.metric-card:focus-visible .hover-chart{display:block}.hover-chart strong{font-size:12px}.hover-chart .trend-chart{height:145px;margin-top:7px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.chart-panel{background:#fff;border:1px solid #e4ebf4;border-radius:13px;padding:18px 19px 14px;min-width:0;box-shadow:0 8px 22px #173d5f07}.chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.chart-heading h3{font-size:13px;color:#213854;margin:0}.chart-heading p{font-size:10px;color:#9caabd;margin:4px 0 0}.chart-badge{font-size:10px;background:#edf5ff;color:#367acc;border-radius:10px;padding:5px 7px;white-space:nowrap}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:13px 0 4px;min-height:16px}.legend-item{display:flex;align-items:center;gap:5px;color:#70839b;font-size:10px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.trend-chart{position:relative;height:210px}.trend-chart svg{display:block;width:100%;height:100%;overflow:visible}.trend-tooltip{position:absolute;z-index:20;background:#1d3552;color:white;border-radius:8px;padding:7px 9px;font-size:10px;line-height:1.6;pointer-events:none;box-shadow:0 8px 20px #0d264948;white-space:nowrap}.empty-chart{height:100%;display:grid;place-items:center;color:#9facbb;font-size:11px}.target-wrap{display:flex;align-items:center;justify-content:center;gap:23px;min-height:236px;flex-wrap:wrap}.target-donut{width:160px;height:160px;position:relative;display:grid;place-items:center}.target-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.target-donut-center{position:absolute;text-align:center}.target-donut-center strong{display:block;font-size:23px;color:#1d3655}.target-donut-center small{font-size:10px;color:#9caabd}.target-details{display:grid;gap:12px;min-width:175px}.target-details small{color:#96a5b6;font-size:10px}.target-details strong{color:#1f3b5a;font-size:14px}.target-details label{font-size:10px;color:#8294a8}.target-details input{display:block;width:165px;padding:7px;border:1px solid #d8e3ef;border-radius:7px;color:#294866;margin-top:5px;font-size:11px}.target-hint{font-size:10px;color:#91a1b4;max-width:185px}.table-panel{background:#fff;border:1px solid #e5ebf3;border-radius:14px;margin-top:16px;box-shadow:0 8px 22px #173d5f07}.table-panel-head{padding:18px 20px 13px;display:flex;align-items:start;justify-content:space-between;gap:14px}.table-panel-head h3{margin:0;color:#203854;font-size:14px}.table-panel-head p{margin:5px 0 0;color:#91a1b3;font-size:10px}.panel-pill{font-size:10px;color:#3c79ba;background:#edf5fe;padding:6px 8px;border-radius:12px;white-space:nowrap}.tab-row{padding:0 20px;display:flex;gap:5px;border-bottom:1px solid #edf1f6}.data-tab{border:0;background:none;color:#8da0b5;padding:10px 13px;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.data-tab.active{color:#2777d2;border-bottom-color:#2777d2}.table-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:13px 20px}.table-controls select,.table-controls input{border:1px solid #dce5ee;background:white;border-radius:7px;color:#567088;padding:7px 8px;font-size:10px;max-width:190px}.table-controls input{min-width:145px}.filter-label{font-size:10px;color:#8fa0b4;margin-left:4px}.clear-filter{border:0;background:#f0f5fa;color:#64809e;padding:7px 9px;border-radius:7px;font-size:10px}.table-scroll{overflow:auto;max-height:510px}table{border-collapse:collapse;width:100%;min-width:850px;font-size:10px}th{position:sticky;top:0;background:#f7f9fc;color:#7d90a6;text-align:right;padding:11px 13px;white-space:nowrap;font-weight:700;border-block:1px solid #eef2f7}th:first-child,th:nth-child(2){text-align:left}th.sortable{cursor:pointer}th.sortable:hover{color:#2876ca}td{padding:10px 13px;text-align:right;border-bottom:1px solid #f0f3f7;color:#49617b;white-space:nowrap}td:first-child,td:nth-child(2){text-align:left}tbody tr:hover{background:#f8fbff}.name-cell{max-width:290px;overflow:hidden;text-overflow:ellipsis}.number-strong{color:#213d60;font-weight:750}.table-empty{text-align:center!important;color:#9babbc;padding:35px!important}.footer{color:#96a6ba;font-size:10px;line-height:1.6;margin-top:22px}.placeholder-page{min-height:330px;margin-top:28px;background:white;border:1px solid #e5ebf3;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.placeholder-symbol{font-size:47px;color:#8fb6e1}.placeholder-page h2{font-size:18px;color:#29435e;margin:12px 0 0}.placeholder-page p{font-size:12px;color:#8fa1b6;max-width:380px;line-height:1.7}.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#07182bb8}.modal-panel{position:relative;background:white;border-radius:15px;width:min(900px,96vw);padding:23px 26px;box-shadow:0 30px 70px #00142f88}.modal-head{display:flex;align-items:start;justify-content:space-between}.modal-head h2{font-size:19px;color:#1d3554;margin:5px 0}.modal-close{width:31px;height:31px;border:0;border-radius:8px;background:#f1f5f9;color:#71869e;font-size:21px}.modal-panel .trend-chart{height:360px}.modal-note{font-size:10px;color:#99a8b9;margin:5px 0 0}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.custom-date{margin-left:0}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;height:auto;position:static;padding:12px 18px;gap:10px}.brand small,.nav-caption,.sidebar-note{display:none}.navigation{display:flex;overflow:auto}.nav-item{white-space:nowrap;width:auto}.main{padding:22px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{align-items:start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:11px}.metric-value{font-size:18px}.metric-title{font-size:10px}.date-bar{gap:10px;padding:12px}.presets{width:100%}.custom-date{gap:5px}.custom-date input{width:115px}.main{padding:15px}.section-range{display:none}.chart-panel{padding:14px}.table-panel-head{padding:15px}}
/* Daily operational diagnosis */
.daily-insight{margin-top:18px;padding:20px;background:#fff;border:1px solid #e3ebf4;border-radius:15px;box-shadow:0 8px 22px #173d5f07}
.daily-insight-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.daily-insight-heading h3{margin:5px 0 3px;color:#1d3552;font-size:16px}
.daily-insight-heading p{margin:0;color:#93a2b5;font-size:10px}
.insight-availability{flex:none;padding:6px 9px;border-radius:12px;font-size:10px}
.insight-availability.ready{background:#eaf8f3;color:#198568}.insight-availability.waiting{background:#fff5e5;color:#a87625}
.daily-insight-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}
.daily-insight-kpis article{min-width:0;padding:13px 14px;background:#f7f9fc;border-radius:11px}
.daily-insight-kpis span,.daily-insight-kpis small{display:block;color:#8293a8;font-size:10px}
.daily-insight-kpis strong{display:block;margin:6px 0;font-size:19px;color:#1c3554;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daily-insight-kpis strong.up{color:#e35c60}.daily-insight-kpis strong.down{color:#159c7b}.daily-insight-kpis small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.daily-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.insight-dimension{min-width:0;border:1px solid #e9eef5;border-radius:11px;padding:13px}
.insight-dimension h4{margin:0 0 10px;color:#28405d;font-size:12px}
.insight-channel-list{display:grid;gap:8px}
.insight-channel-row{display:grid;grid-template-columns:minmax(56px,.7fr) minmax(110px,1.2fr) minmax(70px,.8fr) minmax(94px,1fr);align-items:center;gap:6px;font-size:10px}
.insight-channel-row strong{color:#435b76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insight-channel-row span{color:#8a9bb0;white-space:nowrap}
.insight-channel-row b{text-align:right;white-space:nowrap}.insight-channel-row b.up,.insight-mover b.up{color:#d95a5d}.insight-channel-row b.down,.insight-mover b.down{color:#159c7b}.insight-channel-row b.flat{color:#8393a7}
.insight-movement-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.insight-movement-group h5{margin:0 0 7px;color:#8596a9;font-size:10px}
.insight-mover{padding:8px 0;border-top:1px solid #eff2f6;min-width:0}
.insight-mover-title{display:flex;align-items:center;gap:6px;min-width:0}
.insight-mover-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#405772;font-size:10px}
.insight-mover-title span{flex:none;color:#9aa8b8;font-size:9px}
.insight-mover-values{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:5px}
.insight-mover-values span{color:#91a0b1;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.insight-mover-values b{flex:none;font-size:10px;white-space:nowrap}
.insight-mover small{display:block;margin-top:3px;color:#9aa8b8;font-size:9px}
.insight-mover-trend{height:22px;margin-top:4px}
.insight-sparkline-wrap{display:flex;align-items:center;gap:4px;min-width:0;color:#94a4b6;font-size:8px;white-space:nowrap}
.insight-sparkline{display:block;width:96px;max-width:100%;height:22px;color:#6b91c8;overflow:visible;flex:none}
.insight-sparkline path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.insight-sparkline circle{fill:currentColor}
.insight-sparkline.up{color:#df666a}.insight-sparkline.down{color:#22a17f}.insight-sparkline-missing{color:#a0adba;font-size:9px;line-height:22px}
.insight-empty{margin:0;color:#9aa8b8;font-size:10px;line-height:1.7}
.daily-insight-note{margin:13px 0 0;color:#98a6b5;font-size:9px;line-height:1.6}
.insight-unavailable{padding:15px;background:#fff8e9;border-radius:9px;color:#92703a;font-size:11px}
@media(max-width:1200px){.daily-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.daily-insight-grid{grid-template-columns:1fr}}
@media(max-width:560px){.daily-insight{padding:14px}.daily-insight-kpis{grid-template-columns:1fr;gap:7px}.daily-insight-kpis article{padding:10px 12px}.daily-insight-kpis strong{font-size:17px}.insight-channel-row{grid-template-columns:minmax(42px,.55fr) minmax(90px,1fr) minmax(55px,.7fr) minmax(82px,.9fr);gap:4px}.insight-movement-columns{gap:7px}.insight-mover-values{display:grid;gap:2px}.insight-mover-title strong{font-size:9px}}
/* Daily insight readability and clickable seven-day trend charts */
.insight-channel-head,.insight-channel-row{display:grid;grid-template-columns:minmax(90px,.75fr) minmax(190px,1.4fr) minmax(120px,1.25fr) minmax(100px,.9fr);align-items:center;gap:6px}
.insight-channel-head{padding:0 0 6px;border-bottom:1px solid #e9eef5;color:#8a9bb0;font-size:9px}
.insight-channel-amount-head{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 8px;min-width:0}
.insight-channel-amount-head strong{grid-column:1 / -1;color:#8a9bb0;font-size:9px;text-align:center}
.insight-channel-amount-head .before{grid-column:1;grid-row:2;text-align:right}
.insight-channel-amount-head .after{grid-column:3;grid-row:2;text-align:right}
.insight-channel-row{padding:6px 0;border-bottom:1px solid #f0f3f7;font-size:9px}
.insight-sale-type{display:inline-flex;justify-content:center;align-items:center;min-height:19px;padding:2px 5px;border-radius:6px;font-size:9px;font-weight:750;white-space:nowrap}
.insight-sale-type.cooperation{background:#fff4e8;color:#ad6c22}.insight-sale-type.self{background:#eaf5ff;color:#3976ae}
.insight-channel-row strong{font-size:10px}.insight-channel-label{display:block;justify-self:start;max-width:100%;min-height:0;padding:0!important;border:0;border-radius:0;background:transparent!important;color:#405772!important;font-size:10px!important;font-weight:700;white-space:nowrap}
.insight-channel-amounts{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.insight-channel-amounts>span{display:block;min-width:0;color:#536b86!important;font-size:9px;font-variant-numeric:tabular-nums;line-height:1.3;text-align:right;white-space:nowrap}
.insight-channel-amounts>i{text-align:center;color:#a3afbd;font-size:15px;font-style:normal;font-weight:700;line-height:1}
.insight-channel-amounts>i.up{color:#d95a5d}.insight-channel-amounts>i.down{color:#159c7b}.insight-channel-amounts>i.flat{color:#8a9bb0}
.insight-channel-row>b{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;font-size:9px;font-variant-numeric:tabular-nums;white-space:normal}
.insight-channel-change-amount{font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap}
.insight-channel-change-percent{color:#8a9bb0;font-size:8px;font-weight:500;line-height:1.2;white-space:nowrap}
.insight-trend-trigger{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:zoom-in}
.insight-trend-trigger:focus-visible{outline:2px solid #83b7ec;outline-offset:2px;border-radius:5px}
.insight-trend-trigger:hover .insight-sparkline-hint,.insight-trend-trigger:focus-visible .insight-sparkline-hint{color:#347ddb}
.insight-sparkline-wrap{gap:5px}.insight-sparkline-hint{font-size:8px;color:#a0adba;flex:none}
.insight-mover-title{display:block}.insight-mover-title strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;font-size:11px;line-height:1.45}
.insight-mover-title span{display:inline-flex;margin-top:4px;padding:2px 5px;border-radius:6px;background:#f1f5f9;font-size:9px}
.insight-mover-values{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:5px}
.insight-mover-values span{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.insight-mover-values b{white-space:nowrap}
.insight-mover-trend{height:24px;margin-top:3px}
.insight-mover-trend .insight-sparkline-wrap{width:max-content;max-width:100%}
.insight-channel-row .insight-sparkline{width:88px;height:21px}
.insight-mover .insight-sparkline{width:96px;height:22px}
.insight-channel-dimension{display:flex;flex-direction:column}
.insight-channel-list{display:flex;flex:1;min-height:0;flex-direction:column;gap:0}
.insight-channel-head{flex:none}
.insight-channel-row{flex:1;min-height:48px}
@media(max-width:1100px){.daily-insight-grid{grid-template-columns:1fr}}
@media(max-width:560px){
  .insight-channel-head{display:none}
  .insight-channel-amounts>.before::before,.insight-channel-amounts>.after::before{display:block;margin-bottom:2px;color:#9aa8b8;font-size:8px;font-weight:400}
  .insight-channel-amounts>.before::before{content:"前一段"}
  .insight-channel-amounts>.after::before{content:"所选段"}
  .insight-channel-row{grid-template-columns:minmax(100px,.85fr) minmax(0,1.4fr);grid-template-rows:auto auto;column-gap:8px;row-gap:4px;padding:8px 0}
  .insight-channel-row>.insight-channel-label{grid-column:1;grid-row:1;align-self:center}
  .insight-channel-row>.insight-channel-amounts{grid-column:2;grid-row:1}
  .insight-channel-row>.insight-trend-trigger{grid-column:1;grid-row:2}
  .insight-channel-row>b{grid-column:2;grid-row:2;font-size:8px}
  .insight-channel-row .insight-sparkline{width:67px}
  .insight-channel-row .insight-sparkline-wrap{gap:3px}
  .insight-movement-columns{grid-template-columns:1fr;gap:14px}
  .insight-mover-title strong{-webkit-line-clamp:4;font-size:11px}
  .insight-mover-values{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}
}
.insight-filter-note{margin:-5px 0 8px;color:#94a3b6;font-size:9px;line-height:1.5}
.insight-mover-values b{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:1px 4px;white-space:normal}
.insight-delta-amount{font-size:10.5px;font-weight:800;white-space:nowrap}
.insight-mover b.up .insight-delta-amount{color:#d95a5d}
.insight-mover b.down .insight-delta-amount{color:#159c7b}
.insight-delta-percent{margin:0!important;color:#8a9bb0!important;font-size:8px!important;font-weight:600;white-space:nowrap}
.metric-preview{border:0!important}

/* Keep movement figures in a compact, consistently aligned two-line column. */
.insight-mover-values b{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;align-self:center;line-height:1.15}
.insight-mover b.up .insight-delta-percent{color:#d95a5d!important}
.insight-mover b.down .insight-delta-percent{color:#159c7b!important}
.insight-mover b.up .insight-delta-percent,.insight-mover b.down .insight-delta-percent{font-size:9px!important;font-weight:650}
.insight-mover-trends.combined{grid-template-columns:minmax(0,1fr)}
.insight-combined-trigger-content,.insight-combined-chart{display:block;width:100%;min-width:0}
.insight-combined-chart{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px}
.insight-combined-legend{display:grid;gap:4px;color:#8194ac;font-size:8px;line-height:1.25;white-space:nowrap}
.insight-combined-legend>span{display:flex;align-items:center;gap:4px}
.insight-combined-legend i,.metric-preview-multi-values i{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%}
.insight-combined-legend i.net{background:#3973f5}.insight-combined-legend i.spend{background:#22a17f}
.insight-combined-sparkline{display:block;width:100%;max-width:250px;height:34px;overflow:visible}
.insight-combined-sparkline path{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.insight-combined-sparkline path.net{stroke:#3973f5}.insight-combined-sparkline path.spend{stroke:#22a17f}
.metric-preview-multi-values{display:grid;gap:4px}
.metric-preview-multi-values>span{display:grid;grid-template-columns:7px auto 1fr;align-items:center;gap:5px;min-width:0}
.metric-preview-multi-values em{color:#8292a7;font-size:9px;font-style:normal;font-weight:600}
.metric-preview-multi-values strong{justify-self:end;color:#27303c;font-size:14px;line-height:1.1;letter-spacing:0}
@media(max-width:560px){.insight-combined-chart{grid-template-columns:auto minmax(0,1fr);gap:7px}.insight-combined-legend{font-size:8px}.insight-combined-sparkline{height:32px}.insight-mover-values b{gap:2px}}

/* Keep the amount comparison left and reserve clear, aligned space for the sparkline and changes. */
.insight-channel-head,.insight-channel-row{grid-template-columns:minmax(76px,.58fr) minmax(180px,1.12fr) minmax(108px,1.08fr) minmax(164px,1.22fr)}
.insight-channel-trend-head{text-align:right;padding-right:10px}
.insight-channel-change-head{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;text-align:left;white-space:nowrap}
.insight-channel-change-head>strong{font-size:9px;font-weight:500;text-align:center}
.insight-channel-change-subhead,.insight-channel-row>b{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:baseline;column-gap:8px;min-width:0;font-variant-numeric:tabular-nums}
.insight-channel-change-subhead>i{text-align:right;font-size:8px;font-style:normal}
.insight-channel-row>.insight-trend-trigger,.insight-channel-row>.insight-mover-trend{text-align:right}
.insight-channel-row .insight-mover-trend{display:flex;align-items:center;justify-content:flex-end;width:100%;height:24px;margin:0;padding-right:10px;box-sizing:border-box}
.insight-channel-row .insight-sparkline-wrap{justify-content:flex-end;width:100%;gap:0}
.insight-channel-row .insight-sparkline{width:104px;height:22px}
.insight-channel-row>b{justify-items:stretch;align-items:center;gap:8px;font-size:9px;white-space:nowrap}
.insight-channel-change-amount{justify-self:end;font-size:10px;font-weight:800;line-height:1.25;text-align:right}
.insight-channel-row>b.up .insight-channel-change-amount{color:#d95a5d}
.insight-channel-row>b.down .insight-channel-change-amount{color:#159c7b}
.insight-channel-row>b.flat .insight-channel-change-amount{color:#8393a7}
.insight-channel-row>b.up .insight-channel-change-percent{color:#d95a5d}
.insight-channel-row>b.down .insight-channel-change-percent{color:#159c7b}
.insight-channel-row>b.flat .insight-channel-change-percent{color:#8393a7}
.insight-channel-change-percent{justify-self:end;color:#8192a7;font-size:9px;font-weight:600;line-height:1.25;text-align:right}
@media(max-width:560px){
  .insight-channel-row{grid-template-columns:minmax(100px,.85fr) minmax(0,1.4fr)}
  .insight-channel-amounts{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:3px}
  .insight-channel-row .insight-sparkline{width:min(100%,96px)}
  .insight-channel-row .insight-sparkline-wrap{gap:0}
  .insight-channel-row>b{font-size:9px}
  .insight-channel-row>b{grid-template-columns:minmax(0,1fr) 42px;column-gap:5px}
  .insight-channel-change-amount{font-size:9px}
  .insight-channel-change-percent{font-size:8px}
}

/* Label each movement chart by its measure; plans show net sales and spend side by side. */
.insight-mover-trends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px;min-width:0}
.insight-mover-trends.single{grid-template-columns:minmax(0,1fr)}
.insight-mover-trends .insight-trend-trigger{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:zoom-in}
.insight-trend-item{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:6px;min-width:0}
.insight-trend-metric-label{color:#8194ac;font-size:8px;font-weight:700;line-height:1.3;white-space:nowrap}
.insight-mover-trends .insight-mover-trend{display:flex;align-items:center;width:100%;height:24px;margin:0;min-width:0}
.insight-mover-trends .insight-sparkline-wrap{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;gap:0}
.insight-mover-trends .insight-sparkline{width:100%;max-width:128px;height:22px}
.insight-mover-trends.dual .insight-sparkline{max-width:100px}
.insight-trend-static{display:block;min-width:0}
.insight-mover-trends .insight-trend-trigger:focus-visible{outline-offset:1px}
@media(max-width:560px){.insight-mover-trends.dual{gap:12px}.insight-mover-trends.dual .insight-trend-item{grid-template-columns:44px minmax(0,1fr)}}

/* AI Shop Manager: spacious diagnosis canvas in the dashboard's established palette. */
.nav-icon{display:grid;place-items:center;flex:none}
.nav-logo{display:block;width:24px;height:24px;overflow:visible}
.nav-logo-douyin{width:22px;height:24px}
.nav-logo-schedule{color:#e6effc}
.product-name-link{display:inline-block;max-width:100%;overflow:hidden;color:#315d92;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;text-decoration:none}
.product-name-link:hover,.product-name-link:focus-visible{color:#1769bd;text-decoration:underline;text-underline-offset:2px}
.ai-page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 0 24px;padding:clamp(26px,4vw,48px);border:1px solid #e7edf5;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8faff 64%,#f1f7ff 100%);box-shadow:0 14px 38px #173d5f08}
.ai-page-intro h2{margin:10px 0 8px;color:#172943;font-size:clamp(28px,3.2vw,42px);font-weight:750;letter-spacing:-.045em;line-height:1.13}
.ai-page-intro p{max-width:650px;margin:0;color:#8292a7;font-size:13px;line-height:1.7}
.ai-page-mark{display:grid;place-items:center;width:66px;height:66px;flex:none;border:1px solid #dce9fb;border-radius:22px;background:linear-gradient(145deg,#fff,#edf5ff);color:#4d8ce0;font-size:30px;box-shadow:0 10px 24px #437cbb14}
#ai-page .daily-insight{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
#ai-page .daily-insight-heading{margin:0 2px 19px}
#ai-page .daily-insight-heading h3{font-size:22px;letter-spacing:-.025em}
#ai-page .daily-insight-heading p{font-size:11px}
#ai-page .daily-insight-kpis{gap:14px;margin-bottom:18px}
#ai-page .daily-insight-kpis article{padding:19px 21px;border:1px solid #e8edf4;border-radius:17px;background:#fff;box-shadow:0 10px 28px #173d5f08}
#ai-page .daily-insight-kpis span{font-size:11px}
#ai-page .daily-insight-kpis strong{margin:8px 0;font-size:25px;letter-spacing:-.035em}
#ai-page .daily-insight-kpis small{font-size:10px}
#ai-page .daily-insight-grid{grid-template-columns:minmax(0,1fr);gap:16px}
#ai-page .insight-dimension{padding:22px 25px;border:1px solid #e7edf4;border-radius:19px;background:#fff;box-shadow:0 12px 30px #173d5f08}
#ai-page .insight-dimension h4{margin-bottom:15px;font-size:16px;letter-spacing:-.015em}
#ai-page .insight-channel-row{min-height:62px;padding:10px 0}
#ai-page .insight-movement-columns{gap:24px}
#ai-page .insight-movement-group h5{margin-bottom:10px;font-size:11px}
#ai-page .insight-mover{padding:15px 3px}
#ai-page .insight-mover-title strong{font-size:13px}
#ai-page .insight-mover-title span{font-size:10px}
#ai-page .insight-mover-values{margin-top:8px}
#ai-page .insight-mover-values span{font-size:11px}
#ai-page .insight-mover-values b{font-size:11px}
#ai-page .insight-mover small{margin-top:5px;font-size:10px}
#ai-page .insight-mover-trends{margin-top:9px;gap:20px}
#ai-page .insight-trend-metric-label{font-size:9px}
#ai-page .insight-mover-trends.dual .insight-sparkline{max-width:180px}
#ai-page .insight-mover-trends.single .insight-sparkline{max-width:220px}
#ai-page .daily-insight-note{margin:18px 2px 0;font-size:10px}
.presets{scrollbar-width:thin}
@media(max-width:900px){.ai-page-intro{padding:26px 24px}#ai-page .daily-insight-kpis article{padding:15px}}
@media(max-width:560px){.ai-page-intro{margin:8px 0 18px;padding:25px 20px;border-radius:20px}.ai-page-intro h2{font-size:29px}.ai-page-intro p{font-size:12px}.ai-page-mark{width:48px;height:48px;border-radius:16px;font-size:23px}#ai-page .daily-insight-heading{align-items:flex-start}#ai-page .daily-insight-heading h3{font-size:19px}#ai-page .daily-insight-kpis{grid-template-columns:1fr;gap:9px}#ai-page .daily-insight-grid{gap:11px}#ai-page .insight-dimension{padding:17px 15px;border-radius:16px}#ai-page .insight-movement-columns{grid-template-columns:1fr;gap:16px}#ai-page .insight-mover-trends{gap:12px}}
@media(max-width:560px){.presets{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.preset{flex:none}}

/* In-dashboard product preview; the external Douyin detail remains an optional handoff. */
.product-name-link{border:0;padding:0;background:none;font:inherit;text-align:left;cursor:pointer}
.product-name-link:hover,.product-name-link:focus-visible{color:#1769bd;text-decoration:underline;text-underline-offset:2px}
.product-preview-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.product-preview-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#07182bb8}
.product-preview-panel{position:relative;width:min(700px,96vw);max-height:calc(100vh - 40px);overflow:auto;padding:clamp(20px,4vw,32px);border:1px solid #e4ebf4;border-radius:20px;background:#fff;box-shadow:0 30px 70px #00142f55;animation:product-preview-in .18s ease-out}
.product-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.product-preview-head h2{margin:7px 0 5px;color:#192d49;font-size:clamp(18px,3vw,24px);line-height:1.35;overflow-wrap:anywhere}
.product-preview-head p{margin:0;color:#91a1b4;font-size:11px}
.product-preview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.product-preview-metrics article{min-width:0;padding:15px;border:1px solid #e8edf4;border-radius:13px;background:#f7f9fc}
.product-preview-metrics span,.product-preview-carriers span{display:block;color:#8092a8;font-size:11px}
.product-preview-metrics strong{display:block;margin-top:8px;color:#1d3655;font-size:clamp(14px,2.5vw,19px);font-variant-numeric:tabular-nums;white-space:nowrap}
.product-preview-carriers{margin-top:24px}
.product-preview-carriers h3{margin:0 0 9px;color:#2b4260;font-size:13px}
.product-preview-carriers>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #edf1f6}
.product-preview-carriers>div>div{padding:13px 10px;border-right:1px solid #edf1f6}
.product-preview-carriers>div>div:first-child{padding-left:0}
.product-preview-carriers>div>div:last-child{border-right:0}
.product-preview-carriers strong{display:block;margin-top:6px;color:#294565;font-size:14px;font-variant-numeric:tabular-nums}
.product-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}
.product-preview-foot p{margin:0;color:#9aa8b8;font-size:10px;line-height:1.6}
.product-open-douyin{flex:none;border-radius:9px;padding:10px 13px;background:#173c72;color:white;font-size:11px;font-weight:700;text-decoration:none}
.product-open-douyin:hover{background:#2666ae}
@keyframes product-preview-in{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.product-preview-modal{padding:12px}.product-preview-panel{width:100%;max-height:calc(100vh - 24px);padding:20px 17px;border-radius:17px}.product-preview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.product-preview-metrics article{padding:12px}.product-preview-carriers{margin-top:20px}.product-preview-foot{align-items:stretch;flex-direction:column-reverse}.product-open-douyin{text-align:center}}
@media(prefers-reduced-motion:reduce){.product-preview-panel{animation:none}}

/* AI manager: put the period result, comparison and largest qualified mover first. */
.ai-page-intro{min-height:0;margin:8px 0 18px;padding:clamp(21px,3vw,34px);border-radius:20px}
.ai-page-intro-copy{min-width:0;max-width:980px}
.ai-page-intro h2{margin:8px 0 7px;font-size:clamp(23px,2.7vw,34px);line-height:1.22;letter-spacing:-.035em}
.ai-page-intro p{max-width:900px;font-size:12px;line-height:1.65}
#ai-page .daily-insight-kpis{align-items:stretch;gap:12px;margin:0 0 20px}
#ai-page .daily-insight-kpis article{display:flex;min-width:0;min-height:150px;flex-direction:column;align-items:stretch;gap:0;padding:17px 18px;border:1px solid #e7edf4;border-radius:16px;background:#fff;box-shadow:0 8px 23px #173d5f07}
#ai-page .daily-insight-kpis .kpi-label{display:block;color:#8092a8;font-size:11px;font-weight:650;line-height:1.4;white-space:normal}
#ai-page .daily-insight-kpis .kpi-primary{display:block;overflow:visible;margin:12px 0 14px;color:#1c3554;font-size:clamp(20px,2.1vw,27px);font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.15;white-space:nowrap;text-overflow:clip}
.kpi-coverage{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:auto;color:#8798ac;font-size:10px}
.kpi-coverage span{font-size:10px}
.kpi-coverage b{color:#7488a0;font-size:10px;font-weight:600}
.kpi-coverage>i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:8px;background:#edf2f7}
.kpi-coverage>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43c9bd,#4b8ee5)}
.kpi-change-values{display:flex;min-height:35px;align-items:baseline;justify-content:space-between;gap:7px;margin:10px 0 8px}
#ai-page .daily-insight-kpis .kpi-change-values strong{display:block;overflow:visible;margin:0;font-size:clamp(16px,1.65vw,22px);font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.25;white-space:nowrap;text-overflow:clip}
.kpi-change-values strong.up,.kpi-change-values b.up,.kpi-entity-delta.up{color:#e35057}
.kpi-change-values strong.down,.kpi-change-values b.down,.kpi-entity-delta.down{color:#159c7b}
.kpi-change-values strong.flat,.kpi-change-values b.flat,.kpi-entity-delta.flat{color:#7e91a8}
.kpi-change-values>b{flex:none;border-radius:7px;padding:5px 7px;background:#f2f5f8;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
#ai-page .daily-insight-kpis article>small{display:block;margin-top:auto;color:#8b9cb0;font-size:10px;line-height:1.55;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.kpi-entity-title{display:flex;min-width:0;align-items:flex-start;gap:7px;margin:9px 0 7px}
.kpi-entity-type{flex:none;display:inline-block;padding:3px 6px;border-radius:6px;background:#edf4fc;color:#477aa9;font-size:9px;line-height:1.4}
#ai-page .daily-insight-kpis .kpi-entity-title strong{display:-webkit-box;min-width:0;overflow:hidden;margin:0;color:#29415f;font-size:12px;font-weight:700;line-height:1.45;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#ai-page .daily-insight-kpis .kpi-entity-delta{display:block;overflow:visible;margin:0 0 6px;font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;text-overflow:clip}
.kpi-entity-empty{margin:12px 0 8px;color:#536b87;font-size:14px;font-weight:700}
.ai-page-intro .ai-page-mark{width:54px;height:54px;border-radius:17px;font-size:25px}
@media(max-width:900px){.ai-page-intro{padding:22px}.ai-page-intro h2{font-size:25px}#ai-page .daily-insight-kpis{gap:9px}#ai-page .daily-insight-kpis article{min-height:145px;padding:15px 13px}#ai-page .daily-insight-kpis .kpi-primary{font-size:21px}#ai-page .daily-insight-kpis .kpi-change-values strong{font-size:17px}}
@media(max-width:700px){#ai-page .daily-insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#ai-page .daily-kpi-mover{grid-column:1/-1}}
@media(max-width:560px){.ai-page-intro{margin:7px 0 15px;padding:20px 17px;border-radius:17px}.ai-page-intro h2{margin:7px 0;font-size:23px}.ai-page-intro p{font-size:11px}.ai-page-intro .ai-page-mark{width:40px;height:40px;border-radius:13px;font-size:20px}#ai-page .daily-insight-kpis{grid-template-columns:1fr;gap:8px}#ai-page .daily-kpi-mover{grid-column:auto}#ai-page .daily-insight-kpis article{min-height:130px;padding:15px 16px}#ai-page .daily-insight-kpis .kpi-primary{font-size:23px}#ai-page .daily-insight-kpis .kpi-change-values strong{font-size:19px}}