:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#182230;background:#f4f6f9;font-synthesis:none;--green-950: #17233c;--green-900: #1d2d4b;--green-800: #245eaf;--green-700: #2f73c9;--green-600: #357fd9;--green-200: #cbdcf4;--green-100: #e5effc;--green-50: #f1f6fd;--yellow-700: #a46e0d;--yellow-500: #d5a332;--yellow-100: #fff1cc;--red-600: #c64545;--red-100: #fdeaea;--blue-600: #2f73c9;--blue-100: #e5effc;--ink: #182230;--muted: #687386;--line: #dde3eb;--soft-line: #edf0f4;--white: #fff;--bg: #f4f6f9;--shadow: 0 1px 2px rgba(23, 35, 60, .04), 0 8px 22px rgba(23, 35, 60, .055)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:1180px;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input,select,textarea{width:100%;height:36px;border:1px solid #cfd6e1;border-radius:7px;padding:7px 10px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #357fd91f}textarea{height:78px;resize:vertical}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;z-index:20;display:flex;flex-direction:column;background:var(--green-950);color:#fff}.brand{height:72px;padding:15px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.1);flex:0 0 auto}.brand-mark{width:40px;height:40px;border-radius:10px;background:#347fdc;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}.brand strong{display:block;font-size:16px;letter-spacing:.2px}.brand span{display:block;margin-top:4px;font-size:11px;color:#ffffff9e}.sidebar-nav{padding:11px 9px 18px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.menu-group{margin-bottom:3px;border-radius:9px}.menu-group-button{width:100%;height:43px;border:0;border-radius:8px;padding:0 11px;display:grid;grid-template-columns:26px 1fr 18px;gap:8px;align-items:center;background:transparent;color:#ffffffc7;text-align:left}.menu-group-button:hover,.active-group>.menu-group-button{background:#ffffff14;color:#fff}.menu-group-button i{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#ffffff17;color:#e0f0e4;font-size:11px;font-style:normal}.menu-group-button span{font-weight:650;font-size:13px}.menu-group-button b{text-align:center;font-size:12px;color:#ffffff80}.submenu{padding:3px 5px 6px 39px}.submenu button{width:100%;min-height:36px;border:0;background:transparent;color:#ffffffad;text-align:left;border-radius:7px;padding:8px 10px;font-size:13px;position:relative}.submenu button:before{content:"";position:absolute;left:-12px;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#ffffff38}.submenu button:hover{color:#fff;background:#ffffff0f}.submenu button.active{color:#fff;background:var(--green-700);font-weight:650}.submenu button.active:before{background:#bcd7ff}.sidebar-period{margin:0 11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px 11px;background:#ffffff0a;flex:0 0 auto}.sidebar-period strong,.sidebar-period span{display:block}.sidebar-period strong{font-size:11px}.sidebar-period span{margin-top:4px;font-size:10px;color:#ffffff8c}.main-shell{margin-left:232px;min-height:100vh}.topbar{position:sticky;top:0;z-index:12;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.breadcrumb b{color:#abb5ae}.breadcrumb strong{color:var(--ink);font-size:14px}.topbar-right{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.topbar-right>i{width:1px;height:25px;background:var(--line);margin:0 3px}.topbar-right>strong{color:var(--ink);font-size:12px}.user-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-700);font-weight:750}.current-user{min-width:76px;display:grid;gap:2px}.current-user strong{color:var(--ink);font-size:12px}.current-user small{max-width:160px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.logout-button{min-height:30px;margin-left:4px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:11px}.logout-button:hover{border-color:var(--green-600);color:var(--green-700)}.content{padding:22px 24px 40px}.page{max-width:1680px;margin:0 auto}.page-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.page-header h1{margin:0;font-size:23px;letter-spacing:-.3px}.page-header p{margin:6px 0 0;color:var(--muted);font-size:12px}.page-actions,.toolbar-actions{display:flex;align-items:center;gap:8px}.btn{min-height:35px;border:1px solid #dce3de;border-radius:7px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#334039;font-size:12px;white-space:nowrap}.btn:hover{border-color:#b7c8bc}.btn-primary{background:var(--green-700);color:#fff;border-color:var(--green-700)}.btn-primary:hover{background:var(--green-800);border-color:var(--green-800)}.btn-soft{color:var(--green-700);background:var(--green-50);border-color:#c9dfd0}.btn-danger{color:#fff;background:var(--red-600);border-color:var(--red-600)}.btn-warning{color:#754e05;background:var(--yellow-100);border-color:#efd38e}.text-link{border:0;background:none;color:var(--green-700);padding:0;font-size:12px;white-space:nowrap}.text-link+.text-link{margin-left:10px}.danger-link{color:var(--red-600)}.row-actions{display:flex;align-items:center;gap:10px}.row-actions .text-link+.text-link{margin-left:0}.contract-table>thead>tr>th:nth-last-child(2),.contract-main-row>td:nth-last-child(2){position:sticky;right:170px;z-index:3;min-width:126px;background:#f7f9f7;box-shadow:-1px 0 0 var(--line)}.contract-table>thead>tr>th:last-child,.contract-main-row>td:last-child{position:sticky;right:0;z-index:3;min-width:170px;background:#f7f9f7}.contract-main-row>td:nth-last-child(2),.contract-main-row>td:last-child{background:#fff}.contract-main-row.expanded>td:nth-last-child(2),.contract-main-row.expanded>td:last-child{background:#f5faf6}.contract-row-actions{display:flex;align-items:center;gap:11px}.contract-row-actions .text-link+.text-link{margin-left:0}.ledger-action-button{min-height:32px;padding:5px 11px;border:1px solid #9ab9dc;border-radius:7px;background:var(--blue-100);color:#285f9f;font-size:12px;font-weight:750;white-space:nowrap}.ledger-action-button:hover{background:#dce9f8;border-color:var(--blue-600)}.card{background:var(--white);border:1px solid #dfe5ed;border-radius:11px;box-shadow:var(--shadow)}.card-header{min-height:56px;padding:14px 16px 12px;border-bottom:1px solid var(--soft-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header h3{margin:0;font-size:15px}.card-header p{margin:4px 0 0;color:var(--muted);font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:13px}.stat-card{min-height:121px;padding:16px 17px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-22px;bottom:-30px;width:92px;height:92px;border-radius:50%;background:var(--green-50)}.stat-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-label i{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--green-100);color:var(--green-700);font-style:normal;font-weight:650}.stat-value{margin-top:13px;font-size:26px;line-height:1;font-weight:760;letter-spacing:-.4px}.stat-value small{font-size:12px;color:var(--muted);font-weight:500;margin-left:4px}.stat-trend{margin-top:11px;font-size:11px}.trend-green{color:var(--green-600)}.trend-red{color:var(--red-600)}.trend-gray{color:var(--muted)}.dashboard-main-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:13px;margin-bottom:13px}.chart-card,.donut-card{min-height:342px}.dual-bar-chart{height:220px;margin:14px 16px 0 44px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#edf1ee 44px)}.dual-bar-item{height:100%;width:52px;display:flex;justify-content:center;align-items:flex-end;position:relative}.bar-pair{height:100%;display:flex;align-items:flex-end;gap:5px}.bar-pair i{display:block;width:15px;min-height:5px;border-radius:4px 4px 0 0;background:var(--green-600)}.bar-pair i:last-child{background:var(--yellow-500)}.dual-bar-item>span{position:absolute;bottom:-24px;color:var(--muted);font-size:10px}.chart-caption{margin:28px 16px 0;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.chart-caption div{display:flex;align-items:center;gap:6px}.chart-caption i{width:8px;height:8px;border-radius:2px;background:var(--green-600)}.chart-caption i:last-of-type{background:var(--yellow-500);margin-left:7px}.donut-body{padding:16px}.donut{width:142px;height:142px;margin:4px auto 18px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:#fff}.donut>div{position:relative;z-index:1;text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:17px}.donut span{margin-top:3px;font-size:10px;color:var(--muted)}.donut-sales{background:conic-gradient(#2c794b 0,#2c794b 38%,#69a879 38%,#69a879 66%,#d9a834 66%,#d9a834 86%,#97a3a0 86%)}.donut-cost{background:conic-gradient(#2c794b 0,#2c794b 47%,#d9a834 47%,#d9a834 69%,#6d93c2 69%,#6d93c2 88%,#9ba6a1 88%)}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);font-size:10px}.legend-grid span{display:flex;align-items:center;gap:6px}.legend-grid i{width:8px;height:8px;border-radius:50%}.legend-grid .green{background:var(--green-700)}.legend-grid .mint{background:#69a879}.legend-grid .yellow{background:var(--yellow-500)}.legend-grid .gray{background:#97a3a0}.legend-grid .blue{background:#6d93c2}.can-overview-card{margin-bottom:13px;overflow:hidden}.dashboard-bottom-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:13px}.notice-list{padding:12px 16px 16px;display:grid;gap:9px}.notice-list>div{min-height:58px;border:1px solid var(--line);border-radius:8px;padding:10px 11px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px}.notice-list strong,.notice-list small{display:block}.notice-list strong{font-size:12px}.notice-list small{color:var(--muted);font-size:10px;margin-top:4px}.notice-dot{width:7px;height:7px;border-radius:50%;background:var(--green-600)}.notice-dot.red{background:var(--red-600)}.notice-dot.yellow{background:var(--yellow-500)}.quick-actions{padding:14px 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-actions button{padding:12px;min-height:93px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.quick-actions button:hover{background:var(--green-50);border-color:#bfd8c7}.quick-actions i,.quick-actions strong,.quick-actions span{display:block}.quick-actions i{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:var(--green-100);color:var(--green-700);font-style:normal;font-size:11px}.quick-actions strong{margin-top:7px;font-size:12px}.quick-actions span{margin-top:3px;color:var(--muted);font-size:10px}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}.summary-strip>div{padding:13px 15px;background:#fff}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{color:var(--muted);font-size:11px}.summary-strip strong{margin-top:6px;font-size:18px}.filter-card{margin-bottom:12px;padding:13px 15px}.filter-row{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.filter-row label{min-width:164px;display:grid;gap:6px}.filter-row label:first-child{min-width:210px}.filter-row label.grow{flex:1;min-width:240px}.filter-row label>span{color:var(--muted);font-size:10px}.table-card{overflow:hidden}.table-toolbar{min-height:52px;padding:10px 15px;border-bottom:1px solid var(--soft-line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.table-toolbar strong{color:var(--ink)}.table-scroll,.contract-table-scroll,.nested-scroll,.draft-lines-scroll,.lot-select-scroll{overflow-x:auto;scrollbar-width:auto;scrollbar-color:#9db4a4 #eef2ef}.table-scroll::-webkit-scrollbar,.contract-table-scroll::-webkit-scrollbar,.nested-scroll::-webkit-scrollbar,.draft-lines-scroll::-webkit-scrollbar,.lot-select-scroll::-webkit-scrollbar{height:12px}.table-scroll::-webkit-scrollbar-track,.contract-table-scroll::-webkit-scrollbar-track,.nested-scroll::-webkit-scrollbar-track,.draft-lines-scroll::-webkit-scrollbar-track,.lot-select-scroll::-webkit-scrollbar-track{background:#eef2ef}.table-scroll::-webkit-scrollbar-thumb,.contract-table-scroll::-webkit-scrollbar-thumb,.nested-scroll::-webkit-scrollbar-thumb,.draft-lines-scroll::-webkit-scrollbar-thumb,.lot-select-scroll::-webkit-scrollbar-thumb{background:#9db4a4;border:3px solid #eef2ef;border-radius:999px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 14px;text-align:left;background:#f7f9f7;border-bottom:1px solid var(--line);color:#58655d;font-size:12px;font-weight:700;white-space:nowrap}.data-table td{padding:13px 14px;border-bottom:1px solid var(--soft-line);font-size:13px;vertical-align:middle;white-space:nowrap}.data-table tbody tr:hover{background:#fbfdfb}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong{font-size:13px}.data-table.compact td,.data-table.compact th{padding:10px}.money-cell{color:#25352b;font-variant-numeric:tabular-nums;font-weight:700}.cell-sub{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400}.primary-cell{display:flex;align-items:center;gap:10px}.primary-cell strong,.primary-cell small{display:block}.primary-cell small{margin-top:3px;color:var(--muted);font-size:9px}.can-icon{min-width:42px;height:30px;padding:0 7px;border-radius:7px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center;font-size:11px;font-weight:750}.level-icon{width:28px;height:28px;border-radius:7px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center;font-size:10px}.badge{min-height:24px;padding:4px 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;white-space:nowrap}.badge-green{color:var(--green-700);background:var(--green-100)}.badge-yellow{color:var(--yellow-700);background:var(--yellow-100)}.badge-red{color:var(--red-600);background:var(--red-100)}.badge-gray{color:#69746d;background:#edf0ee}.badge-blue{color:var(--blue-600);background:var(--blue-100)}.pagination{min-height:48px;padding:9px 15px;border-top:1px solid var(--soft-line);display:flex;justify-content:flex-end;align-items:center;gap:6px;color:var(--muted);font-size:10px}.pagination button{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:10px}.pagination button.active{background:var(--green-700);color:#fff;border-color:var(--green-700)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#38483e}.wide-table{min-width:1500px}.contract-table{min-width:1760px}.delivery-analysis-table{min-width:1720px}.nested-table{min-width:1480px}.draft-lines-table{min-width:1510px}.lot-select-table{min-width:1430px}.expand-column{width:54px}.expand-button{width:30px;height:30px;border:1px solid #cbd8cf;border-radius:7px;background:#fff;color:var(--green-700);font-size:20px;line-height:1;font-weight:650}.expand-button:hover{background:var(--green-50);border-color:var(--green-600)}.contract-no{padding:0;border:0;background:none;color:var(--green-800);font-size:13px;font-weight:760}.contract-main-row.expanded>td{background:#f5faf6;border-bottom-color:#d5e3d9}.contract-expand-row>td{padding:0!important;white-space:normal;background:#f7faf8;border-bottom:1px solid #cfded3!important}.contract-expanded{padding:17px 20px 20px 54px;display:grid;gap:15px}.contract-meta{display:grid;grid-template-columns:1fr 2fr;gap:10px}.contract-meta>div{min-height:62px;padding:11px 13px;border:1px solid #dce7df;border-radius:8px;background:#fff}.contract-meta span,.contract-meta strong{display:block}.contract-meta span{color:var(--muted);font-size:11px}.contract-meta strong{margin-top:6px;font-size:13px;white-space:normal}.expanded-section{overflow:hidden;border:1px solid #dce7df;border-radius:9px;background:#fff}.expanded-section-title{min-height:48px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--soft-line)}.expanded-section-title strong{font-size:14px}.expanded-section-title span{color:var(--muted);font-size:12px}.expanded-section-title-actions{display:flex;align-items:center;gap:13px}.ledger-section-button{min-height:34px;padding:6px 12px;border:1px solid #9ab9dc;border-radius:7px;background:var(--blue-100);color:#285f9f;font-size:12px;font-weight:750;white-space:nowrap}.ledger-section-button:hover{background:#dce9f8;border-color:var(--blue-600)}.warning-text{color:var(--yellow-700)}.muted-text{color:var(--muted);font-size:12px}.draft-lines-scroll,.lot-select-scroll{border:1px solid var(--line);border-radius:8px}.draft-lines-table select,.draft-lines-table input{min-width:118px;height:42px;font-size:14px}.draft-lines-table th:first-child,.draft-lines-table td:first-child{min-width:150px}.draft-lines-table .line-remark-input{min-width:260px}.remark-cell{min-width:220px;max-width:340px;white-space:normal!important;line-height:1.6;color:#3e4b43}.production-year-list{min-width:310px;display:flex;flex-wrap:wrap;gap:6px;white-space:normal}.production-year-list .badge{font-size:12px}.production-year-badge{border:1px solid transparent;font-weight:650}.production-year-badge.production-year-earliest{color:#2f73c9;background:#e8f1fc;border-color:#bfd6f3}.production-year-badge.production-year-middle{color:#a46e0d;background:#fff1cc;border-color:#efd38e}.production-year-badge.production-year-latest{color:#1b8258;background:#e7f6ee;border-color:#bfe3cf}.production-year-legend{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;white-space:nowrap}.production-year-legend>span{display:inline-flex;align-items:center;gap:5px}.production-year-swatch{width:9px;height:9px;border:1px solid transparent;border-radius:50%}.production-year-swatch.production-year-earliest{background:#e8f1fc;border-color:#bfd6f3}.production-year-swatch.production-year-middle{background:#fff1cc;border-color:#efd38e}.production-year-swatch.production-year-latest{background:#e7f6ee;border-color:#bfe3cf}.contract-form-total{margin-top:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:var(--green-50);color:var(--muted);font-size:12px}.contract-form-total strong{color:var(--green-800);font-size:17px}.lot-select-table tbody tr{cursor:pointer}.lot-select-table tbody tr.selected-lot td{background:var(--green-50);box-shadow:inset 0 1px #cbe0d1,inset 0 -1px #cbe0d1}.lot-select-table input[type=radio]{width:17px;height:17px;accent-color:var(--green-700)}.shipment-ledger{display:grid;gap:15px}.ledger-summary-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:10px}.ledger-summary-grid>div{min-height:72px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#f9fbfa}.ledger-summary-grid span,.ledger-summary-grid strong{display:block}.ledger-summary-grid span{color:var(--muted);font-size:12px}.ledger-summary-grid strong{margin-top:8px;font-size:16px}.ledger-summary-grid .ledger-shipped{color:var(--green-700)}.ledger-summary-grid .ledger-pending{color:var(--yellow-700)}.shipment-batch-list{display:grid;gap:13px}.shipment-batch-card{overflow:hidden;border:1px solid #dbe6de;border-radius:10px;background:#fff}.shipment-batch-head{min-height:68px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:var(--green-50)}.shipment-batch-head>div:first-child{display:flex;align-items:center;gap:12px}.shipment-batch-head>div:first-child strong{font-size:15px}.shipment-batch-head>div:first-child>span:last-child{color:var(--muted);font-size:13px}.batch-sequence{min-width:62px;padding:6px 10px;border-radius:999px;background:var(--green-700);color:#fff;text-align:center;font-size:12px;font-weight:750}.shipment-batch-head>div:last-child{min-width:180px;text-align:right}.shipment-batch-head>div:last-child span,.shipment-batch-head>div:last-child small{color:var(--muted);font-size:12px}.shipment-batch-head>div:last-child strong{margin:0 7px;color:var(--green-800);font-size:18px}.ledger-table-scroll{overflow-x:auto}.ledger-table{min-width:920px}.ledger-table td{padding-top:12px;padding-bottom:12px}.shipment-timeline-list{display:grid;gap:14px;padding:14px;background:#f8fbf9}.shipment-timeline-card{overflow:hidden;border:1px solid #dbe6de;border-radius:10px;background:#fff}.shipment-timeline-head{min-height:74px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:var(--green-50)}.shipment-timeline-head>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shipment-timeline-head>div:first-child strong{color:var(--green-800);font-size:15px}.shipment-timeline-head>div:first-child>span{color:var(--muted);font-size:12px}.shipment-timeline-head>div:last-child{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.shipment-timeline-head>div:last-child span{color:var(--muted);font-size:11px}.shipment-timeline-head>div:last-child strong{font-size:16px}.shipment-timeline-head .shipped-number{color:var(--green-700)}.shipment-timeline-head .pending-number{color:var(--yellow-700)}.shipment-timeline{position:relative;padding:17px 20px 18px 34px}.shipment-timeline:before{content:"";position:absolute;top:22px;bottom:22px;left:47px;width:2px;background:#d7e6dc}.shipment-timeline-event{position:relative;display:grid;grid-template-columns:28px 1fr;gap:14px;min-height:92px}.shipment-timeline-marker{position:relative;z-index:1;display:flex;justify-content:center}.shipment-timeline-marker span{width:26px;height:26px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:var(--green-600);color:#fff;box-shadow:0 0 0 1px #a9cdb4;font-size:11px;font-weight:750}.shipment-timeline-event-body{padding:0 0 17px}.shipment-timeline-event-head{display:flex;align-items:baseline;gap:14px;margin-bottom:9px}.shipment-timeline-event-head strong{color:var(--ink);font-size:14px}.shipment-timeline-event-head span{color:var(--muted);font-size:11px}.shipment-timeline-event-grid{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(100px,.6fr) minmax(120px,.7fr) minmax(230px,1.4fr);gap:11px;padding:11px 13px;border:1px solid var(--soft-line);border-radius:8px;background:#fff}.shipment-timeline-event-grid div{min-width:0}.shipment-timeline-event-grid span,.shipment-timeline-event-grid strong{display:block}.shipment-timeline-event-grid span{margin-bottom:5px;color:var(--muted);font-size:10px}.shipment-timeline-event-grid strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}@media (max-width: 1050px){.shipment-timeline-head{align-items:flex-start;flex-direction:column}.shipment-timeline-event-grid{grid-template-columns:1fr 1fr}}.report-page{max-width:1800px}.report-tabs{min-height:50px;margin-bottom:13px;padding:5px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.report-tabs button{min-height:38px;padding:7px 15px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.report-tabs button:hover{background:var(--green-50);color:var(--green-700)}.report-tabs button.active{background:var(--green-700);color:#fff;box-shadow:0 4px 10px #2f73c933}.report-tabs button span{margin-right:7px;font-size:10px;opacity:.72}.report-tabs small{margin-left:auto;padding:0 10px;color:var(--muted);font-size:10px}.report-filter-card{padding:0;overflow:hidden}.report-filter-title{min-height:57px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--soft-line);background:linear-gradient(90deg,#fbfdff,#fff)}.report-filter-title>div{display:flex;align-items:baseline;gap:12px}.report-filter-title strong{font-size:14px}.report-filter-title span{color:var(--muted);font-size:11px}.report-filter-title .filter-result{flex:0 0 auto;color:var(--green-700);font-weight:700}.report-filter-grid{padding:13px 16px 15px;display:grid;grid-template-columns:1.1fr .9fr .7fr 1fr 1fr .7fr .8fr auto;gap:10px;align-items:end}.report-filter-grid label{min-width:0;display:grid;gap:6px}.report-filter-grid label>span{color:var(--muted);font-size:10px}.report-filter-grid input,.report-filter-grid select{height:36px;font-size:12px}.report-filter-actions{display:flex;align-items:center;gap:8px}.report-overview-toolbar{min-height:60px;margin:16px 0 11px;display:flex;align-items:center;justify-content:space-between;gap:18px}.report-overview-toolbar>div:first-child{display:grid;gap:4px}.report-overview-toolbar strong{margin-right:10px;font-size:17px}.report-overview-toolbar small{color:var(--muted);font-size:10px}.eyebrow{color:var(--green-700);font-size:10px;font-weight:750;letter-spacing:.4px;text-transform:uppercase}.timeline-switch{display:flex;align-items:center;gap:10px}.timeline-switch button{width:32px;height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--green-700);font-size:22px;line-height:1}.timeline-switch button:hover{border-color:var(--green-600);background:var(--green-50)}.timeline-switch strong{min-width:95px;color:var(--ink);text-align:center;font-size:13px}.year-report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:13px}.year-report-card{min-height:151px;padding:15px 16px 13px;border:1px solid var(--line);border-top:3px solid var(--green-600);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.year-report-card-1{border-top-color:#2f73c9}.year-report-card-2{border-top-color:#1b9a69}.year-report-card-0{border-top-color:#d39a2c}.year-report-card-head,.year-report-card-stats,.year-report-tags{display:flex;align-items:center;justify-content:space-between;gap:10px}.year-report-card-head>div{display:grid;gap:4px}.year-report-card-head span{color:var(--muted);font-size:12px}.year-report-card-head strong{color:var(--ink);font-size:11px}.year-report-card-head>b{color:var(--ink);font-size:25px;letter-spacing:-.5px}.year-report-card-head>b small{margin-left:4px;color:var(--muted);font-size:11px;font-weight:500}.year-report-card-stats{justify-content:flex-start;margin-top:13px}.year-report-card-stats>div{min-width:85px;padding-right:13px;border-right:1px solid var(--soft-line)}.year-report-card-stats>div:last-child{border-right:0}.year-report-card-stats span,.year-report-card-stats strong{display:block}.year-report-card-stats span{color:var(--muted);font-size:10px}.year-report-card-stats strong{margin-top:4px;font-size:15px}.year-report-progress{height:6px;margin-top:13px;overflow:hidden;border-radius:999px;background:#edf1f5}.year-report-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green-600),#58b58a)}.year-report-tags{justify-content:flex-start;gap:13px;margin-top:9px;color:var(--muted);font-size:10px}.year-report-tags>span{display:inline-flex;align-items:center;gap:4px}.report-main-grid{display:grid;grid-template-columns:minmax(0,1.66fr) minmax(330px,.74fr);gap:13px;align-items:stretch}.report-matrix-card,.shipment-year-chart{overflow:hidden}.report-section-header{min-height:61px;padding:13px 16px 11px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--soft-line)}.report-section-header h2{margin:0;font-size:15px}.report-section-header p{margin:4px 0 0;color:var(--muted);font-size:10px}.report-matrix-table{min-width:980px}.report-matrix-table th,.report-matrix-table td{padding:11px 12px}.report-matrix-table th:not(:first-child),.report-matrix-table td:not(:first-child){text-align:right}.report-year-group td{padding:10px 12px;background:#f5f8fc;border-bottom-color:#dce5ef;color:var(--green-900)}.report-year-group td>*{margin-right:17px}.report-year-group span{color:var(--muted);font-size:10px}.report-year-group b{float:right;color:var(--red-600);font-size:11px}.report-can-cell{display:inline-grid;grid-template-columns:10px auto;gap:0 7px;align-items:center;text-align:left}.report-can-cell i{grid-row:span 2}.report-can-cell strong{font-size:12px}.report-can-cell small{color:var(--muted);font-size:9px}.can-dot{width:8px;height:8px;display:inline-block;flex:0 0 auto;border-radius:50%;background:var(--green-600)}.can-dot-blue{background:#347fdc}.can-dot-yellow{background:#e0a532}.can-dot-green{background:#38a97a}.shipped-number{color:var(--green-700)}.pending-number{color:var(--red-600)}.empty-number{color:#b2bac4}.report-total-row td{background:#fbfcfe;border-top:2px solid var(--line)}.report-total-row td:first-child{color:var(--green-900)}.rate-cell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.rate-cell>i{width:48px;height:5px;overflow:hidden;display:block;border-radius:999px;background:#e8edf2}.rate-cell>i em{display:block;height:100%;border-radius:inherit;background:var(--green-600)}.rate-cell>span{color:var(--muted);font-size:10px}.shipment-year-chart{min-height:100%}.shipment-bars{padding:19px 16px 5px;display:grid;gap:23px}.shipment-bar-row{display:grid;gap:8px}.shipment-bar-title{display:flex;justify-content:space-between;align-items:baseline}.shipment-bar-title strong{font-size:12px}.shipment-bar-title span{color:var(--muted);font-size:11px}.shipment-bar-track{height:18px;display:flex;overflow:hidden;border-radius:5px;background:#eef2f6}.bar-segment{min-width:2px;height:100%;display:block}.bar-segment-blue{background:#347fdc}.bar-segment-yellow{background:#e0a532}.bar-segment-green{background:#38a97a}.shipment-bar-legend{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:10px}.shipment-bar-legend span{display:inline-flex;align-items:center;gap:4px}.chart-note{margin:13px 16px 16px;padding:9px 10px;display:flex;align-items:flex-start;gap:7px;border-radius:7px;background:var(--green-50);color:var(--muted);font-size:10px;line-height:1.6}.chart-note i{width:16px;height:16px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green-100);color:var(--green-700);font-style:normal;font-weight:750}.report-footer-hint{min-height:45px;margin-top:13px;padding:9px 13px;display:flex;align-items:center;gap:10px;border:1px dashed #bad1c0;border-radius:8px;background:#fbfefc;color:var(--muted);font-size:10px}.report-footer-hint strong{color:var(--green-800);font-size:11px}.report-footer-hint .btn{margin-left:auto}.drill-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pending-toggle{display:flex!important;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.pending-toggle input{width:15px!important;height:15px!important;accent-color:var(--green-700)}.drill-filter-grid{grid-template-columns:1.35fr .9fr .7fr .7fr 1fr 1fr auto}.drill-grid{display:grid;grid-template-columns:minmax(430px,.87fr) minmax(620px,1.35fr);gap:13px;align-items:start}.drill-grid .table-card{min-width:0;overflow:hidden}.drill-summary-table,.contract-drill-table{min-width:720px}.drill-summary-table tbody tr,.contract-drill-table tbody tr{cursor:pointer}.drill-summary-table tbody tr:hover td,.contract-drill-table tbody tr:hover td{background:#f8fbff}.drill-summary-table tr.selected-drill-row td,.contract-drill-table tr.selected-contract-row td{background:#eef6ff}.drill-summary-table td,.drill-summary-table th,.contract-drill-table td,.contract-drill-table th{padding:11px 10px}.drill-summary-table th:not(:first-child),.drill-summary-table td:not(:first-child){text-align:right}.drill-summary-table th:nth-child(2),.drill-summary-table td:nth-child(2){text-align:left}.can-type-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.contract-link{padding:0;border:0;background:transparent;color:var(--green-800);font-size:12px;font-weight:750}.contract-link:hover{color:var(--green-600);text-decoration:underline}.contract-drill-table td:first-child{min-width:135px}.contract-drill-table th:not(:first-child),.contract-drill-table td:not(:first-child){text-align:right}.contract-drill-table th:last-child,.contract-drill-table td:last-child{text-align:left}.contract-trace-card{margin-top:13px;overflow:hidden}.trace-header{min-height:74px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--soft-line);background:linear-gradient(100deg,#fbfdff,#fff)}.trace-header h2{margin:4px 0 0;font-size:18px}.trace-header p{margin:5px 0 0;color:var(--muted);font-size:11px}.trace-header-actions{display:flex;align-items:center;gap:10px}.trace-kpis{padding:14px 17px;display:grid;grid-template-columns:repeat(3,.7fr) 1.5fr;gap:10px;border-bottom:1px solid var(--soft-line)}.trace-kpis>div:not(.trace-progress){padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe}.trace-kpis span,.trace-kpis strong{display:block}.trace-kpis span{color:var(--muted);font-size:10px}.trace-kpis strong{margin-top:6px;font-size:16px}.trace-progress{padding:8px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.trace-progress>div{height:7px;overflow:hidden;border-radius:999px;background:#e9eef3}.trace-progress>div i{display:block;height:100%;border-radius:inherit;background:var(--green-600)}.trace-progress b{color:var(--green-700);font-size:12px}.trace-content-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:13px;padding:13px 17px 17px}.trace-products,.trace-timeline{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.trace-section-title{min-height:43px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--soft-line)}.trace-section-title strong{font-size:13px}.trace-section-title span{color:var(--muted);font-size:10px}.trace-products .data-table{min-width:640px}.trace-products .data-table th,.trace-products .data-table td{padding:11px 9px}.delivery-timeline{padding:14px 14px 4px}.delivery-timeline-item{min-height:82px;display:grid;grid-template-columns:24px 1px 1fr;gap:10px;position:relative}.timeline-index{width:24px;height:24px;z-index:1;display:grid;place-items:center;border:2px solid #bdd7c5;border-radius:50%;background:var(--green-50);color:var(--green-700);font-size:10px;font-weight:750}.timeline-line{width:1px;height:calc(100% + 4px);margin-left:-25px;background:#cfe0d4}.delivery-timeline-item:last-child .timeline-line{display:none}.delivery-timeline-body{padding-bottom:13px}.delivery-timeline-top{min-height:24px;display:flex;align-items:center;gap:8px}.delivery-timeline-top strong{font-size:12px}.delivery-timeline-top>span{color:var(--muted);font-size:10px}.delivery-trace-grid{margin-top:8px;padding:9px 10px;display:grid;grid-template-columns:1.4fr .65fr 1fr 1fr;gap:8px;border:1px solid var(--soft-line);border-radius:7px;background:#fbfcfe}.delivery-trace-grid span,.delivery-trace-grid strong{display:block}.delivery-trace-grid span{color:var(--muted);font-size:9px}.delivery-trace-grid strong{margin-top:4px;font-size:11px}@media (max-width: 1400px){.report-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-filter-actions{align-self:end}.drill-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.report-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.trace-content-grid{grid-template-columns:1fr}}@media (max-width: 1120px){.report-tabs small{display:none}.report-main-grid,.drill-grid,.year-report-cards{grid-template-columns:1fr}.trace-kpis{grid-template-columns:repeat(2,1fr)}.trace-progress{grid-column:span 2}.report-footer-hint{align-items:flex-start;flex-wrap:wrap}.report-footer-hint .btn{margin-left:0}}.scope-bar{margin-bottom:12px;min-height:46px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce6de;border-radius:9px;background:#fff}.drill-breadcrumb,.drill-breadcrumb span{display:flex;align-items:center;gap:4px}.drill-breadcrumb button{border:0;background:none;color:var(--green-700);padding:5px 7px;font-size:11px;border-radius:5px}.drill-breadcrumb button:hover,.drill-breadcrumb button.active{background:var(--green-100);font-weight:650}.drill-breadcrumb b{color:#a1aaa4;font-weight:400}.scope-tip{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.scope-tip i{width:7px;height:7px;border-radius:50%;background:var(--green-600)}.scope-tip strong{color:var(--green-800)}.stat-grid-analysis{margin-bottom:12px}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.55fr);gap:12px;margin-bottom:12px;align-items:start}.table-scope-badge{padding:5px 9px;border-radius:6px;background:var(--green-50);color:var(--green-700)}.ratio{width:70px;height:5px;border-radius:999px;background:#e9eeea;display:inline-block;overflow:hidden;vertical-align:middle}.ratio i{display:block;height:100%;border-radius:inherit;background:var(--green-600)}.ratio-label{margin-left:5px;color:var(--muted);font-size:9px}.scope-chart-card{min-height:320px}.horizontal-chart{padding:16px;display:grid;gap:13px}.horizontal-chart>div{display:grid;grid-template-columns:54px 1fr 1fr 48px;gap:7px;align-items:center}.horizontal-chart>div>span{overflow:hidden;text-overflow:ellipsis;font-size:10px}.horizontal-chart>div>div{height:7px;border-radius:999px;background:#edf1ee;overflow:hidden}.horizontal-chart i{display:block;height:100%;border-radius:inherit;background:var(--green-600)}.horizontal-chart i.sales{background:var(--yellow-500)}.horizontal-chart b{font-size:10px;text-align:right}.sales-detail-card{overflow:hidden}.inline-search{display:flex;align-items:center;gap:7px}.inline-search input{width:210px}.order-detail{display:grid;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-grid>div{min-height:60px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fbfcfb}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:10px}.detail-grid strong{margin-top:5px;font-size:12px}.detail-total{text-align:right;color:var(--muted)}.detail-total strong{color:var(--green-800);font-size:17px}.stock-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.stock-card-grid .card{padding:15px}.stock-card-head{display:flex;align-items:center;justify-content:space-between}.stock-card-grid .card>b{display:block;margin-top:14px;font-size:24px}.stock-card-grid .card>b small{font-size:11px;color:var(--muted);font-weight:500}.stock-card-grid .card>span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.stock-card-grid .card>i{display:block;height:6px;margin-top:13px;border-radius:999px;background:#edf1ee;overflow:hidden}.stock-card-grid em{display:block;height:100%;background:var(--green-600);border-radius:inherit}.stock-card-grid em.yellow{background:var(--yellow-500)}.master-page .filter-card{margin-top:12px}.customer-table{min-width:1420px}.customer-address{min-width:190px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.customer-pagination{gap:8px}.live-master-table{min-width:1180px}.supplier-table{min-width:1540px}.master-address,.master-main-supply{min-width:170px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.audit-cell{min-width:150px}.audit-cell strong,.audit-cell small{display:block}.audit-cell small{margin-top:3px;color:var(--muted);white-space:nowrap}.audit-panel{margin-top:15px;padding:11px 13px;border:1px solid var(--soft-line);border-radius:8px;background:#f8faf8;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.audit-panel>div{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center}.audit-panel span{grid-row:span 2;color:var(--muted);font-size:11px}.audit-panel strong{font-size:12px}.audit-panel small{color:var(--muted);font-size:10px}.request-error{min-height:68px;margin-bottom:12px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#efb6b6;background:#fff9f9}.request-error div{display:grid;gap:5px}.request-error strong{color:var(--red-600)}.request-error span{color:var(--muted);font-size:11px}.product-builder-card{margin-bottom:12px;overflow:hidden}.product-builder-head{min-height:58px;padding:13px 16px;border-bottom:1px solid var(--soft-line);display:flex;align-items:center;justify-content:space-between}.product-builder-head h3{margin:0;font-size:15px}.product-builder-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.product-builder{padding:14px 16px 12px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}.product-builder label{display:grid;gap:6px}.product-builder label span{color:var(--muted);font-size:10px}.builder-preview{margin:0 16px 15px;padding:11px 13px;border:1px dashed #bdd6c4;border-radius:8px;background:var(--green-50);display:flex;justify-content:space-between}.builder-preview div:last-child{text-align:right}.builder-preview span,.builder-preview strong{display:block}.builder-preview span{color:var(--muted);font-size:10px}.builder-preview strong{margin-top:4px;color:var(--green-800);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f20157a;display:flex;align-items:center;justify-content:center;padding:32px}.modal{max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);background:#fff;border-radius:12px;box-shadow:0 24px 70px #00000042;overflow:hidden;display:flex;flex-direction:column;animation:modal-in .16s ease-out}@keyframes modal-in{0%{transform:translateY(8px);opacity:.3}}.modal-header{min-height:58px;padding:13px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:19px}.modal-header button{width:32px;height:32px;border:0;border-radius:7px;background:#f0f3f1;color:var(--muted);font-size:19px}.modal-body{padding:19px;overflow-y:auto;font-size:14px}.modal-footer{min-height:58px;padding:11px 17px;border-top:1px solid var(--line);background:#fafbfa;display:flex;align-items:center;justify-content:flex-end;gap:8px}.modal input:not([type=checkbox]):not([type=radio]),.modal select,.modal textarea{min-height:42px;font-size:14px}.modal .btn{min-height:39px;font-size:13px}.modal .data-table th{font-size:13px}.modal .data-table td,.modal .data-table td strong{font-size:14px}.modal .cell-sub{font-size:12px}.form-grid{display:grid;gap:13px}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-grid.cols-5{grid-template-columns:1.1fr 1fr 1fr .7fr .8fr}.form-grid.cols-6{grid-template-columns:1.25fr .55fr 1fr 1fr 1fr .65fr}.field{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:12px}.field>span b{color:var(--red-600);margin-right:3px}.field>small{color:var(--muted);font-size:11px}.field-error{color:var(--red-600);font-size:11px}.field [aria-invalid=true]{border-color:var(--red-600);box-shadow:0 0 0 3px #c6454517}.modal .field{font-size:13px}.form-section{margin:16px 0 11px;padding:10px 11px;border-radius:7px;background:#f5f8f6;display:flex;justify-content:space-between;font-size:13px}.form-section span{color:var(--muted)}.product-preview{margin-top:14px;padding:12px 13px;border:1px dashed #bdd6c4;border-radius:8px;background:var(--green-50);display:flex;align-items:center;justify-content:space-between}.product-preview span,.product-preview strong{display:block}.product-preview span{color:var(--muted);font-size:10px}.product-preview strong{margin-top:4px;color:var(--green-800);font-size:14px}.form-error{margin-top:11px;padding:9px 11px;border-radius:7px;background:var(--red-100);color:var(--red-600);font-size:10px}.line-row{align-items:end}.line-row .line-actions{display:flex;align-items:end;min-height:100%}.line-row .line-actions .btn{width:100%}.readonly-field{min-height:42px;padding:11px 12px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#f6f8f6;color:var(--ink);font-size:14px}.system-page .table-card{min-width:0}.system-page .table-subtext{display:block;margin-top:4px;color:var(--muted);font-size:11px}.checkbox-list{display:grid;gap:8px;padding:9px 0;color:var(--ink)}.checkbox-list label,.role-permission-group label{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:12px;cursor:pointer}.checkbox-list input[type=checkbox],.role-permission-group input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;border-radius:4px;flex:0 0 16px;accent-color:var(--green-700)}.permission-grid{grid-column:span 2;max-height:560px;overflow-y:auto;padding:0 14px;border:1px solid var(--soft-line);border-radius:8px;background:#fafcfa}.permission-grid-toolbar{position:sticky;top:0;z-index:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--soft-line);background:#fafcfa}.permission-grid-toolbar>div{display:flex;align-items:baseline;gap:10px}.permission-grid-toolbar strong{color:var(--ink);font-size:13px}.permission-grid-toolbar span{color:var(--muted);font-size:11px}.permission-grid-toolbar .btn{min-height:32px;padding:6px 12px;font-size:12px}.role-permission-group{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;align-items:start;padding:11px 0;border:0;border-bottom:1px solid var(--soft-line);border-radius:0;background:transparent}.role-permission-group:last-child{border-bottom:0}.role-permission-heading{min-height:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:0 6px 0 0}.role-permission-module-toggle{position:relative;min-height:28px;display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap}.role-permission-module-toggle input{position:absolute;left:0;top:6px;z-index:1;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;opacity:0;cursor:pointer}.module-checkbox-indicator{width:16px;min-width:16px;height:16px;display:grid;place-items:center;border:1px solid #b8c4bb;border-radius:4px;background:#fff}.module-checkbox-indicator:after{content:"✓";color:#fff;font-size:12px;line-height:1;opacity:0}.role-permission-module-toggle input:checked+.module-checkbox-indicator{border-color:var(--green-700);background:var(--green-700)}.role-permission-module-toggle input:checked+.module-checkbox-indicator:after{opacity:1}.role-permission-module-toggle.is-partial .module-checkbox-indicator{border-color:var(--green-700);background:var(--green-700)}.role-permission-module-toggle.is-partial .module-checkbox-indicator:after{content:"";width:8px;height:2px;border-radius:2px;background:#fff;opacity:1}.role-permission-module-toggle input:focus-visible+.module-checkbox-indicator{box-shadow:0 0 0 3px #22804e29}.role-permission-heading strong{color:var(--green-800);font-size:13px}.role-permission-heading span{margin-left:23px;color:var(--muted);font-size:10px;white-space:nowrap}.role-permission-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 22px;min-width:0}.role-permission-group label{min-height:28px}.department-tree{padding:7px 0}.department-tree-row{min-height:46px;padding-right:14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--soft-line)}.department-tree-row strong{min-width:180px;color:var(--ink)}.department-tree-row .muted-text{margin-left:auto}.organization-chart-modal-body{display:grid;gap:12px}.organization-chart-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:2px 2px 8px}.organization-chart-summary strong{color:var(--ink);font-size:15px}.organization-chart-summary span{color:var(--muted);font-size:11px}.organization-chart-scroll{max-height:560px;overflow:auto;padding:28px 32px 42px;border:1px solid var(--soft-line);border-radius:10px;background:#fbfcfe}.organization-chart,.organization-chart-root{min-width:max-content;display:flex;justify-content:center}.organization-chart-branch{position:relative;min-width:150px;display:flex;flex-direction:column;align-items:center}.organization-chart-root-branch{min-width:170px}.organization-chart-children{position:relative;min-width:max-content;display:flex;align-items:flex-start;justify-content:center;gap:20px;margin-top:0;padding-top:20px}.organization-chart-children:before{content:"";position:absolute;top:0;left:50%;width:1px;height:20px;background:#a9b8c9}.organization-chart-branch:before{content:"";position:absolute;top:20px;left:0;right:0;border-top:1px solid #a9b8c9}.organization-chart-branch:first-child:before{left:50%}.organization-chart-branch:last-child:before{right:50%}.organization-chart-branch:only-child:before{display:none}.organization-chart-node{position:relative;z-index:1;min-width:136px;min-height:48px;padding:10px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:4px;background:var(--green-700);color:#fff;box-shadow:0 7px 16px #2f73c933;text-align:center;font-size:14px}.organization-chart-node strong{color:inherit;font-size:14px;font-weight:700;white-space:nowrap}.organization-chart-node small{color:#ffffffc2;font-size:10px}.organization-chart-node.is-root{min-width:170px;background:var(--green-800)}.organization-chart-node.is-inactive{opacity:.62;filter:grayscale(.15)}@media (max-width: 900px){.organization-chart-scroll{padding-left:20px;padding-right:20px}}.confirm-box{display:flex;gap:12px;padding:4px}.confirm-box>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow-100);color:var(--yellow-700);font-weight:800}.confirm-box strong{display:block;margin-top:3px}.confirm-box p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.loading-table{padding:4px 0}.loading-row{min-height:48px;padding:10px 13px;display:grid;grid-template-columns:repeat(7,1fr);gap:14px;border-bottom:1px solid var(--soft-line)}.loading-row span{height:10px;margin:auto 0;border-radius:999px;background:linear-gradient(90deg,#edf1ee 20%,#f7f9f7,#edf1ee 70%);background-size:220% 100%;animation:skeleton 1.3s infinite}@keyframes skeleton{to{background-position:-220% 0}}.empty-state{min-height:210px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted)}.empty-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f0f4f1;font-size:21px}.empty-state strong{color:#465149}.empty-state span{font-size:10px}.toast{position:fixed;right:24px;top:78px;z-index:200;min-width:270px;min-height:45px;padding:10px 13px;border-radius:9px;background:#1d5d3a;color:#fff;box-shadow:0 14px 35px #0003;display:flex;align-items:center;gap:9px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.18s ease;font-size:11px}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff29}.not-found{min-height:500px;display:grid;place-items:center;align-content:center;gap:15px}.not-found h1{margin:0;font-size:22px}.not-found span{color:var(--muted)}.not-found button{border:0;border-radius:7px;padding:9px 14px;background:var(--green-700);color:#fff}.session-gate{min-height:100vh;display:grid;place-items:center;align-content:center;gap:13px;background:var(--bg);color:var(--muted)}.session-gate strong{color:var(--ink);font-size:16px}.session-gate span{max-width:520px;line-height:1.7;text-align:center}.session-spinner{width:34px;height:34px;border:3px solid var(--green-200);border-top-color:var(--green-700);border-radius:50%;animation:session-spin .8s linear infinite}@keyframes session-spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.15fr) minmax(460px,.85fr);background:#eef3fa}.login-brand-panel{padding:72px;display:flex;align-items:center;justify-content:center;gap:24px;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(68,135,225,.72),transparent 35%),linear-gradient(135deg,#17233c,#245eaf)}.login-brand-mark{width:76px;height:76px;flex:0 0 auto;border-radius:19px;display:grid;place-items:center;background:#347fdc;box-shadow:0 18px 46px #0003;font-size:37px;font-weight:900}.login-brand-panel span{color:#ffffffb8;font-size:14px}.login-brand-panel h1{margin:10px 0 0;font-size:34px;letter-spacing:-.8px}.login-brand-panel p{margin:15px 0 0;color:#ffffffbd;font-size:14px}.login-card{width:410px;margin:auto;padding:38px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 22px 70px #17233c24}.login-card-heading>span{color:var(--green-700);font-size:12px;font-weight:750}.login-card-heading h2{margin:8px 0 0;font-size:27px}.login-card-heading p{margin:8px 0 0;color:var(--muted);font-size:12px}.login-card form{margin-top:28px;display:grid;gap:16px}.login-card form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.login-card input{height:44px}.login-card .btn{min-height:44px;margin-top:3px;font-size:14px}.login-card>small{display:block;margin-top:18px;color:var(--muted);text-align:center}.login-error{padding:10px 12px;border:1px solid #f0c3c3;border-radius:7px;background:var(--red-100);color:var(--red-600);font-size:12px;line-height:1.5}@media (max-width: 1280px){.sidebar{width:212px}.main-shell{margin-left:212px}.content{padding:18px}.dashboard-main-grid{grid-template-columns:1.35fr .8fr .8fr}.data-table th,.data-table td{padding-left:9px;padding-right:9px}}@media (max-width: 1100px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}}@media print{.sidebar,.topbar,.page-actions,.filter-card,.pagination,.text-link,.btn{display:none!important}.main-shell{margin-left:0}.content{padding:0}.card{box-shadow:none;break-inside:avoid}}.sales-table .expand-toggle{width:28px;height:28px;padding:0;border:1px solid #b9d2c0;border-radius:6px;background:#fff;color:var(--green-700);font-size:18px;line-height:1;cursor:pointer}.sales-table .expand-toggle:hover{background:var(--green-50)}.sales-table .expand-toggle:focus-visible{outline:3px solid rgba(34,128,78,.18);outline-offset:1px}.sales-detail-row>td{padding:0!important;background:#f7faf8;border-top:0}.sales-inline-detail{padding:14px 22px 16px 54px}.sales-inline-detail>strong{display:block;margin-bottom:9px;color:var(--green-800);font-size:13px}.sales-inline-detail table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dfe9e1;border-radius:7px;overflow:hidden;font-size:12px}.sales-inline-detail th,.sales-inline-detail td{padding:8px 10px;border-bottom:1px solid #e8eee9;text-align:left}.sales-inline-detail th{color:var(--muted);background:#f4f8f5;font-weight:650}.sales-inline-detail tr:last-child td{border-bottom:0}.inline-loading{padding:20px 54px;color:var(--muted);font-size:12px}.dictionary-groups{display:grid;gap:16px}.dictionary-groups .table-toolbar>div:first-child{display:flex;align-items:baseline;gap:12px}.dictionary-page .table-subtext{display:block;color:var(--muted);font-size:11px}.purchase-table{min-width:1180px}.purchase-details-table{min-width:1580px}.purchase-details-table td:first-child{white-space:nowrap}.line-number{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400}.purchase-expand-toggle{width:28px;height:28px;padding:0;border:1px solid #b9d2c0;border-radius:6px;background:#fff;color:var(--green-700);font-size:18px;line-height:1;cursor:pointer}.purchase-expand-toggle:hover{background:var(--green-50)}.purchase-detail-row>td{padding:0!important;background:#f7faf8;border-top:0}.purchase-inline-detail{padding:14px 22px 16px 58px}.purchase-inline-detail>strong{display:block;margin-bottom:9px;color:var(--green-800);font-size:13px}.purchase-inline-detail table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dfe9e1;border-radius:7px;overflow:hidden;font-size:12px}.purchase-inline-detail th,.purchase-inline-detail td{padding:8px 10px;border-bottom:1px solid #e8eee9;text-align:left}.purchase-inline-detail th{color:var(--muted);background:#f4f8f5;font-weight:650}.purchase-inline-detail tr:last-child td{border-bottom:0}.reference-table{min-width:900px}.outbound-form{display:grid;gap:13px}.outbound-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:13px 15px;border:1px solid #dbe8df;border-radius:8px;background:#f5faf6}.outbound-summary div{display:grid;gap:4px}.outbound-summary span,.outbound-line-header span{color:var(--muted);font-size:11px}.outbound-summary strong{color:var(--ink);font-size:13px}.outbound-line{padding:0!important;overflow:hidden}.outbound-line-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid var(--soft-line)}.outbound-line-header strong{color:var(--green-800);font-size:13px}.outbound-lot-table{margin:0;border:0}.outbound-lot-table input[type=number]{width:130px;min-height:31px;padding:5px 8px}.outbound-created{display:grid;gap:7px;padding:13px 15px;border:1px solid #c8e3d1;background:#f0faf3}.outbound-created strong{color:var(--green-800)}.outbound-created span{color:var(--muted);font-size:12px}.cross-year-confirm{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #f1d49c;border-radius:7px;background:#fff9e9;color:#8c651c;font-size:12px;cursor:pointer}.cross-year-confirm input[type=checkbox]{width:16px;height:16px;accent-color:var(--green-700)}@media (max-width: 800px){.outbound-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-inline-detail{padding-left:18px;overflow-x:auto}}.year-stock-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.year-stock-card{padding:20px!important;border-top:4px solid #e5a423}.year-stock-card.year-tone-1{border-top-color:#3b82f6}.year-stock-card.year-tone-2{border-top-color:#18a36b}.year-stock-title,.year-stock-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.year-stock-card>b{display:block;margin:16px 0 10px;font-size:30px;color:#17223b}.year-stock-card>b small{font-size:14px;color:#6f7788}.year-stock-meta{font-size:13px;color:#667085}.year-stock-card>i{display:block;height:7px;margin-top:15px;border-radius:99px;background:#edf0f4;overflow:hidden}.year-stock-card>i em{display:block;height:100%;min-width:4px;border-radius:inherit;background:#e5a423}.year-tone-1>i em{background:#3b82f6}.year-tone-2>i em{background:#18a36b}.inventory-matrix-card{padding:0!important;overflow:hidden}.inventory-section-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e7eaf0}.inventory-section-head div{display:flex;align-items:baseline;gap:12px}.inventory-section-head strong{font-size:17px}.inventory-section-head span{font-size:13px;color:#7a8292}.inventory-matrix td b{font-size:16px}.inventory-matrix tr.active-inventory-row td{background:#f0f7ff}.available-stock{color:#11895b}.contract-year-hint{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;padding:14px;background:#f4f8ff;border:1px solid #d8e7ff;border-radius:10px}.contract-year-hint div{display:flex;flex-direction:column;gap:4px}.contract-year-hint span{font-size:12px;color:#6b7280}.contract-year-hint strong{color:#2458a6}.order-progress{position:relative;width:112px;height:8px;margin-top:7px;border-radius:99px;background:#e7ebf1;overflow:visible}.order-progress i{display:block;height:100%;border-radius:inherit;background:#22a06b}.order-progress span{position:absolute;left:118px;top:-5px;font-size:11px;color:#667085}.primary-inline-action{border:0;border-radius:6px;padding:6px 10px;color:#fff;background:#1967d2;cursor:pointer;white-space:nowrap}.primary-inline-action:hover{background:#1356b4}@media (max-width:1100px){.year-stock-cards,.contract-year-hint{grid-template-columns:1fr}}.delivery-timeline-top>span{white-space:nowrap}.delivery-trace-grid div:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}