:root{--blue:#2464eb;--ink:#1b2943;--muted:#8290a5;--line:#e9eef6;--paper:#f4f7fc;--teal:#20b7b4;--purple:#8e67ec;--orange:#efa948;--shadow:0 7px 26px rgba(25,59,108,.035)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9ac0ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.35}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.masthead{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650;letter-spacing:.3px}.brand-mark{display:grid;place-items:center;color:white;font-size:20px;width:36px;height:36px;background:linear-gradient(135deg,#3987ff,#2360da);border-radius:10px;box-shadow:0 4px 9px #2265e32b}.brand-divider{padding:0 9px;color:#c2cad6;font-weight:400}.masthead-right{display:flex;align-items:center;gap:22px}.demo-badge{color:#9b731d;background:#fff8e8;padding:5px 11px;font-size:12px;border-radius:6px}.demo-badge i{display:inline-block;width:6px;height:6px;background:#d4a13e;border-radius:50%;margin-right:5px}.text-button{background:transparent;color:#65728b;font-size:12px}.text-button span{margin-left:8px}main{max-width:1600px;margin:auto;padding:28px 3.5vw 0}.hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(112deg,#e2edff 0%,#e6f5ff 47%,#eef3ff 82%,#f1ecff 100%);padding:28px 32px 0;min-height:213px;border:1px solid #fff;box-shadow:var(--shadow)}.eyebrow{font-size:10px;letter-spacing:2px;color:#6d8cc1;font-weight:650}.hero h1{font-size:28px;letter-spacing:1px;line-height:1.3;margin:8px 0 10px}.hero p{margin:0;color:#7185a4;font-size:13px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px;position:relative;z-index:2}.view-switch{display:flex;gap:26px}.view-switch button{position:relative;background:transparent;padding:14px 0 15px;color:#8091aa;font-weight:650}.view-switch button.active{color:var(--blue)}.view-switch button.active:after{position:absolute;content:"";bottom:0;left:0;right:0;background:var(--blue);height:3px;border-radius:4px}.view-switch button span{font-size:9px;padding:2px 5px;background:#ffffff80;border-radius:4px;vertical-align:middle;margin-left:6px;color:#8ca1bd}.data-meta{color:#8a9bb4;font-size:11px}.hero-art{position:absolute;right:95px;top:-4px;width:220px;height:160px;pointer-events:none}.art-orbit{position:absolute;border:1px solid #bcd7fa6e;width:240px;height:240px;border-radius:50%;top:-35px;left:-35px}.art-orbit:before{content:"";position:absolute;inset:24px;border:1px solid #bcd7fa66;border-radius:50%}.art-card{position:absolute;width:146px;height:100px;top:36px;left:15px;background:linear-gradient(160deg,#ffffffd4,#c9e2ff8c);border:2px solid #ffffffb3;border-radius:14px;transform:rotate(-9deg);box-shadow:10px 14px 23px #7c9bd122;padding:18px}.art-shield{position:absolute;right:-26px;top:-20px;width:59px;height:67px;color:#4689e5;font-size:30px;background:linear-gradient(135deg,#f6fbff,#b3d5fc);clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);display:grid;place-items:center}.art-line{height:5px;width:58px;border-radius:5px;background:#bed6f3;margin:4px 0 9px}.art-line.short{width:36px;background:#d4e3f7}.art-bars{position:absolute;bottom:16px;right:18px;display:flex;align-items:flex-end;gap:5px;height:34px}.art-bars i{width:10px;background:#78adef;border-radius:3px}.art-bars i:nth-child(1){height:12px}.art-bars i:nth-child(2){height:19px}.art-bars i:nth-child(3){height:27px}.art-bars i:nth-child(4){height:36px}.filter-panel{background:#fff;border:1px solid var(--line);padding:20px 24px 0;margin:18px 0 26px;border-radius:12px;box-shadow:var(--shadow)}h2{font-size:16px;font-weight:650;margin:0;letter-spacing:.1px}p{margin:0}.filter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-top h2{font-size:14px}.filter-symbol{font-size:21px;margin-right:4px;color:#58769a}.quick-times{display:flex;gap:6px}.quick-times button{font-size:11px;color:#8491a5;padding:4px 10px;border-radius:5px;background:#f6f8fc}.quick-times button.selected{color:var(--blue);background:#edf4ff}.filter-grid{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(140px,.8fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:16px;align-items:end}.filter-grid:has(#source-field:not([hidden])){grid-template-columns:minmax(280px,1.6fr) .8fr 1fr 1fr .8fr auto}label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#77859a}input,select{height:36px;border:1px solid #e3e9f2;background:#fbfcfe;border-radius:6px;color:#45546b;padding:0 10px;font-size:12px;min-width:0;width:100%}input::placeholder{color:#aeb7c6}input:hover,select:hover{border-color:#bacbe7}.date-inputs{display:flex;align-items:center;gap:8px}.date-inputs span{color:#98a4b5;font-size:11px}.date-inputs input{min-width:118px;flex:1}.filter-actions{display:flex;gap:8px}.primary-button,.secondary-button{height:36px;border-radius:6px;font-size:12px;padding:0 16px;white-space:nowrap}.primary-button{background:var(--blue);color:#fff;box-shadow:0 3px 7px #2464eb1b}.primary-button:hover{background:#1856d9;box-shadow:0 4px 12px #2464eb33}.secondary-button{background:#fff;border:1px solid #e0e6ef;color:#77859a}.secondary-button:hover{background:#f5f8fd}.filter-summary{display:flex;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid #f0f3f8;padding:11px 0;color:#91a0b5;font-size:10px}.filter-summary>span:first-child{color:#7790b1}.info-button{color:#90a4c0;background:transparent;font-size:12px;padding:0 2px}.error-message{color:#cd5a61;font-size:12px;margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;gap:14px}.section-heading p{font-size:11px;color:#95a1b2}.subtle{font-size:10px;color:#93a0b1}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-card{position:relative;text-align:left;border:1px solid #fff;border-radius:12px;padding:18px 18px 16px;background:linear-gradient(130deg,#fff,#f4f7ff);color:var(--ink);box-shadow:var(--shadow);min-height:169px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #25437b0c}.metric-card:nth-child(2){background:linear-gradient(130deg,#fff,#f5f1ff)}.metric-card:nth-child(3){background:linear-gradient(130deg,#fff,#fff4ef)}.metric-card:nth-child(4){background:linear-gradient(130deg,#fff,#eefaFA)}.metric-card:nth-child(5){background:linear-gradient(130deg,#fff,#fff9ee)}.metric-card:nth-child(6){background:linear-gradient(130deg,#fff,#f0f5ff)}.metric-icon{display:grid;place-items:center;width:30px;height:30px;background:#5a91fc;border-radius:9px;color:white;margin-bottom:14px;box-shadow:0 4px 8px #6294ec29}.metric-icon svg{width:18px;height:18px}.metric-card:nth-child(2) .metric-icon{background:#9a73ed}.metric-card:nth-child(3) .metric-icon{background:#f19278}.metric-card:nth-child(4) .metric-icon{background:#41bcbe}.metric-card:nth-child(5) .metric-icon{background:#eeb759}.metric-card:nth-child(6) .metric-icon{background:#5f99f1}.metric-label{font-size:11px;color:#74839b;display:block;white-space:nowrap}.metric-value{font-size:26px;line-height:1.5;font-weight:700;letter-spacing:-.5px;display:block;font-variant-numeric:tabular-nums}.metric-note{display:block;font-size:9px;color:#9aa6b7;margin-top:5px}.metric-arrow{position:absolute;right:15px;top:17px;color:#bcc8d8;font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:22px 24px;min-width:0;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-head p{font-size:11px;color:#97a3b4;margin-top:4px}.panel-head h2 .small-tag{margin-left:8px}.small-tag{display:inline-block;font-size:9px;padding:2px 6px;border-radius:4px;background:#f2f6fc;color:#8599b8;font-weight:400;vertical-align:middle}.segment{display:flex;gap:2px;border-radius:6px;padding:3px;background:#f4f6fa;flex-wrap:wrap}.segment button{background:transparent;color:#8a97aa;border-radius:4px;padding:5px 11px;font-size:11px;white-space:nowrap}.segment button.active{background:#fff;color:var(--blue);box-shadow:0 1px 4px #2444640c}.segment button:hover{color:var(--blue)}.segment.compact button{padding:3px 8px}.profit-content{display:flex;align-items:center;margin:23px 0 18px}.profit-stat{width:36%;border-right:1px solid var(--line);padding:0 24px 0 0}.profit-stat>span:first-child{font-size:11px;color:#8898af}.profit-stat strong{display:block;font-size:33px;line-height:1.6}.profit-stat strong small{font-weight:400;font-size:12px;color:#9aa9bc}.pending-badge{color:#a48a5d;background:#faf6ed;border-radius:4px;padding:3px 7px;font-size:10px}.profit-right{padding-left:32px;flex:1}.profit-right form{display:flex;align-items:end;gap:12px}.profit-right label{width:130px}.profit-context{font-size:11px;color:#93a1b4;margin:12px 0 4px}.link-button{background:transparent;padding:0;color:var(--blue);font-size:11px;white-space:nowrap}.link-button:hover{text-decoration:underline}.panel-foot{font-size:10px;color:#9ba7b6;border-top:1px solid var(--line);padding-top:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-grid>.panel{min-width:0}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0}.chart-toolbar select{height:28px;width:auto;max-width:130px;background:#fff;font-size:10px}.trend-chart{height:235px}.trend-chart svg{width:100%;height:100%;overflow:visible}.svg-label{font-size:10px;fill:#98a5b7}.chart-point{cursor:pointer}.chart-point:hover circle{r:5;fill:#2464eb;stroke-width:3}.distribution-content{display:flex;align-items:center;gap:22px;min-height:235px}.donut-wrap{position:relative;width:175px;height:175px;flex-shrink:0}.donut{width:175px;height:175px;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.donut-center strong{font-size:27px;line-height:1.5;letter-spacing:-.8px}.donut-center span{font-size:10px;color:#94a1b4}.donut-segment{cursor:pointer;transition:opacity .15s}.donut-segment:hover{opacity:.72}.distribution-table{width:100%;font-size:11px;border-collapse:collapse}.distribution-table th{text-align:right;font-size:9px;font-weight:400;color:#9eabba;padding-bottom:10px}.distribution-table th:first-child{text-align:left}.distribution-table td{padding:11px 0;border-bottom:1px solid #f0f3f8;text-align:right;white-space:nowrap}.distribution-table tr:last-child td{border-bottom:0}.distribution-table td:first-child{text-align:left}.distribution-table button{padding:0;background:transparent;color:#64748b;font-size:11px}.distribution-table button:hover{color:var(--blue)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.distribution-table .distribution-total{font-weight:650}.amount-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;padding:27px 15px 0}.amount-bin{background:none;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;color:#7687a0}.amount-bar-space{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:120px;width:100%}.amount-bar{width:45%;max-width:78px;background:linear-gradient(#72a5ff,#2864e9);border-radius:5px 5px 0 0;min-height:2px;transition:filter .2s}.amount-bin:hover .amount-bar{filter:brightness(1.12)}.amount-bin strong{font-size:13px;font-weight:500;margin-bottom:6px}.amount-label{font-size:10px;margin-top:9px}.amount-share{font-size:9px;color:#a1aec0;margin-top:3px}.amount-baseline{height:1px;background:#edf1f7;margin:0 15px}.table-scroll{overflow:auto}table.data-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}.data-table th{background:#f7f9fc;color:#7e8da4;font-size:10px;font-weight:500;padding:11px 10px;text-align:right}.data-table th:first-child,.data-table th.left,.data-table td.left{text-align:left}.data-table td{padding:13px 10px;text-align:right;border-bottom:1px solid #eff2f7;color:#64738b;font-variant-numeric:tabular-nums}.data-table tr:hover td{background:#fbfcff}.data-table tr:last-child td{border-bottom:0}.company-name{background:transparent;color:#485c7a;text-align:left;font-size:11px;padding:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;display:inline-block}.company-name:hover{color:var(--blue)}.tier{display:inline-block;padding:2px 5px;font-size:9px;border-radius:4px;color:#4481dd;background:#eef5ff;border:1px solid #d7e7ff;white-space:nowrap}.tier.unknown{background:#f5f6f8;color:#9aa4b2;border-color:#e9edf2}.rank-scroll{height:310px}.rank-number{font-size:11px;color:#8b9bb2;text-align:center}.rank-number.top{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#fff4d7;color:#c2953d;font-weight:650}.rank-number.top.silver{background:#eef3f9;color:#8a9cb3}.rank-number.top.bronze{background:#fff0e7;color:#d9986b}.qual-row{display:flex;align-items:center;gap:14px;margin:23px 8px}.qual-name{width:95px;font-size:11px;color:#7d8aa0;flex-shrink:0}.qual-track{height:9px;background:#f0f5fc;flex:1;border-radius:6px;overflow:hidden}.qual-fill{height:100%;background:linear-gradient(90deg,#a9c7ff,#487de8);border-radius:6px}.qual-row strong{font-size:11px;color:#71839f;min-width:40px;text-align:right}.qual-note{font-size:10px;color:#9aa6b8;margin:25px 8px}.return-badge{font-size:9px;padding:2px 5px;background:#fff3e9;color:#c99867;border-radius:4px}.status-badge{font-size:9px;color:#54a49a;background:#effaf7;border-radius:4px;padding:2px 5px}.orders-table-company{max-width:160px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}footer{display:flex;justify-content:space-between;color:#a7b3c4;font-size:10px;padding:12px 0 24px}.empty{display:grid;place-items:center;min-height:160px;font-size:12px;color:#a0aec0;text-align:center;padding:25px}.view-note{background:#fff8eb;border:1px solid #f6e8c6;color:#aa8d50;font-size:11px;border-radius:8px;margin-top:14px;padding:10px 15px}.bid-source-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}.source-card{background:#f7f9fe;border-radius:8px;padding:16px;cursor:pointer;text-align:left;color:#7d8da6}.source-card strong{display:block;font-size:24px;color:#415f91;margin:6px 0}.source-card span{font-size:10px}.source-card:hover{background:#eef4ff}.drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid #e9eef7;width:min(860px,92vw);height:100vh;max-height:100vh;max-width:92vw;padding:0;background:#fff;box-shadow:-20px 0 60px #193b6726;color:var(--ink)}.drawer::backdrop{background:#1c30434d;backdrop-filter:blur(3px)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:27px 28px;border-bottom:1px solid var(--line);background:#f9fbff}.drawer-head h2{font-size:20px;margin:7px 0}.drawer-head p{font-size:11px;color:#8295af;max-width:700px}.close-button{background:#eef3fa;color:#8293ab;border-radius:50%;height:30px;min-width:30px;font-size:23px;line-height:25px}.drawer-content{padding:24px 28px;overflow:auto;height:calc(100vh - 148px)}.drawer-stats{display:flex;gap:24px;padding:15px;background:#f4f8fe;border-radius:8px;margin-bottom:20px;color:#8494aa;font-size:11px}.drawer-stats strong{display:block;color:#47668f;font-size:19px;font-weight:600}.detail-section{margin-bottom:26px}.detail-section h3{font-size:14px;margin:0 0 13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.detail-item{padding:13px 16px;border-bottom:1px solid var(--line);background:#fcfdff}.detail-item:nth-child(odd){border-right:1px solid var(--line)}.detail-item span{display:block;color:#93a0b3;font-size:10px;margin-bottom:4px}.detail-item strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.detail-note{padding:13px 15px;background:#fff9ef;color:#a28d65;font-size:11px;border-radius:6px}.drawer-content .data-table td{padding:13px 8px}.rule-list{padding-left:20px;font-size:12px;color:#71839e;line-height:2}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#253c59;color:#fff;font-size:12px;padding:11px 20px;border-radius:9px;box-shadow:0 7px 25px #22365225;z-index:4}.body-modal{overflow:hidden}.drawer-list-link{background:none;padding:0;color:var(--blue);font-size:11px}.drawer-list-link:hover{text-decoration:underline}@media(min-width:1550px){.metric-value{font-size:29px}.distribution-content{gap:28px}.donut-wrap,.donut{width:190px;height:190px}.rank-scroll{height:337px}}@media(max-width:1200px){main{padding:22px 24px 0}.masthead{padding:0 24px}.filter-grid,.filter-grid:has(#source-field:not([hidden])){grid-template-columns:1.4fr 1fr 1fr}.filter-actions{align-self:end}.metrics{gap:9px}.metric-card{padding:15px 12px}.metric-value{font-size:22px}.metric-label{font-size:10px}.panel{padding:19px 18px}.distribution-content{gap:14px}.donut-wrap,.donut{width:140px;height:140px}.distribution-table td:first-child{max-width:105px;white-space:normal}.company-name{max-width:135px}.hero-art{right:50px}.data-meta{max-width:250px;text-align:right}}@media(max-width:900px){.metrics{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:1fr}.hero-art{opacity:.5;right:10px}.hero-copy{position:relative;z-index:1}.distribution-content{gap:40px}.donut-wrap,.donut{width:180px;height:180px}.rank-scroll{height:340px}.profit-stat{width:33%}.filter-summary{flex-direction:column;gap:3px}.data-meta{font-size:9px}}@media(max-width:620px){main{padding:15px 12px 0}.masthead{height:60px;padding:0 14px}.brand{font-size:13px;gap:8px}.brand-mark{width:29px;height:29px;font-size:17px}.masthead-right{gap:5px}.text-button{font-size:10px}.demo-badge{font-size:9px}.hero{padding:22px 20px 0;min-height:210px}.hero h1{font-size:23px}.hero-art{opacity:.25}.hero p{font-size:11px;max-width:240px}.hero-bottom{margin-top:18px;align-items:end}.view-switch{gap:18px}.view-switch button{font-size:12px}.data-meta{max-width:100px;padding-bottom:10px}.filter-panel{padding:15px 14px 0}.filter-top{gap:5px;flex-wrap:wrap}.filter-grid,.filter-grid:has(#source-field:not([hidden])){grid-template-columns:1fr 1fr;gap:12px}.date-field{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{min-height:150px;padding:16px}.metric-value{font-size:25px}.metric-label{font-size:11px}.section-heading>div{display:block}.section-heading p{margin-top:4px}.profit-content{align-items:flex-start}.profit-stat{width:35%;padding-right:10px}.profit-right{padding-left:15px}.profit-right form{flex-wrap:wrap;gap:8px}.profit-right label{width:85px}.profit-right .primary-button{height:30px}.profit-panel .panel-head{flex-wrap:wrap}.profit-stat strong{font-size:27px}.profit-stat>span:first-child{font-size:10px}.distribution-content{gap:16px}.donut-wrap,.donut{width:130px;height:130px}.donut-center strong{font-size:22px}.distribution-table{font-size:10px}.distribution-table button{font-size:10px}.amount-bars{gap:10px;padding:22px 0 0}.amount-label{font-size:9px}.amount-bar{width:70%}.panel{padding:18px 14px}.section-heading h2,.panel h2{font-size:15px}.bid-source-bars{grid-template-columns:1fr 1fr;gap:12px}.drawer-head{padding:20px}.drawer-content{padding:20px}.detail-grid{grid-template-columns:1fr}.detail-item:nth-child(odd){border-right:0}.drawer-stats{gap:14px;flex-wrap:wrap}.drawer-stats strong{font-size:16px}footer{flex-direction:column;gap:4px}.panel-foot{line-height:1.8}}

/* 本次任务：独立业务筛选与指标重点订单抽屉 */
@media(min-width:1201px){.filter-grid,.filter-grid:has(#source-field:not([hidden])){grid-template-columns:minmax(290px,1.65fr) repeat(4,minmax(135px,1fr)) auto}}
.drawer[open]{display:flex;flex-direction:column}.drawer-head{flex-shrink:0}.drawer-content{flex:1;min-height:0;height:auto}.drawer-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.drawer-actions .link-button{font-size:11px}.drawer-explanation{font-size:11px;color:#8697af;margin:0 0 18px}.selected-metric strong{color:#2464eb}.metric-order-table th.metric-focus{color:#3b6bab;background:#eef5ff}.metric-order-table td.metric-focus{color:#386498;background:#f7faff;font-weight:500}.metric-order-table tr:hover td.metric-focus{background:#f0f6ff}.metric-note-panel{margin-bottom:18px}.metric-order-table th,.metric-order-table td{white-space:nowrap}.drawer-content .metric-order-table td{padding:14px 12px}.drawer-content .metric-order-table th{padding:12px}.drawer-content .metric-order-table td:first-child{color:#8494ad}
@media(max-width:620px){.drawer-actions{flex-direction:column-reverse;align-items:flex-end;gap:10px}.drawer-head{gap:8px}.drawer-head p{font-size:10px}.drawer-actions .link-button{font-size:10px}.drawer-head h2{font-size:17px}}

.metric-order-table th:last-child,.metric-order-table td:last-child{position:sticky;right:0;min-width:72px;background:#fff;box-shadow:-5px 0 9px -8px #6d87a6;z-index:1}.metric-order-table th:last-child{background:#f7f9fc}.metric-order-table tr:hover td:last-child{background:#fbfcff}

.drawer-search-form{display:grid;grid-template-columns:1.1fr 1.1fr .85fr auto;gap:12px;align-items:end;padding:16px;background:#f8fafd;border:1px solid #edf1f7;border-radius:8px}.drawer-search-actions{display:flex;gap:7px}.drawer-search-actions button{padding:0 12px}.drawer-search-summary{display:flex;flex-wrap:wrap;gap:7px 15px;justify-content:space-between;color:#7190b5;font-size:10px;margin:12px 0 16px}.drawer-search-summary span{color:#9aa8bc}@media(max-width:720px){.drawer-search-form{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.drawer-search-actions{align-self:end}.drawer-search-summary{font-size:10px;line-height:1.8}}

.drawer-order-seq{min-width:44px;text-align:center!important;font-variant-numeric:tabular-nums;color:#8a9bb2!important;font-weight:400!important}
/* v2: compact management overview */
.masthead{height:56px}.brand{font-size:15px}.brand-mark{width:31px;height:31px}.demo-badge{font-size:11px}main{max-width:1720px;padding:18px 3vw 0}.hero{min-height:0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:12px}.hero h1{font-size:24px;margin:4px 0}.hero p{font-size:12px}.hero-bottom{margin:0;gap:26px;display:block;min-width:250px}.view-switch button{padding:5px 0 10px}.data-meta{display:block;margin-top:5px;font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.5px}.view-note{margin-top:8px;padding:6px 12px}.filter-panel{margin-top:12px;padding:14px 20px 0;border-radius:10px}.filter-top{margin-bottom:12px}.filter-grid{gap:13px}.filter-grid label{font-size:11px}.filter-grid input,.filter-grid select{height:32px;margin-top:5px}.filter-summary{padding:9px 0;font-size:10px}.section-heading{margin:18px 0 9px}.section-heading h2,.panel h2{font-size:15px}.section-heading p,.panel-head p{font-size:10px}.metrics{gap:10px}.metric-card{min-height:128px;padding:13px 14px;border-radius:10px}.metric-label{display:block;font-size:11px;margin:0 15px 7px 0}.metric-label small{font-size:10px;color:#91a0b5}.metric-value{font-size:25px;letter-spacing:-.6px;line-height:1.3}.metric-note{display:block;font-size:9px;margin-top:7px}.metric-comparisons{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;margin-top:8px}.comparison small{color:#8c9db4;font-size:9px}.comparison.up{color:#1c9b86}.comparison.down{color:#d88a40}.comparison.muted{color:#8c9db4}.metric-arrow{top:12px;right:12px}.executive-section{margin-bottom:15px}.executive-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.insight-card{text-align:left;padding:13px 15px;border:1px solid #e7edf7;border-radius:9px;background:white;color:#4b607d;min-width:0}.insight-card:hover{border-color:#adc8f5;box-shadow:0 4px 16px #2749750c}.insight-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8092ad}.insight-label i{font-style:normal;color:#b1bfd2}.insight-label b{margin-left:auto;color:#9cafc9;font-weight:400}.insight-card strong{display:block;font-size:20px;line-height:1.3;color:#2b466c;margin:8px 0;overflow-wrap:anywhere}.insight-card small{display:block;color:#8a9bb3;font-size:10px;line-height:1.5}.panel{padding:18px 20px;margin-bottom:14px;border-radius:11px}.panel-head p{margin-top:3px}.chart-grid{gap:14px;margin-bottom:0}.chart-toolbar{margin:12px 0}.management-trends{grid-template-columns:1fr 1fr;align-items:stretch}.management-trends .panel{margin-top:0}.trend-chart{height:180px}.profit-content{margin-top:14px;align-items:center}.profit-stat{width:37%;padding-right:14px}.profit-stat strong{font-size:26px;margin:3px 0}.profit-stat>span:first-child{font-size:10px}.profit-stat .small-tag{font-size:9px}.profit-right{padding-left:17px}.profit-right form{gap:9px}.profit-right label{width:auto;min-width:72px;font-size:10px}.profit-right select{width:92px;height:30px}.profit-right .primary-button{height:30px;font-size:10px;padding:0 13px}.profit-context{font-size:9px;margin:7px 0}.profit-trend{height:155px;margin-top:7px}.panel-foot{font-size:9px;padding-top:9px;margin-top:8px}.management-trends .trend-chart:not(.profit-trend){height:260px}.distribution-content{display:flex;align-items:center;gap:35px;min-height:0}.contribution-chart{min-width:200px;flex-shrink:0}.contribution-total{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 10px;max-width:240px}.contribution-total>span{flex-basis:100%;font-size:10px;color:#8b9eb8}.contribution-total strong{font-size:23px;overflow-wrap:anywhere;max-width:100%}.contribution-total small{font-size:10px;color:#93a3b9}.donut-wrap,.donut{width:154px;height:154px;margin:auto}.donut-center span{font-size:12px}.contribution-table{flex:1;min-width:0}.data-table th{font-size:10px;padding:9px 10px}.data-table td{padding:10px 10px;font-size:11px}.total-row td{font-weight:650;background:#f8faff}.contribution-table .company-name{max-width:none}.amount-bars{padding-top:12px}.amount-bar-space{height:86px}.amount-bar{max-height:65px}.amount-panel .amount-label{font-size:10px}.rank-scroll{height:auto;max-height:460px}.enterprise-table .company-name{max-width:250px}.enterprise-actions{display:flex;gap:18px;align-items:center}.enterprise-actions select{font-size:10px;height:30px;background:white;border:1px solid #e7edf6;border-radius:5px;color:#6b7c96}.enterprise-panel .chart-toolbar{margin-bottom:10px}.enterprise-panel .small-tag{font-size:9px}
/* Drawer: selection first, advanced query second */
.drawer{width:min(1050px,94vw);max-width:94vw}.drawer-head{padding:17px 22px;gap:10px}.drawer-head h2{font-size:18px;margin:3px 0}.drawer-head p{font-size:10px;margin:4px 0 0}.drawer-content{padding:16px 22px}.drawer-stats{gap:24px;padding:10px 13px;margin-bottom:12px}.drawer-stats strong{font-size:18px}.drawer-explanation,.metric-note-panel{padding:8px 11px;margin-bottom:10px;font-size:10px}.drawer-search-form{grid-template-columns:1fr 1fr .8fr auto;padding:11px 12px;gap:12px;align-items:end}.drawer-search-form label{font-size:10px;color:#8293ad;min-width:0}.drawer-search-form select{height:33px;width:100%;font-size:11px}.drawer-search-form>button{height:33px;font-size:11px}.advanced-search{padding:7px 12px 9px;margin-top:-1px;border:1px solid #edf1f7;border-top:0;border-radius:0 0 7px 7px;color:#8294ad;background:#fcfdff;font-size:10px}.advanced-search summary{cursor:pointer;width:fit-content}.advanced-search summary span{color:#a7b4c6;margin-left:7px}.advanced-search>div{display:flex;align-items:end;gap:10px;margin-top:10px}.advanced-search label{display:block;flex:1;max-width:380px}.advanced-search input{display:block;width:100%;height:32px;margin-top:4px;padding:0 10px;font-size:11px;border:1px solid #e3ebf5;border-radius:5px}.advanced-search button{height:32px;font-size:11px}.drawer-search-summary{padding:9px 0;font-size:10px;gap:8px;flex-wrap:wrap}.drawer-content .metric-order-table td,.drawer-content .data-table td{padding:10px 9px;font-size:11px}.drawer-content .metric-order-table th{padding:9px}.drawer-order-seq{width:42px;min-width:42px}.detail-section{margin-bottom:18px}.detail-item{padding:10px 12px}.detail-section h3{margin-bottom:9px}.company-combo{position:relative;margin-top:4px;min-width:0}.combo-input{position:relative;display:flex;align-items:center;background:white;border:1px solid #e4ebf5;border-radius:5px;min-width:0}.company-combo .combo-input input{margin:0;border:0;background:transparent;width:100%;min-width:0;height:33px;padding:0 44px 0 10px;font-size:11px;border-radius:5px;text-overflow:ellipsis}.combo-clear,.combo-toggle{position:absolute;width:20px;height:28px;top:2px;border:0;background:transparent;color:#9aacbf;font-size:14px;padding:0}.combo-clear{right:22px}.combo-toggle{right:2px}.combo-clear:hover,.combo-toggle:hover{color:#2464eb}.combo-popover{position:absolute;left:0;top:calc(100% + 5px);width:max(100%,330px);max-width:calc(94vw - 55px);background:white;border:1px solid #e4eaf5;border-radius:8px;box-shadow:0 12px 28px #223e6626;padding:7px;z-index:20}.combo-hint{font-size:10px;color:#91a2b9;padding:4px 7px 8px}.combo-options{max-height:285px;overflow:auto}.combo-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:8px 7px;border-radius:5px;background:white;color:#536b89;font-size:11px}.combo-options button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.combo-options button small{font-size:10px;color:#8d9fb7;white-space:nowrap}.combo-options button:hover,.combo-options button.highlight{background:#edf4ff;color:#2464eb}.combo-options button[aria-selected=true]{background:#f3f7fc}.combo-empty{padding:18px 8px;font-size:11px;color:#95a8bd;text-align:center}.company-combo:focus-within{z-index:4}.drawer-search-area{position:relative;z-index:3}.contribution-table td:first-child{min-width:175px}
@media(min-width:1550px){.metric-value{font-size:27px}.rank-scroll{height:auto}.donut-wrap,.donut{width:165px;height:165px}}
@media(max-width:1200px){main{padding:17px 20px 0}.hero{padding:17px 20px}.metric-card{padding:12px 10px}.metric-value{font-size:22px}.metric-comparisons{gap:5px;font-size:9px}.insight-card{padding:12px}.insight-card strong{font-size:18px}.distribution-content{gap:22px}.contribution-chart{min-width:170px}.profit-right{padding-left:12px}.profit-stat strong{font-size:23px}.company-combo .combo-popover{width:320px}}
@media(max-width:900px){.hero-bottom{min-width:230px}.management-trends{grid-template-columns:1fr}.executive-insights{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.management-trends .trend-chart:not(.profit-trend){height:200px}.profit-stat{width:40%}.contribution-chart{min-width:150px}.distribution-content{gap:20px}.drawer-search-form{grid-template-columns:1fr 1fr}.company-combo:nth-child(2) .combo-popover{left:auto;right:0}.enterprise-table{min-width:900px}.enterprise-actions{gap:10px}}
@media(max-width:620px){.masthead{height:52px;padding:0 13px}.brand{font-size:12px}.brand-mark{width:27px;height:27px}.brand-divider{padding:0 4px}.demo-badge{font-size:9px;padding:4px 7px}main{padding:12px 11px 0}.hero{display:block;padding:16px}.hero h1{font-size:21px}.hero p{font-size:10px}.hero-bottom{margin-top:12px;min-width:0;display:flex;align-items:center}.data-meta{font-size:9px;max-width:105px;text-align:right}.hero .view-switch{gap:18px}.hero .view-switch button{font-size:11px;padding-bottom:7px}.filter-panel{padding:12px 13px 0}.filter-grid{gap:9px}.filter-summary{font-size:9px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:12px;min-height:123px}.metric-value{font-size:23px}.metric-label{font-size:10px}.metric-comparisons{font-size:9px;gap:7px}.metric-note{font-size:8px}.executive-insights{gap:8px}.insight-card{padding:10px}.insight-label{font-size:9px;gap:4px}.insight-card strong{font-size:16px}.insight-card small{font-size:9px}.section-heading{margin-top:14px}.section-heading h2,.panel h2{font-size:14px}.section-heading .subtle{max-width:130px;text-align:right;font-size:8px}.panel{padding:15px 13px;margin-bottom:12px}.profit-content{align-items:flex-start}.profit-stat{width:39%}.profit-right{padding-left:11px}.profit-stat strong{font-size:20px;overflow-wrap:anywhere}.profit-right form{flex-wrap:wrap;gap:6px}.profit-right select{width:75px;height:29px}.profit-right label{min-width:0}.profit-context{font-size:8px}.profit-stat small{font-size:9px}.profit-trend{height:145px}.distribution-content{flex-direction:column;gap:14px;align-items:stretch}.contribution-chart{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.contribution-total{flex:1;min-width:0}.contribution-total strong{font-size:23px}.donut-wrap,.donut{width:115px;height:115px;flex-shrink:0}.contribution-table table{min-width:690px}.contribution-panel .chart-toolbar{margin-bottom:14px}.enterprise-panel .panel-head{flex-wrap:wrap;gap:10px}.enterprise-panel .chart-toolbar{flex-wrap:wrap;gap:10px}.enterprise-actions{width:100%;justify-content:space-between}.rank-scroll{max-height:400px}.enterprise-table{min-width:900px}.drawer-head{padding:14px 15px}.drawer-head h2{font-size:16px}.drawer-content{padding:13px 15px}.drawer-stats{gap:18px;padding:10px;margin-bottom:10px}.drawer-stats strong{font-size:16px}.drawer-search-form{grid-template-columns:1fr 1fr;padding:10px;gap:10px}.drawer-search-form .company-field{grid-column:1/-1}.drawer-search-form select{font-size:10px}.drawer-search-form>button{width:100%;font-size:10px}.combo-popover,.company-combo .combo-popover{width:100%;max-width:100%;left:0;right:auto}.combo-hint{font-size:9px}.combo-options button{font-size:10px;padding:8px 5px}.combo-options button small{font-size:9px}.advanced-search>div{gap:8px}.advanced-search summary{font-size:10px}.drawer-search-summary{font-size:9px}.drawer-search-summary span{display:block}.drawer-content .data-table td{padding:9px 7px;font-size:10px}.detail-item{padding:10px}.detail-section h3{font-size:12px}.drawer-head .eyebrow{font-size:8px}.drawer-actions .link-button{font-size:10px}}

/* PC donut hover legend */
.donut-tooltip{position:fixed;z-index:100;pointer-events:none;width:max-content;max-width:calc(100vw - 20px);padding:13px 16px;border:1px solid #dce6f5;border-radius:9px;background:#fff;color:#516681;box-shadow:0 8px 28px #213f6929;font-size:12px;line-height:1.7}.donut-tooltip-name{display:flex;align-items:center;margin-bottom:7px;color:#243e62;font-size:14px}.donut-tooltip>div:not(:first-child){display:flex;justify-content:space-between;gap:24px}.donut-tooltip b{color:#243e62;font-weight:600}.donut-tooltip .dot{flex-shrink:0}
.donut-segment.is-highlighted,.donut-segment:focus-visible{filter:brightness(1.08);stroke-width:24;outline:none}

/* Explicit metric order actions; card click continues through delegated routing. */
.metric-card{cursor:pointer;display:flex;flex-direction:column;align-items:stretch}

.global-company-popup{position:fixed;z-index:100;overflow:hidden;background:#fff;border:1px solid #dce5f2;border-radius:8px;box-shadow:0 8px 24px #1b29431f}
.global-company-options{position:relative;overflow-y:auto;overscroll-behavior:contain;max-height:190px}
.global-company-option{height:38px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.global-company-option:hover,.global-company-option[aria-selected="true"]{background:#edf4ff;color:var(--blue)}
.global-company-hint{padding:8px 12px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;color:#77859a;overflow-wrap:anywhere}