:root{color:#1f2937;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.forecast-root{width:100vw;height:100vh;overflow:hidden;background:#f3f6fb}.forecast-topbar{height:48px;padding:0 20px;background:#fff;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between}.forecast-brand{display:flex;align-items:center;gap:10px;color:#0b3b60;font-size:18px;font-weight:700}.forecast-brand-mark{width:29px;height:29px;border-radius:8px;background:#0b4a73;color:#fff;display:grid;place-items:center;font-style:italic;transform:rotate(45deg)}.forecast-top-actions{display:flex;align-items:center;gap:13px;color:#64748b}.top-icon-button{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:#64748b;display:grid;place-items:center;padding:0}.notify{position:relative}.notify:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:#ef4444}.forecast-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#6bb7d6,#0b77a8);color:#fff;display:grid;place-items:center}.forecast-user{color:#475569}.forecast-layout{display:grid;grid-template-columns:188px minmax(0,1fr);height:calc(100vh - 48px)}.forecast-sidebar{background:#f2f5fb;padding:18px 12px;overflow-y:auto}.forecast-nav-group{margin-bottom:7px}.forecast-nav-title,.forecast-nav-child{width:100%;border:0;background:transparent;text-align:left}.forecast-nav-title{height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:0 10px;border-radius:6px;color:#23324a;font-size:13px;font-weight:700}.forecast-nav-title svg{color:#66758a}.forecast-nav-child{height:30px;padding-left:36px;border-radius:6px;color:#536174;font-size:12px}.forecast-nav-child.active,.forecast-nav-title:hover,.forecast-nav-child:hover{background:#e8f1ff;color:#1677ff;font-weight:700}.forecast-page{height:calc(100vh - 48px);overflow-x:hidden;overflow-y:auto;padding:6px 8px 12px;min-width:0}.forecast-crumbs,.forecast-title-row,.metrics-grid,.forecast-filter-row,.forecast-message,.forecast-workspace{width:100%;min-width:0}.forecast-crumbs{height:36px;display:flex;align-items:center;gap:8px;padding:0 18px;background:#fff;border:1px solid #e5eaf2;border-radius:6px 6px 0 0;color:#526273}.crumb-active{color:#1677ff;font-weight:700;border-bottom:2px solid #1677ff;height:36px;display:flex;align-items:center}.forecast-title-row{height:44px;padding:0 16px 0 26px;background:#fff;border:1px solid #dfe6ef;border-top:0;display:flex;align-items:center;justify-content:space-between}.forecast-source-context{min-height:38px;padding:6px 18px 6px 26px;background:#fff;border:1px solid #dfe6ef;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#526273}.forecast-source-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1,h2,p{margin:0;letter-spacing:0}h1{font-size:15px;font-weight:700}.forecast-actions{display:flex;align-items:center;gap:12px;color:#7c8798;white-space:nowrap;min-width:0}.hidden-file-input{display:none}.icon-text-button,.icon-only-button,.primary-soft-button{height:28px;border:1px solid #d8dee9;border-radius:6px;background:#fff;color:#1f2937;display:inline-flex;align-items:center;gap:4px;padding:0 10px}.icon-only-button{width:28px;justify-content:center;padding:0}.primary-soft-button{border-color:#b7d3ff;color:#1677ff;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px 0}.metric-card{min-height:86px;border:1px solid #dfe7f2;border-radius:8px;background:#fff;padding:12px 14px;box-shadow:0 1px 2px #0f172a08}.metric-head{height:24px;display:flex;align-items:center;gap:8px;color:#4d5d73;font-size:12px;font-weight:700}.metric-head svg{color:#1677ff}.metric-head select{margin-left:auto;height:26px;border:1px solid #d8dee9;border-radius:5px;background:#fff;padding:0 24px 0 8px}.metric-value{margin-top:10px;color:#1264d8;font-size:24px;font-weight:700;line-height:1}.metric-value span{margin-left:5px;color:#718096;font-size:12px;font-weight:600}.forecast-filter-row{min-height:46px;padding:8px 12px;background:#fff;border:1px solid #dfe6ef;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.forecast-filter-row label{display:flex;align-items:center;gap:6px;color:#526273;white-space:nowrap}.forecast-filter-row select,.forecast-filter-row input{height:30px;border:1px solid #d8dee9;border-radius:6px;background:#fff;padding:0 9px}.search-box{flex:1 1 260px;max-width:430px;height:30px;border:1px solid #d8dee9;border-radius:6px;padding:0 8px;background:#fff;color:#7c8798;overflow:hidden}.search-box input{flex:1;height:100%;border:0;background:transparent;outline:none;min-width:0;padding:0}.forecast-message{margin-top:8px;padding:8px 16px;border-radius:6px}.forecast-message.info{border:1px solid #b7d3ff;background:#f3f8ff;color:#155eef}.forecast-message.success{border:1px solid #b7e0cc;background:#effaf4;color:#087443}.forecast-message.warning{border:1px solid #f1d58b;background:#fff8e5;color:#9a6400}.forecast-message.error{border:1px solid #fecaca;background:#fff1f2;color:#b42318}.forecast-message ul{margin:6px 0 0;padding-left:18px}.forecast-message li{line-height:1.7}.forecast-workspace{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,420px);gap:10px;align-items:stretch;height:clamp(430px,calc(100vh - 296px),660px);min-height:0}.forecast-table-card,.split-panel{background:#fff;border:1px solid #dfe6ef;border-radius:8px;overflow:hidden}.forecast-table-card{display:flex;flex-direction:column;min-height:0}.forecast-table-scroll{flex:1;min-height:0;width:100%;overflow:auto}.section-title{height:42px;display:flex;align-items:center;padding:0 16px;font-size:15px;font-weight:700;border-bottom:1px solid #e5eaf2}.forecast-table,.split-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.forecast-table{min-width:1100px}.forecast-table th,.forecast-table td,.split-table th,.split-table td{border-bottom:1px solid #e8edf4;padding:0 12px;height:36px;text-align:left;white-space:nowrap}.forecast-table th,.split-table th{background:#eef3f9;color:#1f2937;font-weight:700}.forecast-table thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px #dfe6ef}.forecast-table .col-product-code{width:145px}.forecast-table .col-product-name{width:160px}.forecast-table .col-period{width:120px}.forecast-table .col-qty{width:130px}.forecast-table .col-status{width:120px}.forecast-table .col-split-count{width:105px}.forecast-table .col-updated-at{width:190px}.forecast-table .col-remark{width:180px}.sort-header-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:0;display:inline-flex;align-items:center;gap:4px}.sort-header-button svg{color:#8aa0bd}.sort-header-button.active,.sort-header-button.active svg{color:#1677ff}.forecast-table tbody tr{cursor:pointer}.forecast-table tbody tr:hover,.forecast-table tbody tr.active{background:#eef6ff}.forecast-table td:nth-child(4),.forecast-table td:nth-child(5),.forecast-table td:nth-child(7){font-weight:700;color:#155eef}.table-empty-cell{height:180px!important;text-align:center!important;color:#8a95a5!important;font-weight:400!important}.status-pill{height:22px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.auto{background:#e8f1ff;color:#1264d8}.status-pill.manual{background:#e8f8f0;color:#087443}.status-pill.need{background:#fff2dc;color:#a16207}.split-panel{align-self:start;position:sticky;top:8px;max-height:min(660px,calc(100vh - 170px));overflow:auto;padding-bottom:12px}.split-panel-head{min-height:62px;padding:12px 14px;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between;gap:8px}.split-panel-head h2{font-size:15px}.split-panel-head p{margin-top:5px;color:#6b7280;font-size:12px}.split-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;color:#526273}.split-summary span{border:1px solid #e4eaf2;border-radius:6px;padding:8px 10px;background:#f8fbff}.split-summary strong{color:#155eef}.split-table{margin:0 14px;width:calc(100% - 28px)}.split-table input{width:92px;height:28px;border:1px solid #d8dee9;border-radius:5px;padding:0 8px}.split-check{margin:10px 14px;min-height:34px;border-radius:6px;display:grid;grid-template-columns:1fr 1fr 1.1fr;align-items:center;gap:8px;padding:0 10px;font-size:12px}.split-check.ok{background:#effaf4;color:#087443}.split-check.bad{background:#fff4e6;color:#9a6400}.save-button{height:32px;margin-left:14px;border:0;border-radius:6px;background:#1677ff;color:#fff;display:inline-flex;align-items:center;gap:6px;padding:0 14px;font-weight:700}.save-button:disabled,.icon-text-button:disabled{cursor:not-allowed;opacity:.55}.empty-panel{height:220px;display:grid;place-items:center;color:#8a95a5;padding:0 20px;text-align:center}.empty-panel.compact{height:150px;margin:0 14px;border:1px dashed #d8dee9;border-radius:6px;background:#fbfdff}@media(max-width:1100px){.forecast-page{padding-right:6px}}