html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.material-workspace{padding:24px;min-width:0;color:#1d2733}.material-panel{background:#fff;border:1px solid #dde5ed;border-radius:6px;padding:22px}.material-page-heading,.material-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.material-page-heading h3,.material-section-title h5{margin:0!important}.material-summary{display:flex;align-items:stretch;border:1px solid #dde5ed;border-radius:6px;padding:20px 0;margin:18px 0 22px}.material-summary>div{flex:1;text-align:center;padding:0 12px;border-right:1px solid #e4ebf3}.material-summary>div:last-child{border:0}.material-summary span{display:block;color:#687789;margin-bottom:5px}.material-summary strong{display:block;font-size:27px;color:#11203b;font-variant-numeric:tabular-nums}.material-summary>div:last-child strong{color:#0057d9}.material-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.material-filters label{display:flex;align-items:center;gap:10px}.material-filters>.ant-select{min-width:130px;flex:1}.material-filters>.ant-input-affix-wrapper{flex:1.8;min-width:210px}.material-workspace .ant-table-thead>tr>th,.material-editor .ant-table-thead>tr>th{background:#f0f5fb;color:#1d2733;font-size:14px}.material-workspace .ant-table-cell,.material-editor .ant-table-cell{font-variant-numeric:tabular-nums}.material-workspace .ant-table-cell.material-order-date{white-space:nowrap}.material-workspace .ant-table-cell .ant-btn-link{padding-inline:0}.material-subline{display:block;font-size:13px;margin-top:4px}.material-workspace .ant-alert{margin-top:16px}.material-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin:22px 0}.material-form-grid label,.material-block-label{display:block;font-weight:500}.material-form-grid label>.ant-select,.material-form-grid label>.ant-picker,.material-form-grid label>.ant-input,.material-form-grid label>.ant-input-textarea{display:block;width:100%;margin-top:8px}.material-form-grid label>.ant-picker{display:flex}.material-editor em{color:#e5484d;font-style:normal}.material-editor .ant-select,.material-editor .ant-input-number{width:100%}.material-editor .ant-table-tbody>tr>td{vertical-align:middle}.material-muted{color:#687789;margin:12px 0}.material-block-label .ant-input{margin-top:8px}.material-editor .ant-table-wrapper+.material-block-label{margin-top:22px}.material-upload label{display:block;margin-bottom:8px}.material-upload .ant-upload-drag{background:#fbfdff}.material-upload .ant-upload-drag .anticon{font-size:28px;color:#0057d9}.material-upload .ant-upload-drag p{margin:8px 0}.material-upload small{color:#687789}.material-selected-file{display:flex;align-items:center;gap:8px;min-width:0}.material-selected-file>.ant-btn-link{flex:1;min-width:0;justify-content:flex-start;padding-inline:0}.material-selected-file>.ant-btn-link>span:not(.anticon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-upload-error .ant-upload-drag{border-color:#e5484d;background:snow}.material-attachment-line{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-block:1px solid #e4ebf3;margin:22px 0;padding:16px 0}.material-order-actions{margin-top:16px}.material-shipment-remarks{white-space:pre-wrap;overflow-wrap:anywhere}.material-drawer .ant-drawer-header{min-height:68px;padding:18px 30px;border-color:#e4ebf3}.material-drawer .ant-drawer-title{color:#11203b;font-size:22px;line-height:30px}.material-drawer .ant-drawer-body{padding:24px 30px}.material-drawer .ant-drawer-footer{padding:12px 30px;border-color:#e4ebf3}.material-detail-content{color:#1d2733}.material-detail-identity h2{margin:0 0 8px;color:#11203b;font-size:28px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.material-detail-number{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#687789;font-size:16px;line-height:24px}.material-detail-number .ant-tag,.material-detail-finance .ant-tag{margin:0}.material-detail-notice{margin-top:20px}.material-detail-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;margin:20px 0 28px;padding:20px 0;border-radius:6px;background:#edf5ff;text-align:center}.material-detail-summary>div{min-width:0;padding:0 16px}.material-detail-summary>div+div{border-left:1px solid #d8e5f4}.material-detail-summary span{display:block;margin-bottom:6px;color:#687789;font-size:16px}.material-detail-summary strong{display:block;color:#11203b;font-size:32px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.material-detail-summary>div:last-child strong{color:#0057d9}.material-detail-metadata{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;margin:0;padding:0 0 28px;border-bottom:1px solid #e4ebf3}.material-detail-metadata>div{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:start;line-height:24px}.material-detail-metadata>div:nth-child(2n){grid-template-columns:80px minmax(0,1fr);padding-left:24px;border-left:1px solid #e4ebf3}.material-detail-metadata dt{color:#687789}.material-detail-metadata dd{min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.material-detail-order-link.ant-btn{height:auto;max-width:100%;padding:0;color:#0057d9;line-height:24px;white-space:normal;text-align:left}.material-detail-order-link.ant-btn>span:first-child{min-width:0;overflow-wrap:anywhere}.material-detail-section{padding:24px 0 20px;border-bottom:1px solid #e4ebf3}.material-detail-section h3{margin:0 0 16px;color:#11203b;font-size:18px;font-weight:600;line-height:26px}.material-detail-section .ant-table-thead>tr>th{color:#1d2733;background:#f0f5fb;white-space:nowrap}.material-detail-section .ant-table-cell{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.material-detail-attachments{overflow:hidden;border:1px solid #e4ebf3;border-radius:6px}.material-detail-attachment-row{display:grid;grid-template-columns:174px minmax(0,1fr);align-items:center;gap:16px;min-height:50px;padding:8px 16px}.material-detail-attachment-row+.material-detail-attachment-row{border-top:1px solid #e4ebf3}.material-detail-attachment-label{line-height:24px}.material-detail-file{display:flex;align-items:center;min-width:0}.material-detail-file>.ant-upload-wrapper{margin-left:auto}.material-detail-file-link.ant-btn{justify-content:flex-start;width:100%;height:auto;min-height:32px;padding:0;color:#0057d9;white-space:normal;text-align:left}.material-detail-file-name{min-width:0;flex:1;overflow-wrap:anywhere}.material-detail-file-chevron{flex:none;margin-left:auto;color:#687789}.material-detail-finance{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:16px;padding:12px 16px;border-radius:6px;background:#edf5ff;font-size:13px}.material-detail-finance>strong{color:#11203b;font-size:16px}.material-detail-finance>span{overflow-wrap:anywhere}.material-detail-statement-amount{padding-left:12px;border-left:1px solid #d8e5f4;font-variant-numeric:tabular-nums}.material-detail-finance .ant-btn-link{height:auto;padding:0;margin-left:auto;color:#0057d9;font-size:13px}.material-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.material-detail-actions .ant-btn{min-width:96px;height:40px}.material-detail-actions .material-detail-edit{min-width:144px}@media(max-width:600px){.material-drawer .ant-drawer-header{min-height:60px;padding:14px 16px}.material-drawer .ant-drawer-title{font-size:18px}.material-drawer .ant-drawer-body{padding:20px 16px}.material-drawer .ant-drawer-footer{padding:12px 16px}.material-detail-identity h2{font-size:24px}.material-detail-summary{margin-bottom:24px;padding:18px 0}.material-detail-summary>div{padding:0 8px}.material-detail-summary span{font-size:14px}.material-detail-summary strong{font-size:23px}.material-detail-metadata{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:24px}.material-detail-metadata>div,.material-detail-metadata>div:nth-child(2n){grid-template-columns:104px minmax(0,1fr);padding-left:0;border-left:0}.material-detail-attachment-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px}.material-detail-file>.ant-upload-wrapper{margin-left:0}.material-detail-statement-amount{padding-left:0;border-left:0}}.material-image-preview{max-width:100%;max-height:75vh;display:block;margin:auto;object-fit:contain}.material-pdf-toolbar{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:12px}.material-pdf-pages{max-height:67vh;overflow:auto;background:#eef2f6;padding:12px}.material-pdf-pages canvas{max-width:100%;height:auto;background:#fff;margin:0 auto}@media(max-width:900px){.material-workspace{padding:12px}.material-panel{padding:16px}.material-page-heading{align-items:flex-start;flex-direction:column}.material-summary{flex-wrap:wrap;gap:16px 0}.material-summary>div{min-width:45%}.material-summary strong{font-size:22px}.material-form-grid{grid-template-columns:1fr}}.material-shipment-summary>div:nth-child(2) strong{color:#0057d9}.material-shipment-summary>div:last-child strong{color:#11203b;font-size:23px}.material-workspace .ant-table-summary{background:#f0f6fd;font-weight:600}.material-workspace .ant-alert-info,.material-editor .ant-alert-info,.material-drawer .ant-alert-info{background:#edf6ff;border-color:#d8e9fd}.material-page-heading .ant-btn{height:38px}.material-filters label{white-space:nowrap}.material-form-grid label>.ant-select{display:inline-flex}.material-upload .ant-upload-drag{height:auto}.material-upload .ant-upload-drag .ant-upload-btn{padding:18px 12px}.material-upload>.ant-typography{display:block;margin-top:6px}.material-statement-total{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:18px;background:#f0f6fd;border-radius:6px;margin-top:16px}.material-statement-total>span:last-child{margin-left:auto}.material-statement-total strong{font-size:20px;color:#0057d9}.material-invoice-summary{padding:20px 24px;margin:16px 0 24px;border:1px solid #d8e9fd;border-radius:6px;background:#edf6ff;color:#254371;font-variant-numeric:tabular-nums}.material-invoice-amount{display:block;margin:8px 0 20px;color:#0057d9;font-size:34px;line-height:1.25}.material-invoice-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:20px}.material-invoice-breakdown>div+div{border-left:1px solid #cddff5;padding-left:20px}.material-invoice-breakdown strong{display:block;margin-top:6px;color:#0057d9;font-size:22px}.material-invoice-summary p{margin:14px 0}.material-invoice-editor .invoice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.material-invoice-editor .ant-upload-drag{height:auto;background:#fbfdff}@media(max-width:600px){.material-invoice-editor .invoice-form-grid{grid-template-columns:1fr;gap:0}.material-invoice-summary{padding:16px}.material-invoice-amount{font-size:28px}.material-invoice-breakdown strong{font-size:18px}}.sf-workbench{min-width:0}.sf-main{min-width:0;transition:margin-right .2s}.sf-workbench.invoice-open .sf-main{margin-right:500px}.sf-back-row,.sf-customer-heading,.sf-filters,.sf-status-row,.sf-selection-bar{display:flex;align-items:center;gap:12px}.sf-back-row{justify-content:space-between;margin-bottom:16px}.sf-back-row>.ant-btn{padding-left:0}.sf-customer-heading{justify-content:space-between;margin-bottom:18px}.sf-customer-heading h2{font-size:26px;line-height:1.4;margin:0 0 5px;font-weight:600}.sf-customer-heading p{color:#7c899e;margin:0;font-size:14px}.sf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e4eaf2;border-radius:7px;margin-bottom:18px;padding:18px 0}.sf-summary>button{font:inherit;border:0;border-right:1px solid #e7edf5;background:transparent;padding:0 22px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;cursor:pointer;text-align:left}.sf-summary>button:last-child{border-right:0}.sf-summary span,.sf-summary small{font-size:12px;color:#687789}.sf-summary strong{font-size:24px;font-weight:600;color:#1559bd;font-variant-numeric:tabular-nums;white-space:nowrap}.sf-summary strong.completed{color:#00966b}.sf-table-panel{padding:18px 14px 0;border:1px solid #e4eaf2;border-radius:7px;background:#fff}.sf-table-panel>h3,.sf-editor-section h3,.sf-linked-lines h3{font-size:17px;font-weight:600;margin:0 0 14px}.sf-filters{flex:0 1 auto;flex-wrap:wrap;gap:10px;margin-left:auto;min-width:0}.sf-date-filter{display:flex;align-items:center;gap:8px;min-width:0}.sf-date-filter>span{color:#33425b;font-size:13px;white-space:nowrap}.sf-date-filter>.ant-picker{width:254px;min-width:0}.sf-filters>.ant-input-affix-wrapper{width:190px}.sf-filters>.ant-btn{flex-shrink:0;font-size:12px}.sf-status-row{align-items:center;flex-wrap:wrap;column-gap:18px;row-gap:8px;margin-bottom:10px}.sf-status-row .ant-tabs{flex:1 1 420px;min-width:0}.sf-status-row .ant-tabs-nav{margin-bottom:0}.sf-status-row .ant-tabs-tab{padding:12px 0;font-size:13px}.sf-status-row .ant-tabs-tab+.ant-tabs-tab{margin-left:21px}.sf-selection-bar{justify-content:space-between;background:#edf5ff;padding:10px 12px;border-radius:5px;margin-bottom:5px;font-size:13px}.sf-selection-bar strong{color:#1559bd;font-size:18px}.sf-selection-bar b{color:#1559bd}.sf-selection-note{margin-left:8px;color:#64748b}.sf-table-panel .ant-table{font-size:12px}.sf-table-panel .ant-table-thead>tr>th{background:#f1f5fa;font-weight:500}.sf-table-panel .ant-table-tbody>tr>td{padding-block:11px;height:57px}.sf-table-panel .ant-btn-link{padding:0;height:auto;font-size:12px}.sf-table-panel .ant-table-tbody>tr.ant-table-row-selected>td{background:#e8f2ff}.sf-table-panel .ant-table-pagination{margin:12px 0;font-size:12px}.sf-product{display:flex;flex-direction:column;gap:3px;min-width:0}.sf-product>button,.sf-line-amount>button,.sf-uploaded-file button:not(.ant-btn){padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.sf-product>button:hover{color:#1559bd}.sf-product>span{color:#6c7d90;font-size:11px}.sf-line-amount{display:flex;flex-direction:column;gap:3px;font-variant-numeric:tabular-nums}.sf-line-amount>button,.sf-line-amount small{font-size:11px;color:#7c899e}.sf-line-amount>button{color:#2361ac}.sf-state .ant-tag{margin:0;border:0;border-radius:5px;font-size:11px;padding-inline:8px}.sf-state small{color:#d88715;font-size:11px;display:block;margin-top:3px}.sf-scope-note{font-size:12px;color:#536c8a;margin-bottom:10px}.sf-legacy-alert{margin-bottom:10px;font-size:12px}.sf-invoice-drawer .ant-drawer-header{border-bottom:0;padding:20px 22px 16px}.sf-invoice-drawer .ant-drawer-header-title{flex-direction:row-reverse}.sf-invoice-drawer .ant-drawer-close{margin:0}.sf-invoice-drawer .ant-drawer-title{font-size:23px;font-weight:600}.sf-invoice-drawer .ant-drawer-title small{display:block;font-size:13px;color:#7d8ba1;font-weight:400;margin-top:4px}.sf-invoice-drawer .ant-drawer-body{padding:0 22px 20px}.sf-invoice-drawer .ant-drawer-content-wrapper{box-shadow:-6px 0 20px #233c6415}.sf-invoice-summary{padding:17px 18px;border-radius:6px;background:#eaf4ff;margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.sf-invoice-summary>strong{font-size:16px}.sf-invoice-summary>span{color:#617089;font-size:12px;overflow-wrap:anywhere}.sf-invoice-summary>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d6e4f4;padding-top:12px;margin-top:8px;align-items:center;font-size:12px;color:#617089}.sf-invoice-summary b,.sf-invoice-summary div strong{color:#125bc5}.sf-invoice-summary div strong{font-size:23px;margin-left:7px;font-variant-numeric:tabular-nums}.sf-editor-section{margin-bottom:20px}.sf-editor-section>h3{margin-bottom:7px}.sf-editor-section>p{font-size:12px;color:#7c899e;margin:0 0 12px}.sf-uploaded-file{min-height:88px;border:1px solid #c9def7;border-radius:5px;background:#f8fbff;display:flex;align-items:center;gap:12px;padding:14px}.sf-uploaded-file>.anticon{font-size:34px;color:#f35b65}.sf-uploaded-file>div{flex:1;min-width:0}.sf-uploaded-file>div>button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600!important}.sf-uploaded-file small{display:block;color:#7c899e;font-size:12px;margin-top:4px}.sf-uploaded-file>.ant-space{flex:0 0 auto}.sf-uploaded-file .ant-btn{font-size:12px;padding:0}.sf-recognition{margin-top:12px;font-size:12px;padding:9px 12px}.sf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-form-grid .ant-form-item{margin-bottom:4px}.sf-form-grid .ant-picker,.sf-form-grid .ant-input-number{width:100%}.sf-invoice-drawer .ant-form-item-label>label{font-size:13px}.sf-recognition-meta{display:flex;gap:8px;justify-content:space-between;color:#8b98aa;font-size:11px;margin-top:5px;flex-wrap:wrap}.sf-success{color:#24996b}.sf-difference{margin-top:12px}.sf-difference .ant-form-item{margin:10px 0}.sf-difference .ant-alert,.sf-difference .ant-checkbox-wrapper{font-size:12px}.sf-linked-lines h3 span{font-size:14px;margin-left:5px}.sf-linked-lines>div{border:1px solid #e6edf5;padding:8px 12px;display:flex;justify-content:space-between;gap:12px;font-size:12px}.sf-linked-lines>div+div{border-top:0}.sf-linked-lines strong{font-weight:500}.sf-linked-lines small{display:block;color:#8492a7;margin-top:4px;font-size:11px}.sf-linked-lines b{font-weight:600;white-space:nowrap}.sf-drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px}.sf-drawer-footer>span{font-size:11px;color:#8996ab}.sf-drawer-footer .ant-btn{font-size:12px}.sf-muted{color:#8492a7;font-size:12px}.sf-preview-image{max-width:100%;max-height:70vh;display:block;margin:auto}.sf-preview-pdf{width:100%;height:65vh;border:0}@media(max-width:1380px){.sf-workbench.invoice-open .sf-main{margin-right:0}.sf-invoice-drawer .ant-drawer-content-wrapper{box-shadow:-10px 0 30px #233c6429}}@media(max-width:760px){.sf-back-row{flex-wrap:wrap}.sf-customer-heading{align-items:flex-start}.sf-customer-heading h2{font-size:21px}.sf-customer-heading>.ant-btn{flex-shrink:0}.sf-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.sf-summary strong{font-size:22px}.sf-summary>button:nth-child(2){border-right:0}.sf-selection-bar{flex-wrap:wrap}.sf-filters{width:100%;margin-left:0}.sf-date-filter{flex:1 1 100%}.sf-date-filter>.ant-picker{flex:1;width:0}.sf-filters>.ant-input-affix-wrapper{flex:1 1 100%;width:100%}.sf-filters>.ant-btn:last-child{margin-left:auto}.sf-status-row .ant-tabs{flex-basis:100%}.sf-invoice-drawer .ant-drawer-content-wrapper{width:min(500px,100vw)!important}.sf-drawer-footer{flex-wrap:wrap}.sf-invoice-drawer .ant-drawer-body{padding-inline:16px}.sf-uploaded-file{flex-wrap:wrap}.sf-invoice-summary div strong{font-size:21px}}.finance-workspace .sf-back-row{margin-bottom:8px}.finance-workspace .sf-customer-heading{margin-bottom:14px}.finance-workspace .sf-summary{padding-block:15px;margin-bottom:14px}.finance-workspace .sf-summary>button{gap:5px}.finance-workspace .sf-summary span,.finance-workspace .sf-summary small{line-height:18px}.finance-workspace .sf-summary strong{line-height:30px}.finance-workspace .sf-table-panel{padding-top:14px}.finance-workspace .sf-table-panel .ant-table{font-size:12px;line-height:18px}.finance-workspace .sf-table-panel .ant-table-wrapper .ant-table .ant-table-thead>tr>th{padding:8px;height:36px;font-size:12px;line-height:18px}.finance-workspace .sf-table-panel .ant-table-wrapper .ant-table .ant-table-tbody>tr>td{padding:4px 8px;height:46px;font-size:12px;line-height:18px}.finance-workspace .sf-table-panel .ant-table-selection-column{width:44px}.finance-workspace .sf-product,.finance-workspace .sf-line-amount{line-height:17px;gap:2px}.sf-invoice-drawer .ant-drawer-header{padding-block:16px 12px}.sf-invoice-drawer .ant-drawer-title{line-height:28px}.sf-invoice-drawer .ant-drawer-title small{line-height:18px}.sf-recognition.ant-alert-success{background:#edf9f3;border-color:#edf9f3;color:#268b68}.sf-record-modal.ant-modal{max-width:calc(100vw - 32px);padding-bottom:0}.sf-record-modal .sf-record-container{padding:0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}.sf-record-modal .sf-record-header{flex-shrink:0;margin:0;padding:28px 32px 20px}.sf-record-modal .sf-record-close{top:20px;right:22px;color:#7c899e}.sf-record-modal .sf-record-body{min-height:0;overflow-y:auto;padding:0 32px 24px;color:#172b4d}.sf-record-modal .sf-record-footer{flex-shrink:0;margin:0;padding:18px 32px;border-top:1px solid #e2e8f0}.sf-record-heading{padding-right:28px}.sf-record-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#172b4d;font-size:24px;line-height:34px;font-weight:600}.sf-record-title>.anticon{color:#1559bd;font-size:30px}.sf-record-title>.ant-tag{margin:0 0 0 2px;border:0;font-size:13px;line-height:24px;font-weight:400}.sf-record-subtitle{margin-top:8px;color:#687b99;font-size:16px;line-height:24px;font-weight:400;overflow-wrap:anywhere}.sf-invoice-record .sf-record-subtitle{color:#273a55}.sf-record-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:22px 28px;background:#edf5ff;border-radius:6px;margin-bottom:24px}.sf-record-summary>div{display:flex;flex-direction:column;gap:6px;min-width:0}.sf-record-summary>div+div{border-left:1px solid #d8e5f5;padding-left:36px}.sf-record-summary span{font-size:14px;line-height:21px;color:#657b9b}.sf-record-summary strong{color:#1559bd;font-size:36px;line-height:44px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sf-record-summary b{font-size:21px;line-height:30px;font-weight:500;font-variant-numeric:tabular-nums}.sf-record-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:18px;margin:0 0 22px;padding:0 0 24px;border-bottom:1px solid #dde5ef;font-size:14px;line-height:24px}.sf-record-meta>div{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:12px;align-items:baseline}.sf-record-meta dt{color:#75849b}.sf-record-meta dd{margin:0;color:#243650;white-space:pre-wrap;overflow-wrap:anywhere}.sf-record-meta-wide{grid-column:1 / -1}.sf-record-section+.sf-record-section,.sf-record-note+.sf-record-section{margin-top:24px}.sf-record-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sf-record-section-heading h3{margin:0;font-size:17px;line-height:26px;color:#172b4d;font-weight:600}.sf-record-section-heading>span{color:#7d8da5;font-size:14px;white-space:nowrap}.sf-record-attachment{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid #dce5f1;border-radius:6px;background:#f8fafd}.sf-record-file-icon{flex:0 0 auto;font-size:36px;color:#ee5757}.sf-record-image-icon{color:#1559bd}.sf-record-file-info{flex:1;min-width:0}.sf-record-file-info>button{display:block;width:100%;text-align:left;font:inherit;color:#243650;border:0;background:transparent;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sf-record-file-info>button:hover{color:#1559bd}.sf-record-file-info>button:focus-visible{outline:2px solid #1559bd;outline-offset:3px;border-radius:2px}.sf-record-file-info small{display:block;color:#8797ad;font-size:13px;line-height:20px;margin-top:4px}.sf-record-attachment>.ant-btn{flex-shrink:0;color:#1559bd;border-color:#80a3dc;height:36px}.sf-record-lines .ant-table{font-size:14px;color:#243650;font-variant-numeric:tabular-nums}.sf-record-lines .ant-table-wrapper .ant-table-thead>tr>th{background:#f4f7fb;color:#273a55;font-weight:500;padding:12px 16px;white-space:nowrap}.sf-record-lines .ant-table-wrapper .ant-table-tbody>tr>td{padding:12px 16px;border-color:#edf0f5}.sf-record-product{display:flex;flex-direction:column;gap:2px;line-height:22px}.sf-record-product small{color:#8190a7;font-size:13px;line-height:20px}.sf-record-lines .ant-table-wrapper .ant-table-summary>tr>td{padding:12px 16px;background:#edf5ff;font-weight:600;border-bottom:0}.sf-record-lines .ant-table-summary>tr>td:last-child{color:#1559bd}.sf-record-lines .ant-pagination{margin-bottom:0}.sf-record-actions{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sf-record-actions .ant-btn{height:38px;padding-inline:18px}.sf-record-primary-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.sf-record-note{margin-top:20px}.sf-record-history{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px;color:#75849b}.sf-record-history summary{cursor:pointer}.sf-record-history .ant-btn{height:auto;white-space:normal;text-align:left;overflow-wrap:anywhere;max-width:100%}@media(max-width:600px){.sf-record-modal.ant-modal{max-width:calc(100vw - 20px)}.sf-record-modal .sf-record-container{max-height:calc(100dvh - 24px)}.sf-record-modal .sf-record-header{padding:22px 18px 18px}.sf-record-modal .sf-record-close{top:16px;right:14px}.sf-record-modal .sf-record-body{padding:0 18px 20px}.sf-record-modal .sf-record-footer{padding:14px 18px}.sf-record-title{font-size:21px;gap:8px}.sf-record-subtitle{font-size:14px}.sf-record-summary{grid-template-columns:1fr;gap:16px;padding:18px;margin-bottom:20px}.sf-record-summary>div+div{border-left:0;border-top:1px solid #d8e5f5;padding:14px 0 0}.sf-record-summary strong{font-size:30px;line-height:38px}.sf-record-summary b{font-size:18px;line-height:26px}.sf-record-meta{grid-template-columns:1fr;row-gap:12px;padding-bottom:20px}.sf-record-meta>div{grid-template-columns:76px minmax(0,1fr);gap:8px}.sf-record-attachment{flex-wrap:wrap;gap:12px;padding:14px}.sf-record-attachment>.ant-btn{margin-left:auto}.sf-record-file-info{flex-basis:calc(100% - 50px)}.sf-record-actions .ant-btn{padding-inline:12px}}:root{color-scheme:light;--bg: #f6f8fb;--surface: #ffffff;--surface-soft: #f9fbfd;--line: #dde5ed;--text: #1d2733;--muted: #687789;--accent: #0e4b9e;--navy: #0e4b9e;--navy-dark: #0e4b9e;--navy-active: #386ead;--blue: #0e4b9e;--amber: #ed9d27;--green: #1eb86a;--purple: #7c4dff;--red: #ee5757}.production-monthly-panel{container-type:inline-size}.production-monthly-panel .production-section-head{min-height:62px}.production-monthly-panel .production-section-head .ant-typography-secondary{font-size:12px}.production-monthly-title{min-width:0}.production-monthly-panel .production-monthly-customer-filter{width:260px;max-width:100%;flex:0 0 auto}.production-monthly-scope{margin:-6px 0 12px;color:#687789;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-monthly-product-model{display:block;color:#8390a3;font-size:11px;overflow:hidden;text-overflow:ellipsis}.production-monthly-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(440px,2fr);height:530px}.production-monthly-chart{min-width:0;display:flex;flex-direction:column;padding:22px 18px 14px}.production-monthly-unit{flex:0 0 auto;color:#526174;font-size:12px}.production-monthly-scroll{min-height:0;flex:1;overflow-x:auto;overflow-y:hidden}.production-monthly-plot{position:relative;height:calc(100% - 66px);min-width:440px;margin:34px 4px 32px 42px}.production-monthly-grid{position:absolute;top:0;right:0;bottom:0;left:0;border-left:1px solid #cbd8e6;border-bottom:1px solid #cbd8e6;pointer-events:none}.production-monthly-grid>div{position:absolute;width:100%;border-top:1px dashed #e1eaf5}.production-monthly-grid>div:last-child{border:0}.production-monthly-grid>div>span{position:absolute;right:calc(100% + 10px);transform:translateY(-50%);color:#526174;font-size:12px;white-space:nowrap}.production-monthly-columns{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.production-monthly-column{position:relative;display:block;height:100%;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;color:#526174;font:inherit}.production-monthly-column.active{background:#f2f7ff}.production-monthly-column:focus-visible{outline:2px solid #075ec9;outline-offset:2px;z-index:1}.production-monthly-bar{position:absolute;bottom:0;left:22%;width:56%;border-radius:2px 2px 0 0;background:#b8cfe9;box-shadow:inset 0 0 0 1px #87acd7}.production-monthly-column.active .production-monthly-bar{background:#075ec9;box-shadow:none}.production-monthly-column>small{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.production-monthly-label{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px}.production-monthly-column.active>small,.production-monthly-column.active .production-monthly-label{color:#075ec9;font-weight:600}.production-monthly-column.future{color:#9aa6b7}.production-monthly-caption{color:#8794a7;font-size:11px;margin-top:10px}.production-monthly-customers{min-width:0;min-height:0;display:flex;flex-direction:column;border-left:1px solid #e1e8f0}.production-monthly-customer-head{flex:0 0 auto;padding:18px 18px 14px}.production-monthly-customer-head h4{margin:0 0 12px;color:#182436;font-size:16px;font-weight:600}.production-monthly-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}.production-monthly-summary>span,.production-monthly-total-change>span:first-child{color:#8390a3;font-size:12px}.production-monthly-summary>strong{color:#075ec9;font:500 25px/1.2 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.production-monthly-summary>small{color:#8390a3;font-size:11px;margin-left:auto;white-space:nowrap}.production-monthly-total-change{display:inline-flex;gap:7px;align-items:center}.finance-month-change{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.finance-month-change .anticon{font-size:12px}.finance-month-change.up{color:#075ec9}.finance-month-change.down{color:#cf5858}.finance-month-change.neutral{color:#7e8b9f}.production-monthly-table-scroll{flex:1;min-height:0;overflow:auto;margin:0 12px;scrollbar-width:thin;scrollbar-color:#c7d4e3 transparent}.production-monthly-table-scroll:focus-visible{outline:2px solid #91b5df;outline-offset:-2px}.production-monthly-table{width:100%;min-width:410px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;color:#273547}.production-monthly-table .amount-column{width:124px}.production-monthly-table .change-column{width:106px}.production-monthly-table th,.production-monthly-table td{padding:0 10px;text-align:left;border-bottom:1px solid #edf1f6}.production-monthly-table th{position:sticky;top:0;height:38px;background:#fbfcfe;color:#526174;font-size:11px;font-weight:600;z-index:1;white-space:nowrap}.production-monthly-table td{height:44px}.production-monthly-table tbody tr:first-child:not(:has(.production-monthly-empty)){background:#f4f8fd}.production-monthly-table tbody tr:hover:not(:has(.production-monthly-empty)){background:#f4f8fd}.production-monthly-customer-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-monthly-amount{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.production-monthly-table .production-monthly-empty{height:190px;text-align:center;color:#8a97a8}.production-monthly-footer{flex:0 0 auto;min-height:44px;padding:8px 18px;border-top:1px solid #edf1f6;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;color:#8390a3;font-size:11px}.production-monthly-footer .ant-btn-link{padding:0;height:auto;font-size:11px}.production-invoice-customer-table{min-width:590px}.production-invoice-customer-table .document-column{width:90px}.production-invoice-document-action.ant-btn{width:28px;height:28px;padding:0}.production-invoice-document-action.ant-btn:not(:disabled){color:#075ec9}.production-invoice-card-region{display:block;padding:20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d4e3 transparent}.production-invoice-month-card{padding:24px;border:1px solid #e1eaf5;border-radius:8px;background:#fff;box-shadow:0 2px 8px #1b4e8810;color:#182436}.production-invoice-month-card h4{margin:0 0 20px;font-size:18px;font-weight:600;line-height:1.5}.production-invoice-customer{display:grid;gap:6px;padding:14px 16px;margin-bottom:22px;border-radius:6px;background:#f0f6ff}.production-invoice-customer>span,.production-invoice-card-amount>span,.production-invoice-card-meta>div>span:first-child{color:#7e8b9f;font-size:12px;line-height:1.5}.production-invoice-customer>strong{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:16px;font-weight:400;line-height:1.65}.production-invoice-card-amount{display:grid;gap:6px;margin-bottom:22px}.production-invoice-card-amount-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}.production-invoice-card-amount-row>strong{min-width:0;overflow-wrap:anywhere;color:#075ec9;font:500 clamp(28px,2.2cqi,32px)/1.25 ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.production-invoice-card-comparison{display:inline-flex;align-items:baseline;gap:6px;color:#7e8b9f;font-size:12px;white-space:nowrap}.production-invoice-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.production-invoice-card-meta>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.production-invoice-card-meta strong{font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.production-invoice-date{display:inline-block;white-space:nowrap}.production-invoice-sales-month{display:block}.production-invoice-card-period{padding-top:16px;border-top:1px solid #e1eaf5;color:#8390a3;font-size:12px;line-height:1.6}.production-invoice-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:22px}.production-invoice-card-actions .ant-btn{width:100%;height:36px;padding-inline:8px;font-size:13px;border-radius:6px}.production-invoice-card-actions .ant-btn-default:not(:disabled){color:#075ec9;border-color:#075ec9}.production-invoice-card-actions .ant-btn-primary:not(:disabled){background:#075ec9}.production-invoice-card-empty{margin:0 0 18px;color:#8390a3;font-size:12px}.production-invoice-document-select{display:grid;gap:8px;margin:8px 0 18px;color:#687789}.production-invoice-document-select .ant-select{min-width:0;width:100%}.production-invoice-document-status{display:flex;align-items:center;gap:8px;padding:24px 0;color:#687789}@container (max-width: 1000px){.production-monthly-layout{grid-template-columns:1fr;height:auto}.production-monthly-chart{height:370px}.production-monthly-customers{height:500px;border-left:0;border-top:1px solid #e1e8f0}.production-invoice-card-region{height:auto;max-height:650px}}@container (max-width: 520px){.production-monthly-panel .production-section-head{flex-wrap:wrap;gap:12px}.production-monthly-panel .production-monthly-customer-filter{width:100%}.production-monthly-chart{padding-left:12px;padding-right:12px;height:310px}.production-monthly-customer-head{padding:16px 12px 12px}.production-monthly-summary>strong{font-size:22px}.production-monthly-summary>small{margin-left:0}.production-monthly-footer{padding:10px 12px}.production-invoice-card-region{padding:12px}.production-invoice-month-card{padding:18px}.production-invoice-month-card h4{font-size:18px}.production-invoice-card-actions{gap:8px}}.finance-topbar{min-height:64px;height:64px;padding:10px 24px 10px 28px}.finance-topbar h2.ant-typography{margin:0;font-size:23px}.finance-workspace{min-height:calc(100vh - 64px);padding:18px 28px 24px;background:#f8fafc;font-variant-numeric:tabular-nums}.finance-workspace .ant-table-wrapper .ant-table-thead>tr>th,.finance-workspace .ant-table-wrapper .ant-table-tbody>tr>td,.finance-workspace .ant-table-wrapper .ant-table-summary>tr>td{text-align:left!important}.finance-workspace .finance-panel>.ant-table-wrapper{width:calc(100% - 24px);margin-right:12px;margin-left:12px}.finance-page-head{min-height:62px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.finance-page-head h2.ant-typography{margin:0 0 2px;color:#111827;font-size:25px;line-height:1.3}.finance-page-head .ant-segmented{min-width:232px;padding:0;border:1px solid #d7e0ea;border-radius:7px;background:#fff;box-shadow:none}.finance-page-head .ant-segmented-item{min-width:114px;min-height:38px;display:inline-grid;place-items:center;border-radius:5px;color:#263548;font-size:15px;font-weight:650}.finance-page-head .ant-segmented-item-selected{color:#fff;background:#075ec9;box-shadow:none}.finance-page-head .ant-segmented-thumb{background:#075ec9;box-shadow:none}.finance-subnav{height:42px;display:flex;align-items:flex-end;gap:36px;margin-bottom:16px;border-bottom:1px solid #d9e2ec}.finance-subnav button{position:relative;height:42px;padding:0 4px;border:0;color:#526174;background:transparent;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.finance-subnav button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:transparent}.finance-subnav button.active{color:#075ec9}.finance-subnav button.active:after{background:#075ec9}.finance-overview-tools,.finance-detail-tools{min-height:72px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.finance-filter-row{min-width:0;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.finance-field{min-width:144px;display:grid;gap:5px}.finance-year-field{min-width:118px}.finance-field>span{color:#344255;font-size:12px;font-weight:650}.finance-field .ant-select{width:100%}.finance-search{width:180px}.finance-overview-action{flex:0 0 auto;display:flex;align-items:flex-end;gap:18px}.finance-overview-action>.ant-typography{padding-bottom:8px;font-size:12px}.finance-overview-action .ant-btn{min-width:188px;height:40px;border-radius:5px;font-size:14px;font-weight:650}.finance-metric-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:14px;border:1px solid #dce6f0;border-radius:7px;background:#fff;box-shadow:0 3px 12px #1c345406}.finance-detail-title-row+.finance-detail-tools+.finance-metric-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.finance-metric{position:relative;min-width:0;min-height:86px;display:grid;align-content:center;justify-items:center;gap:5px;padding:12px 9px;text-align:center}.finance-metric:not(:last-child):after{content:"";position:absolute;top:22px;right:0;bottom:22px;width:1px;background:#dce4ed}.finance-metric span{overflow:hidden;color:#273446;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.finance-metric strong{color:#111827;font-size:clamp(18px,1.55vw,25px);line-height:1.12;white-space:nowrap}.finance-metric strong.primary{color:#075ec9}.finance-metric strong.success,.finance-success{color:#16a05d!important;font-weight:700}.finance-metric strong.danger{color:#e53e3e}.finance-metric small{color:#758397;font-size:10px;line-height:1}.finance-analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(370px,.95fr);gap:14px;margin-bottom:12px}.finance-panel{min-width:0;overflow:hidden;border:1px solid #dce5ee;border-radius:7px;background:#fff;box-shadow:0 3px 12px #1d355706}.finance-panel-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid #e1e8f0}.finance-panel-head h4.ant-typography{margin:0;color:#182436;font-size:16px;font-weight:700}.finance-panel-head h4 .ant-typography{font-size:12px;font-weight:500}.finance-chart-wrap{height:282px;padding:10px 16px}.finance-chart-legend{display:flex;gap:28px;color:#5f6f82;font-size:11px}.finance-chart-legend span{display:inline-flex;align-items:center;gap:7px}.finance-chart-legend i{display:inline-block}.legend-bar{width:10px;height:10px;border-radius:1px;background:#0d69dc}.legend-line{position:relative;width:19px;height:2px;background:#2aa7ff}.legend-line:after{content:"";position:absolute;top:-3px;left:7px;width:6px;height:6px;border:1.5px solid #2aa7ff;border-radius:50%;background:#fff}.finance-chart-stage{position:relative;height:238px;margin-top:4px;padding:16px 34px 22px 36px}.chart-axis-label{position:absolute;top:2px;z-index:4;color:#536276;font-size:10px}.chart-axis-left{left:2px}.chart-axis-right{right:2px}.chart-grid-lines{position:absolute;z-index:0;top:24px;right:30px;bottom:28px;left:36px;display:grid;grid-template-rows:repeat(5,1fr)}.chart-grid-lines i{border-top:1px dashed #dfe7f0}.chart-columns{position:absolute;z-index:2;top:24px;right:30px;bottom:8px;left:36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.chart-column{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;border:0;color:#4b596b;background:transparent;cursor:pointer}.chart-column .chart-bar{width:min(30px,60%);min-height:12px;border-radius:2px 2px 0 0;background:#0d69dc;box-shadow:inset 0 0 0 1px #003d9114}.chart-column.selected .chart-bar{background:#075ec9;box-shadow:0 0 0 3px #075ec914}.chart-column.future .chart-bar{border:1px dashed #c8d3df;background:#e1e8f05c;box-shadow:none}.chart-column em{height:20px;display:grid;place-items:end center;margin-top:5px;font-size:10px;font-style:normal;white-space:nowrap}.chart-column.selected em{color:#075ec9;font-weight:700}.finance-line-plot{position:absolute;z-index:3;top:18px;right:29px;bottom:22px;left:36px;width:calc(100% - 65px);height:calc(100% - 40px);pointer-events:none}.chart-tooltip{position:absolute;z-index:6;top:-23px;right:19%;min-width:158px;display:grid;gap:4px;padding:10px 12px;border:1px solid #ccd9e7;border-radius:5px;color:#273547;background:#fffffff7;box-shadow:0 7px 22px #203a5b1f;text-align:left;cursor:pointer}.chart-tooltip strong,.chart-tooltip span,.chart-tooltip b{font-size:10px}.chart-tooltip b{color:#075ec9}.finance-customer-trend-head,.production-aggregate-head{min-height:58px}.finance-chart-heading{min-width:0;display:grid;gap:2px}.finance-chart-heading h4.ant-typography{margin:0}.finance-chart-heading>.ant-typography-secondary{font-size:11px}.customer-trend-filter{flex:0 0 auto;display:flex;align-items:center;gap:8px;color:#526174;font-size:11px;font-weight:650}.customer-trend-filter .ant-select{width:190px}.customer-trend-chart{height:252px;padding:8px 16px 10px}.customer-trend-summary{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#667589;font-size:11px}.customer-trend-summary>span:first-child{display:inline-flex;align-items:center;gap:7px}.customer-trend-summary i{width:20px;height:3px;border-radius:2px;background:#075ec9}.customer-trend-summary strong,.customer-trend-summary b{color:#1f2d3d}.customer-trend-summary b{font-weight:700}.customer-trend-stage{position:relative;height:204px}.customer-trend-axis,.aggregate-axis-label{position:absolute;z-index:4;top:2px;left:2px;color:#536276;font-size:10px}.customer-trend-grid,.aggregate-grid-lines{position:absolute;z-index:0;top:24px;right:20px;bottom:30px;left:36px;display:grid;grid-template-rows:repeat(5,1fr)}.customer-trend-grid i,.aggregate-grid-lines i{border-top:1px dashed #dfe7f0}.customer-trend-line{position:absolute;z-index:2;top:18px;right:20px;bottom:30px;left:36px;width:calc(100% - 56px);height:calc(100% - 48px);pointer-events:none}.customer-trend-months{position:absolute;z-index:3;right:20px;bottom:0;left:36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.customer-trend-months button{height:24px;padding:0;border:0;color:#5b6879;background:transparent;font:inherit;font-size:10px;cursor:pointer}.customer-trend-months button.current{color:#075ec9;font-weight:700}.customer-trend-months button:disabled{color:#a9b4c2;cursor:default}.customer-trend-tooltip{position:absolute;z-index:5;top:8px;right:8%;min-width:138px;display:grid;gap:3px;padding:8px 10px;border:1px solid #cbd8e7;border-radius:5px;color:#344255;background:#fffffff7;box-shadow:0 6px 18px #203a5b1a;text-align:left;cursor:pointer}.customer-trend-tooltip span,.customer-trend-tooltip small{font-size:10px}.customer-trend-tooltip strong{color:#075ec9;font-size:14px}.customer-trend-tooltip small{color:#075ec9}.production-aggregate-panel{margin-bottom:2px}.production-aggregate-chart{position:relative;height:286px;padding:16px 22px 10px}.aggregate-grid-lines{top:42px;right:30px;bottom:40px;left:44px}.aggregate-columns{position:absolute;z-index:2;top:26px;right:30px;bottom:12px;left:44px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.aggregate-column{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;border:0;color:#4b596b;background:transparent;font:inherit;cursor:pointer}.aggregate-column small{height:20px;display:grid;place-items:center;color:#526174;font-size:10px;white-space:nowrap}.aggregate-column .aggregate-bar{width:min(48px,66%);min-height:8px;border-radius:3px 3px 0 0;background:#0d69dc;box-shadow:inset 0 0 0 1px #003d9114}.aggregate-column em{height:22px;display:grid;place-items:end center;margin-top:5px;font-size:10px;font-style:normal;white-space:nowrap}.aggregate-column.current .aggregate-bar{background:#075ec9;box-shadow:0 0 0 3px #075ec914}.aggregate-column.current small,.aggregate-column.current em{color:#075ec9;font-weight:700}.aggregate-column.future{cursor:default}.aggregate-column.future .aggregate-bar{border:1px dashed #c8d3df;background:#e1e8f05c;box-shadow:none}.aggregate-column.future small,.aggregate-column.future em{color:#a9b4c2}.finance-ranking-panel{height:329px}.finance-ranking-head,.finance-ranking-row{display:grid;grid-template-columns:46px minmax(110px,1fr) 132px 68px;align-items:center;gap:8px;padding:0 14px}.finance-ranking-head{height:38px;color:#526174;background:#fbfcfe;font-size:11px;font-weight:650}.finance-ranking-row{min-height:47px;border-top:1px solid #e4eaf1;color:#263548;font-size:12px}.finance-ranking-row>span:nth-last-child(-n+2){text-align:right}.rank-number{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;color:#536174;background:#e8edf3;font-size:11px;font-weight:700}.rank-1{color:#fff;background:#ffb000}.rank-3{color:#fff;background:#cb7b2d}.finance-info-strip,.finance-alert-strip{min-height:38px;display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:6px 14px;border:1px solid #d6e5f6;border-radius:6px;color:#334155;background:#eef6ff;font-size:12px}.finance-info-strip>.anticon,.finance-alert-strip>.anticon{color:#1677ff;font-size:16px}.finance-info-strip strong,.finance-info-strip b{color:#e53e3e}.finance-info-strip .ant-btn,.finance-alert-strip .ant-btn{margin-left:auto}.finance-info-strip.sample-rule strong,.finance-alert-strip.sample-rule strong{color:#075ec9}.finance-month-table .finance-panel-head{border-bottom:0}.finance-month-table .ant-table-thead>tr>th,.finance-detail-table .ant-table-thead>tr>th{color:#435267;font-size:11px;font-weight:700;white-space:nowrap}.finance-month-table .ant-table-tbody>tr>td,.finance-detail-table .ant-table-tbody>tr>td{color:#2b394c;font-size:12px;white-space:nowrap}.finance-month-table .ant-table-tbody>tr:first-child>td{background:#eef6ff}.finance-detail-title-row{min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.finance-detail-heading h2.ant-typography{margin:0 0 2px;color:#111827;font-size:25px}.finance-month-navigator{display:flex;align-items:center;gap:0}.finance-month-navigator .ant-btn{border-radius:0}.finance-month-navigator .ant-btn:first-child{border-radius:6px 0 0 6px}.finance-month-navigator .ant-btn:nth-child(3){border-radius:0 6px 6px 0}.finance-detail-tools{min-height:60px;margin-bottom:14px;padding:10px 0 12px;border-bottom:1px solid #e1e8f0}.finance-detail-analysis-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.1fr);gap:14px;margin-bottom:12px}.contribution-panel,.detail-ranking-panel,.sample-composition-panel{min-height:258px}.contribution-list{padding:8px 18px 12px}.contribution-row{min-height:37px;display:grid;grid-template-columns:24px 96px minmax(100px,1fr) 102px 58px;align-items:center;gap:10px;color:#2c3a4c;font-size:11px}.contribution-row .ant-progress{margin:0}.contribution-row>span:nth-last-child(-n+2){text-align:right}.finance-detail-rank-head,.finance-detail-rank-row{display:grid;grid-template-columns:46px minmax(130px,1fr) 126px 118px 100px;align-items:center;gap:8px;padding:0 16px}.finance-detail-rank-head{min-height:35px;color:#526174;background:#fbfcfe;font-size:10px;font-weight:650}.finance-detail-rank-row{min-height:35px;border-top:1px solid #e6ebf1;color:#29384b;font-size:11px}.finance-detail-rank-row>span:nth-last-child(-n+3){text-align:right}.finance-alert-strip.warning{border-color:#ffd8ad;color:#b45b0a;background:#fff8ef}.finance-alert-strip.warning>.anticon{color:#f08b1d}.finance-detail-table .finance-panel-head{min-height:48px}.finance-detail-table .ant-segmented{background:#f1f5f9}.finance-detail-table .ant-segmented-item-selected{color:#fff;background:#075ec9}.table-progress{min-width:112px;display:grid;grid-template-columns:32px minmax(60px,1fr);align-items:center;gap:7px}.table-progress .ant-progress{margin:0}.sample-composition-body{display:grid;grid-template-columns:minmax(180px,1.2fr) 1fr 1fr;align-items:stretch;gap:16px;padding:28px 22px}.composition-total,.composition-stat{display:grid;align-content:center;gap:8px;padding:16px;border:1px solid #dbe6f1;border-radius:6px;background:#f8fbff}.composition-total span,.composition-stat span,.composition-total small{color:#64748b;font-size:11px}.composition-total strong{color:#075ec9;font-size:25px}.composition-stat strong{color:#182436;font-size:20px}.composition-stat.muted{background:#fbfcfe}.statement-modal-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.statement-modal-intro>div{display:grid;gap:3px;padding:12px 14px;border:1px solid #e0e7ef;border-radius:6px;background:#f8fafc}.statement-modal-intro strong{color:#1f2d3d}.production-price-backfill-trigger.ant-btn-link{height:auto;padding:0;font-weight:650}.price-backfill-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.price-backfill-summary>div{min-width:0;display:grid;gap:4px;padding:11px 12px;border:1px solid #e0e7ef;border-radius:6px;background:#f8fafc}.price-backfill-summary strong{overflow:hidden;color:#1f2d3d;text-overflow:ellipsis;white-space:nowrap}.price-backfill-rule,.price-backfill-blocker{margin-bottom:14px}.price-backfill-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:12px}.price-backfill-next-amount{min-height:64px;display:grid;align-content:center;gap:4px;margin-bottom:24px;padding:9px 12px;border:1px solid #d9e5f2;border-radius:6px;background:#f6faff}.price-backfill-next-amount strong{color:#075ec9;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:19px;font-variant-numeric:tabular-nums;font-weight:500}.price-backfill-lines{margin-top:2px;border:1px solid #e4eaf1;border-radius:6px;overflow:hidden}@media(max-width:720px){.price-backfill-summary,.price-backfill-form-grid{grid-template-columns:1fr}}.sample-finance-single{display:grid;gap:12px}.sample-finance-summary-strip{display:grid;min-height:126px;overflow:hidden;border:1px solid #dce6f0;border-radius:8px;background:#fff;grid-template-columns:repeat(4,minmax(0,1fr))}.sample-finance-summary-metric{position:relative;display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:22px 18px;text-align:center}.sample-finance-summary-metric:not(:last-child):after{position:absolute;top:25px;right:0;bottom:25px;width:1px;background:#dce6f0;content:""}.sample-finance-summary-metric strong{color:#101827;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:clamp(26px,2.25vw,34px);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.08;white-space:nowrap}.sample-finance-summary-metric strong.primary{color:#075ec9}.sample-finance-summary-metric span{color:#26384f;font-size:14px;font-weight:600}.sample-finance-summary-tooltip-label{cursor:help;text-decoration:underline dotted #8ea1b7;text-underline-offset:4px}.sample-finance-summary-tooltip-label:focus-visible{border-radius:3px;outline:2px solid rgba(7,94,201,.34);outline-offset:3px}.sample-finance-analysis-grid{display:grid;align-items:stretch;gap:12px;grid-template-columns:minmax(0,1.14fr) minmax(430px,.86fr)}.sample-finance-trend-panel,.sample-finance-contribution-panel,.sample-finance-detail-panel{overflow:hidden;border:1px solid #dce6f0;border-radius:8px;background:#fff}.sample-finance-trend-panel,.sample-finance-contribution-panel{min-height:352px}.sample-finance-panel-head,.sample-finance-detail-head{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid #e5ebf2}.sample-finance-panel-head h4.ant-typography,.sample-finance-detail-head h4.ant-typography,.sample-finance-detail-title-row h4.ant-typography{margin:0;color:#18253a;font-size:16px;line-height:1.4}.sample-finance-panel-head .ant-typography-secondary,.sample-finance-detail-head .ant-typography-secondary{font-size:12px}.sample-finance-year-filter,.sample-finance-detail-actions label{display:flex;flex:0 0 auto;align-items:center;gap:8px;color:#64748b;font-size:12px}.sample-finance-year-filter .ant-select{width:104px}.sample-finance-trend-head,.sample-finance-trend-filters{flex-wrap:nowrap}.sample-finance-trend-head h4.ant-typography{flex:0 0 auto;white-space:nowrap}.sample-finance-trend-filters{display:flex;flex:0 1 316px;min-width:0;max-width:100%;align-items:center;gap:8px 12px;margin-left:auto}.sample-finance-trend-customer-filter{display:flex;flex:1 1 200px;min-width:0;max-width:200px;align-items:center}.sample-finance-trend-customer-filter .ant-select{width:100%;min-width:0}.sample-finance-trend-legend{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:12px 18px 0;color:#64748b;font-size:12px}.sample-finance-trend-legend>span{display:inline-flex;align-items:center;gap:7px}.sample-finance-trend-legend i.bar{width:10px;height:10px;border-radius:2px;background:#9ebfe3}.sample-finance-trend-legend i.line{position:relative;width:20px;height:2px;background:#0789e8}.sample-finance-trend-legend i.line:after{position:absolute;top:50%;left:50%;width:6px;height:6px;border:1px solid #0789e8;border-radius:50%;background:#fff;content:"";transform:translate(-50%,-50%)}.sample-finance-trend-legend i.line.invoice{background:#d48806}.sample-finance-trend-legend i.line.invoice:after,.sample-finance-trend-points.invoice>i{border-color:#d48806}.sample-finance-trend-stage{position:relative;height:258px;margin:0 16px;padding:18px 4px}.sample-finance-chart-grid{position:absolute;z-index:0;top:25px;right:14px;bottom:42px;left:14px;display:flex;justify-content:space-between;flex-direction:column}.sample-finance-chart-grid i{display:block;width:100%;border-top:1px dashed #dce7f2}.sample-finance-trend-columns{position:absolute;z-index:1;right:2px;bottom:14px;left:2px;display:grid;height:202px;align-items:end;grid-template-columns:repeat(12,minmax(0,1fr))}.sample-finance-trend-tooltip{display:grid;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}.sample-finance-trend-column{display:flex;height:100%;min-width:0;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px;padding:0 4px;border:0;background:transparent;color:#607087;cursor:default}.sample-finance-trend-column>span{display:block;width:min(30px,72%);min-height:8px;border:1px solid #7fa9d6;border-radius:2px 2px 0 0;background:#a9c7e7}.sample-finance-trend-column em{font-size:11px;font-style:normal;white-space:nowrap}.sample-finance-trend-column.future>span{border:1px dashed #c6d2df;background:#e8eef58a}.sample-finance-trend-column.future em{color:#a3afbc}.sample-finance-trend-line{position:absolute;z-index:2;top:18px;right:2px;bottom:48px;left:2px;width:calc(100% - 4px);height:calc(100% - 66px);overflow:visible;pointer-events:none}.sample-finance-trend-points{position:absolute;z-index:3;top:18px;right:2px;bottom:48px;left:2px;pointer-events:none}.sample-finance-trend-points>i{position:absolute;box-sizing:border-box;width:6px;height:6px;border:1px solid #0789e8;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.sample-finance-contribution-head{flex-wrap:wrap}.sample-finance-contribution-filters{display:flex;align-items:center;flex-shrink:0;gap:6px}.sample-finance-contribution-filters .ant-select:first-child{width:98px}.sample-finance-contribution-filters .ant-select:last-child{width:78px}.sample-finance-ranking-table .ant-table,.sample-finance-detail-table .ant-table{font-size:12px}.sample-finance-ranking-table .ant-table-thead>tr>th,.sample-finance-ranking-table .ant-table-tbody>tr>td,.sample-finance-detail-table .ant-table-thead>tr>th,.sample-finance-detail-table .ant-table-tbody>tr>td{text-align:left!important}.sample-finance-ranking-table .ant-table-thead>tr>th{padding-top:6px;padding-bottom:6px}.sample-finance-ranking-table .ant-table-tbody>tr>td{padding-top:6px!important;padding-bottom:6px!important}.sample-finance-ranking-table .ant-progress{margin:0}.sample-finance-ranking-table .ant-table-body{overflow-y:auto!important;scrollbar-color:#c6d3e1 transparent;scrollbar-width:thin}.sample-finance-detail-head{min-height:70px;flex-wrap:wrap}.sample-finance-detail-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:2px}.sample-finance-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-left:auto}.sample-finance-shipment-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.sample-finance-detail-actions .sample-finance-customer-search{width:220px;max-width:100%}.sample-finance-shipment-label{color:#64748b;font-size:12px;white-space:nowrap}.sample-finance-detail-actions .sample-finance-period-picker{width:140px}.sample-finance-detail-actions .ant-picker-range{width:248px}.sample-finance-detail-table{padding:0 14px 12px}.sample-finance-detail-table .ant-table-thead>tr>th:first-child,.sample-finance-detail-table .ant-table-tbody>tr>td:first-child{padding-left:10px}.sample-finance-detail-table .ant-btn-link{padding-inline:0}.sample-finance-modal-summary{display:grid;gap:10px;margin-bottom:12px;grid-template-columns:repeat(3,1fr)}.sample-finance-modal-summary>div{display:flex;min-height:64px;justify-content:center;flex-direction:column;gap:5px;padding:10px 14px;border:1px solid #dce6f0;border-radius:6px;background:#f8fafc}.sample-finance-modal-summary strong{color:#17243a}.sample-finance-modal-rule{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;border:1px solid #d7e7fb;border-radius:6px;background:#eff6ff;color:#315779;font-size:12px}@media(max-width:1120px){.sample-finance-analysis-grid{grid-template-columns:1fr}}@media(max-width:760px){.sample-finance-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-finance-summary-metric:nth-child(2):after{display:none}.sample-finance-summary-metric:nth-child(-n+2):before{position:absolute;right:18px;bottom:0;left:18px;height:1px;background:#dce6f0;content:""}.sample-finance-panel-head,.sample-finance-detail-head,.sample-finance-detail-actions{align-items:stretch;flex-direction:column}.sample-finance-detail-actions{width:100%;margin-left:0}.sample-finance-detail-actions .sample-finance-customer-search{width:100%}.sample-finance-shipment-filter{display:grid;grid-template-columns:auto minmax(0,1fr)}.sample-finance-shipment-filter .ant-segmented{justify-self:end}.sample-finance-shipment-filter .ant-picker{grid-column:1 / -1;width:100%}.sample-finance-date-range-popup .ant-picker-panels{flex-direction:column}.sample-finance-date-range-popup .ant-picker-panel-container{max-height:min(360px,calc(50dvh - 16px));overflow-y:auto;overscroll-behavior:contain}.sample-finance-year-filter{justify-content:space-between}.sample-finance-trend-filters{flex:0 0 auto;width:100%;margin-left:0}.sample-finance-trend-customer-filter{max-width:none}.sample-finance-trend-filters .sample-finance-year-filter .ant-select{width:104px}.sample-finance-year-filter .ant-select,.sample-finance-detail-actions .ant-select,.sample-finance-detail-actions .ant-picker-range,.sample-finance-detail-actions .ant-btn{width:100%}.sample-finance-contribution-filters,.sample-finance-contribution-filters .ant-select:first-child,.sample-finance-contribution-filters .ant-select:last-child{width:100%}.sample-finance-modal-summary{grid-template-columns:1fr}}.invoice-preview-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #dce5ef;border-radius:7px;background:#f8fafc}.invoice-file-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:7px;color:#d94b4b;background:#fff0f0;font-size:25px}.invoice-file-copy{min-width:0;display:grid;gap:4px}.invoice-file-copy>.ant-typography:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statement-file-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:7px;color:#1873d1;background:#eaf3ff;font-size:25px}.statement-record-file-link.ant-btn-link{justify-content:flex-start;width:fit-content;max-width:100%;height:auto;padding:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.statement-record-file-cell{min-width:0;display:block}.statement-record-delete-button.ant-btn-link{min-width:16px;width:16px;height:22px;padding:0;justify-content:flex-start}.invoice-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.invoice-recognition-feedback{display:flex;align-items:flex-start;gap:8px;margin:-8px 0 14px;padding:9px 11px;border:1px solid #d8e7fb;border-radius:6px;color:#31506f;background:#f4f8fe;font-size:13px;line-height:1.5}.invoice-recognition-feedback.success{border-color:#b7ebc6;color:#237b3b;background:#f2fbf5}.invoice-recognition-feedback.warning{border-color:#ffe0a3;color:#9a5a00;background:#fff9ee}.invoice-recognition-feedback .anticon{margin-top:3px}.invoice-meta-grid>div{display:grid;gap:4px;padding:11px 12px;border:1px solid #e4eaf1;border-radius:6px}.invoice-meta-grid strong{color:#1f2d3d;font-size:13px}.invoice-meta-grid>.invoice-difference-reason{grid-column:1 / -1}.invoice-difference-reason strong{white-space:pre-wrap;overflow-wrap:anywhere}.invoice-operation-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;border-radius:6px;color:#5d6b7d;background:#f2f7fd;font-size:12px;line-height:1.5}.invoice-operation-note .anticon{margin-top:2px;color:#075ec9}.invoice-difference-reason{display:grid;gap:4px;margin-top:12px;padding:11px 12px;border:1px solid #f1d8aa;border-radius:6px;color:#7b5414;background:#fff9ed}.invoice-difference-reason strong{color:#6f4c13;font-size:13px}.invoice-upload-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.invoice-upload-summary>div{display:grid;gap:4px;padding:11px 12px;border:1px solid #e2e9f1;border-radius:6px;background:#f8fafc}.invoice-upload-summary strong{color:#1f2d3d}.invoice-upload-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invoice-upload-form-grid .ant-form-item{margin-bottom:14px}.invoice-attachment-field{margin-bottom:4px}.invoice-attachment-upload .ant-upload-select{width:100%}.invoice-attachment-upload .ant-btn{width:100%;height:40px;justify-content:flex-start;border-color:#cfd9e6;color:#075ec9;background:#f8fbff;font-weight:600}.invoice-attachment-hint{margin:-1px 0 14px;color:#8491a2;font-size:11px;line-height:1.5}.invoice-upload-rule{display:flex;align-items:flex-start;gap:8px;margin-top:-2px;padding:10px 12px;border-radius:6px;color:#5d6b7d;background:#f2f7fd;font-size:12px;line-height:1.5}.invoice-upload-rule .anticon{margin-top:2px;color:#075ec9}@media(max-width:1260px){.finance-analytics-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)}.finance-overview-tools,.finance-detail-tools{align-items:flex-start;flex-direction:column}.finance-overview-action{width:100%;justify-content:flex-end}.finance-metric-strip,.finance-detail-title-row+.finance-detail-tools+.finance-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-metric:nth-child(4):after{display:none}}@media(max-width:980px){.finance-workspace{padding:16px}.finance-analytics-grid,.finance-detail-analysis-grid{grid-template-columns:1fr}.finance-ranking-panel{height:auto}.finance-detail-title-row{grid-template-columns:1fr;gap:8px;padding:10px 0}.finance-detail-title-row>.ant-typography{order:3}}@media(max-width:720px){.finance-topbar{height:auto}.finance-page-head{align-items:stretch;flex-direction:column}.finance-page-head .ant-segmented{width:100%}.finance-page-head .ant-segmented-item{min-width:0;flex:1}.finance-metric-strip,.finance-detail-title-row+.finance-detail-tools+.finance-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-metric:nth-child(2n):after{display:none}.finance-overview-action{align-items:stretch;flex-direction:column}.finance-overview-action .ant-btn,.finance-detail-tools>.ant-space,.finance-detail-tools>.ant-space .ant-btn{width:100%}.finance-filter-row,.finance-field,.finance-search,.finance-filter-row>.ant-btn{width:100%}.finance-chart-wrap{min-width:640px}.finance-trend-panel,.customer-trend-panel,.production-aggregate-panel{overflow-x:auto}.customer-trend-chart,.production-aggregate-chart{min-width:760px}.finance-ranking-head,.finance-ranking-row{grid-template-columns:40px minmax(100px,1fr) 118px 58px}.sample-composition-body,.statement-modal-intro,.invoice-meta-grid,.invoice-upload-summary,.invoice-upload-form-grid{grid-template-columns:1fr}}.production-finance-detail{display:grid;gap:12px}.production-detail-subnav{margin-bottom:0}.production-detail-subnav .finance-month-navigator{display:flex;align-items:center;padding-bottom:3px}.production-detail-subnav .production-month-picker{width:148px;height:34px;border-color:#d6e0ea;border-radius:8px;color:#344255;background:#fff}.production-detail-subnav .production-month-picker:hover,.production-detail-subnav .production-month-picker.ant-picker-focused{border-color:#1677ff}.production-detail-subnav .production-month-picker.ant-picker-focused{box-shadow:0 0 0 3px #1677ff1f}.production-detail-subnav .production-month-picker .ant-picker-input>input{color:#344255;font-size:12px;font-weight:600;cursor:pointer}.production-month-picker-dropdown .ant-picker-panel-container{overflow:hidden;border-radius:14px;box-shadow:0 14px 36px #0f172a29}.production-month-picker-dropdown .ant-picker-month-panel{width:240px}.production-month-picker-dropdown .ant-picker-header{min-height:42px;padding-inline:8px}.production-month-picker-dropdown .ant-picker-header-view{color:#1f2937;font-size:14px;font-weight:700}.production-month-picker-dropdown .ant-picker-body{padding:8px 10px 10px}.production-month-picker-dropdown .ant-picker-content{height:168px}.production-month-picker-dropdown .ant-picker-cell-inner{min-width:48px;min-height:30px;border-radius:6px;font-size:12px;line-height:30px}.production-detail-summary-strip{min-height:132px;display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;border:1px solid #dce6f0;border-radius:7px;background:#fff;box-shadow:0 3px 12px #1c345406}.production-detail-summary-metric{position:relative;min-width:0;display:grid;align-content:center;justify-items:center;gap:7px;padding:18px 16px;text-align:center}.production-detail-summary-metric:not(:last-child):after{content:"";position:absolute;top:28px;right:0;bottom:28px;width:1px;background:#dce4ed}.production-detail-summary-metric strong{color:#111827;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:clamp(24px,2.15vw,34px);font-variant-numeric:tabular-nums;font-weight:500;line-height:1;white-space:nowrap}.production-detail-summary-metric strong.primary{color:#075ec9}.production-detail-summary-metric span{color:#364457;font-size:13px;font-weight:650}.production-detail-summary-metric .production-summary-tooltip-label{cursor:help;text-decoration:underline dotted #b5c0cc;text-underline-offset:4px}.production-month-contribution-panel,.production-reconciliation-panel{overflow:hidden}.production-month-contribution-panel .production-section-head>div:first-child,.production-reconciliation-panel .production-section-head>div:first-child{display:grid;gap:3px}.production-month-contribution-panel .production-section-head .ant-typography-secondary,.production-reconciliation-panel .production-section-head .ant-typography-secondary{font-size:11px}.production-month-contribution-panel .ant-table-thead>tr>th,.production-reconciliation-panel .ant-table-thead>tr>th{color:#526174;background:#fbfcfe;font-size:11px;font-weight:700}.production-month-contribution-panel .ant-table-tbody>tr>td,.production-reconciliation-panel .ant-table-tbody>tr>td{color:#273547;font-size:12px}.production-month-contribution-panel .ant-table-tbody>tr>td{height:44px}.production-month-contribution-panel .ant-table-body{scrollbar-width:thin;scrollbar-color:#c7d4e3 transparent}.production-contribution-change-label{cursor:help;text-decoration:underline dotted #b5c0cc;text-underline-offset:3px}.production-month-share-cell{display:grid;grid-template-columns:minmax(120px,1fr) 64px;align-items:center;gap:12px}.production-month-share-cell .ant-progress{margin:0}.production-month-share-cell>span{color:#4c5a6d;text-align:right}.production-batch-export-button{flex:0 0 auto;height:34px;padding-inline:16px;font-size:12px;font-weight:650}.production-reconciliation-panel .ant-table-tbody>tr>td{height:52px}.production-reconciliation-panel .ant-btn-link{height:28px;padding-inline:7px;font-size:12px}.production-reconciliation-actions{flex-wrap:nowrap;white-space:nowrap}.production-reconciliation-actions .ant-btn-link{padding-inline:4px}.production-customer-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-reconciliation-note{min-height:42px;display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid #e4ebf2;color:#68778a;background:#f8fbff;font-size:11px}.production-reconciliation-note .anticon{color:#075ec9}@media(max-width:980px){.production-detail-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.production-detail-summary-metric:nth-child(2):after{display:none}.production-detail-summary-metric:nth-child(-n+2){border-bottom:1px solid #dce4ed}.production-reconciliation-panel .ant-table-wrapper{min-width:760px}}@media(max-width:720px){.production-detail-summary-strip{grid-template-columns:1fr}.production-detail-summary-metric{min-height:112px}.production-detail-summary-metric:not(:last-child):after{top:auto;right:24px;bottom:0;left:24px;width:auto;height:1px}.production-detail-summary-metric:nth-child(2):after{display:block}.production-detail-summary-metric:nth-child(-n+2){border-bottom:0}.production-detail-subnav .finance-month-navigator{width:100%;padding-bottom:0}.production-detail-subnav .production-month-picker{width:100%}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100vh}body{margin:0;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:grid;place-items:center;padding:48px clamp(28px,8vw,140px);background:radial-gradient(circle at 73% 11%,rgba(45,143,255,.18),transparent 28%),linear-gradient(90deg,#020c231f,#020f300a),url(/login-bg.png?v=20260627) center / cover no-repeat;background-color:#071e46;overflow:hidden}.login-shell{width:min(1390px,100%);min-height:min(716px,calc(100vh - 96px));display:grid;grid-template-columns:minmax(420px,690px) 376px;gap:clamp(58px,8.6vw,145px);align-items:center;justify-content:center}.login-copy{display:grid;justify-items:center;align-content:center;margin-top:18px;transform:translate(-35px,-70px);color:#fff;text-align:center;text-shadow:0 0 22px rgba(24,125,255,.36)}.login-logo{display:block;object-fit:contain;filter:drop-shadow(0 0 16px rgba(29,132,255,.28))}.login-logo-hero{width:clamp(226px,15vw,250px);margin-bottom:14px}.login-copy h1.ant-typography{margin:18px 0;color:#fff;font-size:clamp(42px,3.4vw,58px);font-weight:850;line-height:1.08;letter-spacing:1px}.login-brand{color:#ffffffeb;font-size:clamp(22px,1.7vw,30px);font-weight:420;letter-spacing:1px}.login-copy-line{width:min(610px,86%);height:1px;margin-bottom:22px;background:linear-gradient(90deg,transparent,rgba(22,137,255,.7),rgba(160,224,255,.92),rgba(22,137,255,.7),transparent);box-shadow:0 0 14px #1895ffdb}.login-desc{color:#edf7ffdb;font-size:clamp(18px,1.3vw,23px);letter-spacing:.5px}.login-card{width:min(376px,100%);min-height:478px;position:relative;overflow:hidden;border:2px solid rgba(155,190,238,.28);border-radius:22px;color:#eef7ff;background:linear-gradient(180deg,#1739699e,#041537b8),#081e4685;box-shadow:0 26px 80px #00000061,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card:before{content:"";position:absolute;inset:-2px 52px auto;height:3px;background:linear-gradient(90deg,transparent,rgba(72,179,255,.12),#37a7ff,rgba(72,179,255,.12),transparent);box-shadow:0 0 18px #2fa4fff5}.login-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(95,172,255,.18),transparent 28%)}.login-card .ant-card-body{position:relative;z-index:1;padding:28px 34px 24px}.login-logo-card{width:132px;margin:0 auto 11px}.login-card-title.ant-typography{margin:0;color:#fff;font-size:26px;font-weight:650;line-height:1.18;text-align:center;letter-spacing:8px;text-shadow:0 0 18px rgba(70,164,255,.42)}.login-title-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 14px}.login-title-line span{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(24,130,255,.86))}.login-title-line span:last-child{background:linear-gradient(90deg,rgba(24,130,255,.86),transparent)}.login-title-line i{width:5px;height:5px;border-radius:50%;background:#1d8cff;box-shadow:0 0 10px #1d8cffe6}.login-form .ant-form-item{margin-bottom:10px}.login-form .ant-form-item-label{padding-bottom:4px}.login-form .ant-form-item-label>label{height:auto;color:#f0f8ffeb;font-size:13px;font-weight:450}.login-form .ant-input-affix-wrapper{height:40px;border-color:#abcdf452;border-radius:9px;color:#fff;background:#0f2d5a8c;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 1px #2869b91a}.login-form .ant-input-affix-wrapper:hover,.login-form .ant-input-affix-wrapper-focused{border-color:#369fffc7;box-shadow:0 0 0 2px #187dff2e}.login-form .ant-input{color:#fff;font-size:14px;background:transparent}.login-form .ant-input::placeholder{color:#dcecff7a}.login-form .ant-input-prefix,.login-form .ant-input-suffix{color:#e3f1ffb8;font-size:17px}.login-options{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.login-options .ant-checkbox-wrapper{color:#f0f8ffe6;font-size:13px}.login-options .ant-checkbox-inner{border-color:#b4d7ffa8;background:#0e4688a8}.login-options .ant-checkbox-checked .ant-checkbox-inner{border-color:#238eff;background:#238eff}.forgot-password{padding:0;border:0;color:#2f93ff;background:transparent;font:inherit;font-size:13px;cursor:pointer}.forgot-password:hover{color:#67b4ff}.login-submit.ant-btn{height:44px;border:1px solid rgba(110,190,255,.6);border-radius:9px;color:#fff;background:linear-gradient(180deg,#2897ff,#0567d7);box-shadow:inset 0 1px #ffffff52,0 0 16px #0e83ff75;font-size:17px;font-weight:720;letter-spacing:2px}.login-submit.ant-btn:hover{border-color:#87cfffd1;background:linear-gradient(180deg,#3aa3ff,#0872eb)}.login-divider{height:1px;margin:18px 0 12px;background:linear-gradient(90deg,transparent,rgba(180,215,255,.26),transparent)}.login-help{display:block;color:#e3efffbd!important;font-size:13px;line-height:1.55;text-align:center;letter-spacing:.4px}.login-form .ant-typography-danger{display:block;margin:-10px 0 12px;color:#ff8f8f}.app-layout{min-height:100vh}.app-layout>.ant-layout{min-width:0}.app-sider{background:var(--navy)!important}.app-sider .ant-layout-sider-trigger{background:var(--navy-dark)}.app-sider .ant-menu{background:var(--navy)}.app-sider .ant-menu-dark .ant-menu-item-selected{background:var(--navy-active)}.app-sider .ant-menu-dark .ant-menu-item:hover{background:#ffffff24}.brand{height:84px;display:flex;align-items:center;justify-content:center;padding:8px 14px}.brand-logo{width:auto;height:64px;max-width:142px;display:block;border-radius:8px;object-fit:contain}.ant-layout-sider-collapsed .brand{justify-content:center;padding:10px 0}.ant-layout-sider-collapsed .brand-logo{width:auto;height:36px;border-radius:6px}.topbar{min-height:88px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px 14px 28px;overflow:visible;line-height:normal;background:var(--surface);border-bottom:1px solid var(--line)}.topbar-title{min-width:0;padding-top:2px}.topbar h2.ant-typography{margin:0 0 6px;overflow:visible;font-size:26px;line-height:1.25;white-space:normal}.topbar-title .ant-typography-secondary{display:block;line-height:1.45}.topbar-actions{flex-shrink:0;min-width:0}.workspace{min-width:0;padding:16px 20px 20px;background:var(--bg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card .ant-card-body{min-height:106px;display:flex;align-items:center}.stat-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-extra{display:grid;gap:2px;justify-items:end;color:var(--muted);font-size:12px;white-space:nowrap}.stat-extra strong{color:var(--red);font-size:24px;line-height:1}.stat-card .ant-statistic-title{color:var(--text);font-size:15px;font-weight:650}.stat-card .ant-statistic-content{font-size:32px;font-weight:750}.stat-prefix{width:54px;height:54px;display:inline-grid;place-items:center;margin-right:16px;border-radius:50%;color:#fff;font-size:26px}.stat-card.blue .stat-prefix{background:linear-gradient(135deg,#2e73ce,var(--accent))}.stat-card.amber .stat-prefix{background:linear-gradient(135deg,#ffb84a,#ed8e16)}.stat-card.green .stat-prefix{background:linear-gradient(135deg,#28c978,#0ba65c)}.stat-card.purple .stat-prefix{background:linear-gradient(135deg,#8b6bff,#673fd7)}.stat-card.red .stat-prefix{background:linear-gradient(135deg,#ff6b6b,#e14848)}.schedule-board{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;margin-bottom:16px}.schedule-board>*,.content-grid>*,.production-schedule-board>*,.production-detail-grid>*,.account-content-grid>*,.archive-content-grid>*{min-width:0}.plan-pool-card .ant-card-head-title>div,.queue-card .ant-card-head-title>div{display:grid;gap:3px}.plan-pool-card .ant-card-head-title span,.queue-card .ant-card-head-title span{font-weight:700}.plan-pool-card .ant-card-head-title .ant-typography-secondary,.queue-card .ant-card-head-title .ant-typography-secondary{font-size:12px;font-weight:500}.queue-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;align-content:start;gap:14px}.queue-column>*{min-width:0}.queue-heading{display:flex;align-items:center;gap:8px}.queue-count{min-width:22px;padding:0 6px;border-radius:10px;color:var(--accent);background:#edf4ff;font-size:12px;line-height:20px;text-align:center}.queue-card .ant-card-body{padding:12px}.queue-card .ant-card-head{min-height:56px}.queue-card .ant-card-extra{padding-inline-start:8px}.queue-card-extra{display:flex;flex-wrap:nowrap}.queue-list{--queue-row-height: 64px;--queue-row-gap: 8px;--queue-visible-rows: 8;display:grid;grid-auto-rows:var(--queue-row-height);gap:var(--queue-row-gap);max-height:calc(var(--queue-visible-rows) * var(--queue-row-height) + (var(--queue-visible-rows) - 1) * var(--queue-row-gap));overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b4c4d9 transparent}.queue-list:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.production-queue-card .queue-list{--queue-row-height: 80px}@media(max-height:1000px){.queue-list{--queue-visible-rows: 5}}@media(max-height:800px){.queue-list{--queue-visible-rows: 4}}@media(max-height:680px){.queue-list{--queue-visible-rows: 3}}.queue-row{min-height:52px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.queue-row:hover,.queue-row:focus-visible{border-color:#0e4b9e47;background:#fff;box-shadow:0 6px 18px #0e4b9e14;outline:none}.queue-order{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:#e9f5fb;font-size:12px;font-weight:750}.queue-main{display:grid;gap:2px;min-width:0}.queue-title-line{min-width:0;display:flex;align-items:center;gap:6px}.queue-title-line strong{min-width:0}.queue-title-line .ant-tag{flex:0 0 auto;margin-inline-end:0}.queue-main strong,.queue-main .ant-typography{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-actions{justify-content:flex-end;white-space:nowrap}.queue-empty{display:grid;place-items:center;min-height:96px;color:var(--muted);border:1px dashed var(--line);border-radius:6px;background:var(--surface-soft)}.planning-empty{display:grid;place-items:center;align-content:center;gap:4px;padding:8px 12px;color:var(--muted);font-size:14px}.planning-empty img{display:block;width:96px;height:54px}.planning-empty>span{line-height:20px}.planning-empty-table{min-height:112px}.schedule-cell{display:inline-flex;align-items:center;gap:6px;max-width:100%;line-height:20px;white-space:nowrap}.manual-schedule-hint{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:20px;white-space:nowrap}.schedule-mode-text{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.sample-customer-name,.sample-demand-code,.one-line-table-text{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-table-card .ant-table-tbody>tr.ant-table-row>td{height:50px;padding-top:8px;padding-bottom:8px;vertical-align:middle;white-space:nowrap}.sample-files-cell{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;flex-wrap:nowrap;white-space:nowrap}.sample-files-table-cell{text-align:left}.sample-files-cell .ant-space-item{display:flex;justify-content:flex-start}.sample-files-cell .ant-btn-link{padding-inline:0}.filter-card{margin-bottom:0;border-radius:6px 6px 0 0}.filter-card .ant-card-body{padding:16px}.filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-control{min-width:0;display:flex;align-items:center;gap:6px}.filter-label{flex:0 0 auto;color:var(--text);font-weight:650;line-height:32px;white-space:nowrap}.filter-select{width:clamp(96px,8vw,136px)}.filter-product-input{width:clamp(104px,9vw,150px)}.filter-code-input{width:clamp(128px,12vw,180px)}.filter-status{width:clamp(96px,8vw,136px)}.filter-sample-fee{width:clamp(108px,9vw,148px)}.company-filter .filter-select,.status-filter .filter-status{width:clamp(150px,13vw,210px)}.filter-date{width:clamp(160px,15vw,220px)}.filter-search{width:clamp(140px,14vw,260px);flex:0 1 auto}.filter-reset,.filter-export{flex:0 0 auto}.filterbar .ant-select-selector,.filterbar .ant-picker,.filterbar .ant-input-affix-wrapper,.filterbar .ant-btn{height:32px;display:flex;align-items:center}.filterbar .ant-select-selection-search-input{height:30px!important}.ant-tag-blue{color:var(--accent);background:#edf4ff;border-color:#c8daf4}.content-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}.table-card{border-radius:0}.table-card{min-width:0;border-top:0}.plan-pool-card,.production-pool-card,.production-table-card,.archive-library-card,.sample-calendar-card,.table-card{min-width:0}.table-card .ant-card-body{padding:0}.ant-table-wrapper,.ant-table-container,.ant-table-content{min-width:0;max-width:100%}.nested-products-table{margin:8px 0 8px 42px}.detail-page{display:grid;gap:16px}.detail-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-hero h2.ant-typography{margin:4px 0 14px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.8fr) minmax(260px,.8fr);gap:14px}.detail-products-card .ant-card-body{padding:16px 24px 24px}.sample-product-detail-list{display:grid;gap:14px}.sample-product-detail-record{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff}.sample-product-detail-core{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,1.8fr) minmax(100px,.55fr);border-bottom:1px solid var(--line)}.sample-product-detail-field,.sample-product-detail-row{min-width:0}.sample-product-detail-field{display:grid;grid-template-rows:auto 1fr}.sample-product-detail-field+.sample-product-detail-field{border-left:1px solid var(--line)}.sample-product-detail-field .sample-product-detail-label{margin:0;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-weight:600}.sample-product-detail-field .sample-product-detail-value{padding:11px 14px}.sample-product-detail-row{display:grid;grid-template-columns:132px minmax(0,1fr)}.sample-product-detail-row+.sample-product-detail-row{border-top:1px solid var(--line)}.sample-product-detail-row .sample-product-detail-label{margin:0;padding:12px 14px;border-right:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-weight:600}.sample-product-detail-row .sample-product-detail-value{padding:12px 16px}.sample-product-detail-label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:500;line-height:1.4}.sample-product-detail-value{color:var(--text);font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.shipping-product-list{display:grid;gap:10px;margin-top:14px}.shipping-product-row{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.shipping-product-name{display:grid;gap:2px}.shipping-product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shipping-product-metrics span{display:grid;gap:2px;min-width:0}.shipping-product-metrics strong{font-size:14px;line-height:1.35;white-space:nowrap}.inline-link-button.ant-btn{height:auto;padding:0;line-height:1.5;text-align:left;white-space:normal}.planned-period-cell{max-width:210px}.overdue-reason-line{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overdue-reason-content-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:22px}.overdue-reason-actions{display:inline-flex;align-items:center}.overdue-reason-actions .inline-link-button.ant-btn{display:inline-flex;align-items:center;gap:4px;line-height:22px}.overdue-reason-summary{margin-bottom:12px}.overdue-reason-readonly{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);white-space:pre-wrap}.not-found{padding:46px 0 28px;color:var(--muted);text-align:center}.detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.file-chip{width:100%;min-height:54px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--surface-soft);text-decoration:none}.file-chip-button{border:1px solid var(--line);font:inherit;text-align:left;cursor:pointer}.file-chip-button:hover{border-color:var(--accent);color:var(--accent)}.file-chip-upload{justify-content:flex-start}.file-chip svg{color:#0ea35f}.file-chip .file-chip-action-icon{margin-left:auto;color:var(--accent);font-size:16px}.file-chip-main{display:grid;gap:2px;min-width:0;overflow:hidden}.file-chip-title{display:flex;align-items:center;gap:10px;min-width:0}.file-chip-title strong{flex:0 0 auto;font-weight:600}.file-chip-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip small{color:var(--muted);font-size:12px}.file-chip.muted{color:var(--muted)}.file-chip.muted svg{color:var(--muted)}.attachment-list{display:grid;gap:8px}.attachment-row{display:grid;align-items:center}.attachment-row .ant-upload-wrapper,.attachment-row .ant-upload-select,.attachment-row .ant-upload-select>.ant-upload{width:100%}.attachment-list .file-chip-title{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px}.attachment-list .file-chip-title strong,.attachment-list .file-chip-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-modal .ant-modal-body,.sample-customer-modal .ant-modal-body{max-height:calc(100vh - 220px);overflow:auto}.modal-form-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.upload-card .ant-upload-wrapper,.upload-card .ant-upload-drag{width:100%}.modal-file-list{margin-top:14px}.editable-file-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.pending-delete-chip{justify-content:space-between}.pending-delete-chip>span{flex:1}.excel-preview-modal .ant-modal-body{max-height:calc(100vh - 220px);overflow:hidden}.excel-preview-scroll{max-height:calc(100vh - 330px);overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff}.statement-file-preview-modal .ant-modal-body{max-height:calc(100vh - 220px);overflow:hidden}.statement-excel-preview{max-height:calc(100vh - 290px);overflow:auto;border:1px solid #d9d9d9;border-radius:4px;background:#f5f5f5}.statement-workbook-canvas{width:max-content;min-width:100%;padding:22px;background:#fff}.statement-workbook-table{width:max-content;min-width:100%;margin:0 auto;border-collapse:collapse;table-layout:fixed;color:#000;background:#fff}.statement-workbook-table td{box-sizing:border-box;min-width:0;padding:4px 6px;overflow:hidden;line-height:1.25;white-space:nowrap;word-break:break-word}.statement-workbook-truncated{margin-top:12px;color:var(--muted);font-size:12px;text-align:center}.excel-preview-table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.45}.excel-preview-table td{min-width:0;padding:5px 7px;border:1px solid #cbd5e1;vertical-align:top;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;background:#fff}.excel-preview-table td.is-merged{background:#fff}.excel-preview-empty{display:grid;min-height:180px;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:6px;background:var(--surface-soft)}.production-summary-modal .ant-modal-body{max-height:calc(100vh - 220px);overflow:hidden}.production-summary-head{display:grid;gap:4px;margin-bottom:12px}.production-summary-head h4.ant-typography{margin:0}.production-summary-modal .ant-table-small .ant-table-cell{padding:5px 7px;vertical-align:middle}.summary-detail-text{white-space:pre-line;line-height:1.38}.summary-customer-text{display:grid;gap:2px;max-width:100%;white-space:pre-line;word-break:break-word;overflow-wrap:anywhere;line-height:1.3}.summary-customer-code{color:var(--muted);font-size:12px;line-height:1.25}.summary-date-text{display:block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-size:12px;line-height:1.2}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.form-grid-wide{grid-column:1 / -1}.items-card,.quote-card,.sample-calendar-card{margin-top:16px}.sample-calendar-card .ant-card-extra{color:var(--muted);font-size:12px}.sample-calendar-head{margin-bottom:8px}.sample-calendar-legend{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;white-space:nowrap}.sample-calendar-legend:before{width:12px;height:6px;border-radius:999px;content:""}.sample-calendar-legend.legend-plan:before{background:#1769d1}.sample-calendar-legend.legend-overdue:before{background:#dc2626}.sample-calendar-legend.legend-selected-date:before{background:#0e4b9e}.sample-calendar-card .ant-picker-calendar{border:1px solid var(--line);border-radius:8px}.sample-calendar-card .ant-picker-calendar-header{padding:8px 10px}.sample-calendar-card .ant-picker-content th{padding:5px 0;color:var(--muted);font-weight:600;font-size:12px}.sample-calendar-card .ant-picker-cell{padding:0}.sample-calendar-card .ant-picker-cell-inner{width:100%;min-height:76px;margin:0;padding:0}.sample-calendar-cell{min-height:76px;padding:4px 3px 5px;border-top:1px solid #f1f5f9;background:#fff}.sample-calendar-cell.is-outside-month{color:#b7bec8;background:#fafafa}.sample-calendar-cell.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.sample-calendar-cell.is-disabled{cursor:not-allowed;color:#cbd5e1;background:#f8fafc}.sample-calendar-cell.is-disabled .sample-calendar-event{opacity:.55}.sample-calendar-date{height:16px;padding-right:3px;text-align:right;font-size:12px;line-height:16px}.sample-calendar-events{display:grid;gap:2px;margin-top:2px}.sample-calendar-event{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px;min-height:18px;overflow:hidden;padding:0 5px;border-radius:999px;background:#1769d1;color:#fff;font-size:11px;line-height:18px}.sample-calendar-event.is-overdue{background:#dc2626}.sample-calendar-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-calendar-event small{opacity:.86;font-size:10px}.sample-calendar-more{color:var(--muted);font-size:11px;line-height:14px;text-align:center}.item-editor-list{display:grid;gap:12px}.full-control{width:100%}.production-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.production-page-head h3.ant-typography{margin:0 0 6px}.sample-finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sample-finance-head h3.ant-typography{margin:0 0 6px}.sample-finance-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.sample-finance-workspace .table-card .ant-card-extra .ant-input-affix-wrapper{width:240px}.production-stats-grid,.production-metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:16px}.production-schedule-board{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;margin-bottom:16px}.production-table-card .ant-card-body{padding:0}.plan-pool-card>.ant-card-head{margin-bottom:0}.plan-pool-card>.ant-card-body{padding:0}.sample-pool-card .plan-pool-row>td{height:50px;white-space:nowrap}.sample-pool-card .ant-table-row-expand-icon-cell{text-align:right!important}.production-pool-card .ant-table-wrapper .ant-table-tbody>tr.plan-pool-row>td.ant-table-cell{height:65px;padding-block:8px}.production-pool-card .ant-table-selection-column{padding-inline-start:24px!important}.plan-pool-card .ant-table-placeholder>td{height:144px}.production-pool-card .ant-card-head-title>div{display:grid;gap:3px}.production-pool-card .ant-table-cell strong,.production-table-card .ant-table-cell strong{font-weight:700}.production-customer-cell{display:grid;gap:4px;min-width:0}.production-customer-line{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.production-customer-line .ant-tag{flex:0 0 auto;margin-inline-end:0}.production-customer-name,.production-order-code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-customer-name{display:block}.production-order-code{display:inline-block;max-width:100%}.production-product-cell{width:100%;max-width:100%;min-width:0}.production-product-cell .ant-space-item{max-width:100%;min-width:0}.production-product-name{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-complete-cell{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.production-complete-cell .ant-tag{margin-inline-end:0}.produced-progress-cell{display:grid;gap:6px;min-width:126px}.produced-progress-cell .ant-progress{margin:0}.production-queue-row{min-height:74px;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.production-queue-row:hover,.production-queue-row:focus-visible{border-color:#0e4b9e47;background:#fff;box-shadow:0 6px 18px #0e4b9e14;outline:none}.production-queue-row .ant-progress{max-width:210px}.production-queue-meta{display:grid;gap:4px;justify-items:end;white-space:nowrap}.table-rule-note{padding:10px 16px;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface-soft);font-size:13px}.table-filterbar{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.production-filterbar,.sample-filterbar{display:grid;gap:10px}.production-filter-row,.sample-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.production-filter-row>.filter-control{flex:1 1 220px}.production-filter-dates>.filter-control{flex-basis:300px}.production-filterbar .filter-select,.production-filterbar .filter-status,.production-filterbar .filter-product-input,.production-filterbar .filter-order-input,.production-filterbar .filter-date{flex:1 1 0;min-width:0;width:0}.sample-filter-row>.filter-control{flex:1 1 200px}.sample-filter-main>.date-filter{flex:1.25 1 280px}.sample-filter-secondary>.filter-search{flex:2 1 260px;min-width:0;width:0}.sample-customer-profile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:-12px 0 12px}.customer-archive-name.ant-btn{height:auto;padding:0;white-space:normal;text-align:left}.queue-sampler{font-weight:500}.sample-filterbar .filter-select,.sample-filterbar .filter-code-input,.sample-filterbar .filter-product-input,.sample-filterbar .filter-date,.sample-filterbar .filter-status,.sample-filterbar .filter-sample-fee{flex:1 1 0;min-width:0;width:0}.production-modal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.production-schedule-calendar{margin-top:6px;padding-top:8px;border-top:1px solid var(--line)}.schedule-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.schedule-legend{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;white-space:nowrap}.schedule-legend:before{width:14px;height:6px;border-radius:999px;content:""}.legend-selected:before{background:#0e4b9e}.legend-active:before{background:#1769d1}.legend-planned:before{background:#d98b00}.legend-overdue:before{background:#dc2626}.production-schedule-calendar .ant-picker-calendar{border:1px solid var(--line);border-radius:8px}.production-schedule-calendar .ant-picker-calendar-header{padding:8px 10px}.production-schedule-calendar .ant-picker-content th{padding:5px 0;color:var(--muted);font-weight:600;font-size:12px}.production-schedule-calendar .ant-picker-cell{padding:0}.production-schedule-calendar .ant-picker-cell-inner{width:100%;min-height:62px;margin:0;padding:0}.production-calendar-cell{min-height:62px;padding:4px 2px 5px;border-top:1px solid #f1f5f9;background:#fff}.production-calendar-cell.is-outside-month{color:#b7bec8;background:#fafafa}.production-calendar-date{height:16px;padding-right:3px;text-align:right;font-size:12px;line-height:16px}.production-calendar-events{display:grid;gap:2px;margin-top:2px}.production-calendar-event{height:16px;overflow:hidden;padding:0 5px;color:#fff;font-size:11px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.production-calendar-event.segment-start{margin-right:-3px;border-radius:999px 0 0 999px}.production-calendar-event.segment-middle{margin-right:-3px;margin-left:-3px;border-radius:0}.production-calendar-event.segment-end{margin-left:-3px;border-radius:0 999px 999px 0}.production-calendar-event.segment-single{border-radius:999px}.production-calendar-event.tone-selected{background:#0e4b9e}.production-calendar-event.tone-active{background:#1769d1}.production-calendar-event.tone-planned{background:#d98b00}.production-calendar-event.tone-waiting{background:#64748b}.production-calendar-event.tone-done{background:#16a34a}.production-calendar-event.tone-closed{background:#7c3aed}.production-calendar-event.tone-overdue{background:#dc2626}.production-calendar-more{color:var(--muted);font-size:11px;line-height:14px;text-align:center}.production-modal-lower{margin-top:16px}.rule-note{display:grid;gap:6px;padding:10px 12px;border:1px solid #d8e7f8;border-radius:6px;background:#f5f9ff;line-height:1.5}.rule-note.compact{margin-top:10px;padding:8px 10px}.inline-summary{display:flex;flex-wrap:wrap;gap:12px;margin:-4px 0 12px;padding:8px 10px;border-radius:6px;background:var(--surface-soft)}.shipment-items-card{margin-bottom:16px}.shipment-item-list{display:grid;gap:10px}.shipment-item-row{display:grid;grid-template-columns:minmax(160px,1fr) repeat(3,minmax(110px,.55fr));gap:10px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.shipment-item-name{display:grid;gap:4px;align-self:center}.shipment-item-remaining{font-size:12px;line-height:1.5}.shipment-item-error{grid-column:1 / -1;font-size:12px;line-height:1.5}.shipment-item-row .ant-form-item{margin-bottom:0}.production-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.34fr);gap:14px}.production-detail-main,.production-detail-side{display:grid;align-content:start;gap:14px}.production-detail-main>*,.production-detail-side>*{min-width:0}.production-detail-main .ant-card{max-width:100%;overflow:hidden}.production-detail-main .ant-table-wrapper,.production-detail-main .ant-table,.production-detail-main .ant-table-container,.production-detail-main .ant-table-content{max-width:100%}.production-detail-main .ant-table-content{overflow-x:auto}.production-detail-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.production-detail-hero h2.ant-typography{margin:8px 0 12px}.product-switcher{min-width:280px;display:flex;align-items:center}.product-switcher-select{width:280px;min-width:280px;flex:0 0 280px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:15px;font-weight:600}.product-switcher-select .ant-select-selector{min-height:48px;height:48px!important;align-items:center}.product-switcher-select .ant-select-selection-item,.product-switcher-select .ant-select-selection-placeholder{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:15px;font-weight:600}.detail-card-select{min-width:220px}.selected-product-row>td{background:#f4f9ff!important}.production-progress-head{display:grid;gap:10px}.production-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.production-timeline span{min-height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:13px;font-weight:650}.production-timeline span.active{color:var(--accent);border-color:#c5ddfb;background:#edf6ff}.progress-stat-body{min-height:106px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px}.progress-stat-body .ant-typography-secondary{grid-column:1 / -1}.quality-summary{display:grid;gap:8px}.quantity-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--text);font-size:13px}.quantity-chip strong{font-size:14px}.quantity-chip-value{display:grid;justify-items:end;gap:1px}.quantity-chip-value .ant-typography-secondary{font-size:12px;line-height:1}.quantity-chip.green{color:#0f8a52;border-color:#bfe8d3;background:#f0fbf5}.quantity-chip.amber{color:#a15d00;border-color:#f2d39f;background:#fff8eb}.quantity-chip.red{color:#b42318;border-color:#f2b8b5;background:#fff4f3}.quantity-chip.blue{color:var(--accent);border-color:#c8daf4;background:#edf4ff}.side-actions{margin-top:12px}.shipment-expanded{display:grid;gap:8px;padding:8px 0 8px 42px}.shipment-expanded-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shipment-expanded-row strong{min-width:120px}.attachment-preview-frame{width:100%;height:62vh;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.attachment-preview-image{display:block;max-width:100%;max-height:68vh;margin:0 auto;border:1px solid var(--line);border-radius:6px}.attachment-preview-empty{min-height:220px;display:grid;place-items:center;gap:8px;padding:24px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);background:var(--surface-soft);text-align:center}.session-button{height:36px;display:inline-flex;align-items:center;gap:8px}.session-button .ant-tag{margin-inline-end:0}.account-workspace{display:grid;align-content:start;gap:16px}.account-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.account-page-head h3.ant-typography{margin:0 0 6px}.account-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.account-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(420px,.9fr);gap:16px;align-items:start}.account-table-card,.permission-table-card{min-width:0}.permission-table-card .ant-table-cell{vertical-align:middle}.permission-table-card .ant-tag{margin-inline-end:0}.archive-workspace{display:grid;gap:14px}.archive-tabs{display:flex;flex-wrap:wrap;gap:8px}.archive-tabs .ant-radio-button-wrapper{height:32px;border-radius:6px!important;border-inline-start-width:1px;font-weight:650}.archive-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.archive-filter-card{border-radius:6px}.archive-filterbar{flex-wrap:wrap}.archive-keyword{width:clamp(220px,22vw,320px)}.archive-date{width:clamp(220px,18vw,300px)}.archive-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:14px;align-items:start}.archive-main-column,.archive-side-panel{min-width:0;display:grid;gap:14px}.archive-library-card{border-radius:6px}.archive-library-card .ant-card-head{min-height:52px}.archive-library-card .ant-card-body{padding:0}.archive-library-card .ant-table-cell{vertical-align:middle}.archive-group-row>td{background:#f7fafc!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive-group-toggle{width:100%;min-height:34px;display:inline-flex;align-items:center;gap:10px;border:0;padding:0;color:var(--text);background:transparent;text-align:left;cursor:pointer}.archive-group-toggle>span:first-child{width:18px;flex:0 0 18px;color:var(--muted);font-weight:800;text-align:center}.archive-file-name{display:flex;align-items:center;gap:10px;min-width:0}.archive-file-name>div{min-width:0;display:grid;gap:2px}.archive-file-name .ant-typography{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-file-icon{width:26px;height:26px;flex:0 0 26px;display:inline-grid;place-items:center;border-radius:5px;font-size:16px}.archive-file-icon.excel{color:#168a45;background:#e9f8ef}.archive-file-icon.pdf{color:#d83b31;background:#fff0ef}.archive-file-icon.image{color:#2d73d5;background:#edf5ff}.archive-file-icon.word{color:#265bb9;background:#edf3ff}.archive-file-icon.other{color:var(--muted);background:#eef2f6}.archive-file-icon.missing{color:var(--red);background:#fff0f0}.archive-selected-row>td{background:#eaf5ff!important}.archive-selected-row>td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.archive-preview-strip{border-color:#b9d4ef;border-radius:6px}.archive-preview-strip .ant-card-body{padding:14px 16px}.archive-preview-content{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.5fr) 132px;gap:16px;align-items:center}.archive-preview-file{display:flex;gap:14px;align-items:center;min-width:0}.archive-preview-file .archive-file-icon{width:58px;height:58px;flex-basis:58px;font-size:32px}.archive-preview-file h5.ant-typography{margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-preview-file>div{min-width:0;display:grid;gap:4px}.archive-preview-meta{min-width:0;padding-inline:14px;border-inline:1px solid var(--line)}.archive-preview-meta .ant-descriptions-item-label,.archive-preview-meta .ant-descriptions-item-content{font-size:12px}.archive-preview-actions{justify-self:stretch}.archive-preview-actions .ant-btn{width:100%}.archive-empty-preview{min-height:98px;display:grid;place-items:center;color:var(--muted)}.archive-side-card{border-radius:6px}.archive-side-card .ant-card-body{padding:14px 16px}.archive-quick-section{display:grid;gap:6px}.archive-quick-section+.archive-quick-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.archive-quick-row,.archive-recent-row{width:100%;border:0;border-radius:6px;background:transparent;cursor:pointer;text-align:left}.archive-quick-row{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;color:var(--text)}.archive-quick-row strong{color:var(--accent)}.archive-quick-row.active,.archive-quick-row:hover,.archive-recent-row:hover{background:#edf5ff}.archive-recent-list{display:grid;gap:8px}.archive-recent-row{min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:6px}.archive-recent-row span{min-width:0;display:grid;gap:2px}.archive-recent-row strong,.archive-recent-row .ant-typography{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-denied-card{min-height:360px;display:grid;place-items:center;text-align:center}.access-denied-card .ant-card-body{width:100%}.access-denied-icon{color:var(--muted);font-size:42px}.archive-management-workspace{display:block}.archive-management-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.archive-page-head{align-items:center}.archive-management-switch{margin-left:auto}.archive-management-switch .ant-radio-button-wrapper{font-weight:800}.archive-customer-stat-card .ant-card-body{padding-right:20px}.archive-customer-stat-layout{width:100%;display:grid;grid-template-columns:minmax(172px,.82fr) minmax(248px,1.18fr);gap:16px;align-items:center}.province-chart{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;justify-self:end}.province-chart-pie{position:relative;width:72px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--province-chart);box-shadow:inset 0 0 0 1px #0e4b9e14}.province-chart-pie:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px #0e4b9e0d}.province-chart-pie span{position:relative;z-index:1;color:var(--muted);font-size:12px;font-weight:650;line-height:1}.province-chart-legend{min-width:0;display:grid;gap:5px}.province-chart-legend-item{min-width:0;display:grid;grid-template-columns:8px minmax(42px,1fr) auto auto;gap:7px;align-items:center;color:var(--muted);font-size:12px;line-height:1.15}.province-chart-dot{width:8px;height:8px;border-radius:50%}.province-chart-dot.muted{background:#a7b2c2}.province-chart-name{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.province-chart-value,.province-chart-percent{white-space:nowrap}.province-chart-more .province-chart-name{color:var(--muted)}.province-chart-empty{font-size:12px}.archive-management-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.archive-management-grid .ant-card-head-title>div{display:grid;gap:6px}.archive-management-grid .ant-card-head-title .ant-typography-secondary{font-size:12px;font-weight:400}.archive-management-filterbar{display:grid;grid-template-columns:minmax(180px,1fr) 132px 132px;gap:10px;margin-bottom:14px}.archive-management-grid .ant-table-wrapper{overflow:hidden}.archive-process-card .ant-card-head-title>div{display:grid;gap:6px}.archive-process-card .ant-card-head-title .ant-typography-secondary{font-size:12px;font-weight:400}.archive-process-filterbar{grid-template-columns:minmax(220px,1fr) 132px}.legacy-process-files{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px}.process-attachment-selection-list{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.process-attachment-selection-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.process-attachment-selection-row .inline-link-button{min-width:0;padding:0;text-align:left}.process-attachment-selection-row .inline-link-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-code{color:var(--blue);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.archive-action-group{align-items:center}.archive-action-group .ant-btn{width:28px;height:28px}.archive-action-tooltip-target{display:inline-flex;line-height:0}.inline-alert{margin-top:6px;padding:10px 12px;border:1px solid #b9d8ff;border-radius:6px;color:#385d8b;background:#f4f9ff;font-size:13px;line-height:1.6}.inline-alert.tone-warning{border-color:#ffd99a;color:#9a6508;background:#fffaf0}.select-dropdown-action{padding:6px 8px;border-top:1px solid var(--line);background:#fff}.production-plan-modal .select-dropdown-action .ant-btn{padding-inline:4px}.result-like{display:grid;place-items:center;min-height:280px;text-align:center}@media(max-width:1280px){.login-page{padding:36px 48px}.login-shell{grid-template-columns:minmax(360px,1fr) minmax(340px,376px);gap:48px}.login-card{width:min(376px,100%)}.login-card .ant-card-body{padding:28px 32px 24px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filterbar{align-items:center;flex-wrap:wrap}.schedule-board,.detail-grid,.production-schedule-board,.production-detail-grid,.archive-management-grid{grid-template-columns:1fr}.production-stats-grid,.sample-finance-stats-grid,.account-stats-grid,.archive-stats-grid,.production-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.production-detail-hero-row{flex-wrap:wrap}.product-switcher{width:100%;min-width:0}.account-content-grid,.archive-content-grid,.archive-preview-content{grid-template-columns:1fr}.archive-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-preview-meta{padding-inline:0;border-inline:0}.shipping-product-metrics{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:1100px){.archive-management-stats-grid{grid-template-columns:1fr}}@media(max-width:820px){.queue-column{grid-template-columns:minmax(0,1fr)}.plan-pool-card>.ant-card-head>.ant-card-head-wrapper{flex-wrap:wrap;gap:8px;padding-block:12px}.plan-pool-card .ant-card-head-title{flex-basis:100%;white-space:normal}.plan-pool-card .ant-card-extra{margin-inline-start:0}.plan-pool-card .ant-card-extra>.ant-space{flex-wrap:wrap}.app-sider{flex:0 0 72px!important;max-width:72px!important;min-width:72px!important;width:72px!important}.app-sider:not(.ant-layout-sider-collapsed) .brand{justify-content:center;padding:10px 0}.app-sider:not(.ant-layout-sider-collapsed) .brand:after{content:none}.app-sider:not(.ant-layout-sider-collapsed) .brand-logo{width:auto;height:36px;border-radius:6px}.app-sider .ant-menu-title-content{display:none}.app-sider .ant-menu-item{padding-inline:24px!important}.app-sider .ant-layout-sider-trigger{width:72px!important}.login-shell,.modal-form-grid,.production-modal-grid,.form-grid,.stats-grid,.production-stats-grid,.sample-finance-stats-grid,.account-stats-grid,.archive-stats-grid,.archive-management-stats-grid,.production-metrics-grid,.account-content-grid,.archive-side-panel,.shipping-product-metrics,.shipment-item-row{grid-template-columns:1fr}.production-page-head,.sample-finance-head,.account-page-head{flex-direction:column}.archive-management-switch{margin-left:0}.production-timeline{grid-template-columns:1fr}.archive-customer-stat-layout{grid-template-columns:1fr;gap:14px}.province-chart{justify-self:stretch}.product-switcher{align-items:stretch;flex-direction:column}.product-switcher-select{width:100%;min-width:0;flex:1 1 auto}.login-page{min-height:100vh;padding:28px 18px;overflow:auto}.login-shell{min-height:auto;gap:24px}.login-copy{display:none;transform:none}.login-card{min-height:auto;border-radius:22px}.login-card .ant-card-body{padding:36px 28px 30px}.login-logo-card{width:184px}.login-card-title.ant-typography{font-size:30px}.filterbar{align-items:stretch}.archive-management-filterbar{grid-template-columns:1fr}.filter-control,.filter-search,.filter-reset,.filter-export{width:100%}.filter-select,.filter-product-input,.filter-status,.filter-sample-fee,.filter-date{flex:1 1 auto;width:100%}.topbar{height:auto;flex-wrap:wrap;padding:16px}.topbar h2.ant-typography{font-size:22px}.topbar-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}.topbar-actions .ant-space-item,.topbar-actions .session-button{max-width:100%}.topbar-actions .session-button>span:not(.anticon):first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-actions .ant-btn-primary{flex:1 1 154px;max-width:100%}.workspace{padding:12px}.detail-products-card .ant-card-body{padding:14px 16px 18px}.sample-product-detail-list{gap:10px}.sample-product-detail-core{grid-template-columns:1fr}.sample-product-detail-field+.sample-product-detail-field{border-top:1px solid var(--line);border-left:0}.sample-product-detail-row{grid-template-columns:1fr}.sample-product-detail-row .sample-product-detail-label{border-right:0;border-bottom:1px solid var(--line)}}.topbar.finance-topbar{min-height:64px;height:64px;padding:10px 24px 10px 28px}.topbar.finance-topbar .topbar-title{padding-top:0}.topbar.finance-topbar .topbar-title .ant-typography-secondary{font-size:12px;line-height:1.2}.workspace.finance-workspace{min-height:calc(100vh - 64px);padding:18px 28px 24px;background:#f8fafc}.finance-page-head{min-height:54px}.finance-subnav{height:36px;margin-bottom:10px}.finance-subnav button{height:36px}.finance-overview-tools{min-height:58px;margin-bottom:10px}.finance-metric-strip{margin-bottom:10px}.finance-detail-tools+.finance-metric-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.finance-metric{min-height:78px}.finance-analytics-grid{margin-bottom:8px}.finance-chart-wrap{height:263px}.finance-chart-stage{height:219px}.finance-ranking-panel{height:310px}.finance-info-strip,.finance-alert-strip{min-height:34px;margin-bottom:8px}.finance-detail-title-row{min-height:70px}.finance-detail-title-row.finance-detail-meta-row{min-height:30px;display:flex;align-items:center;justify-content:flex-end}.finance-detail-subnav{display:flex;align-items:center;margin-bottom:0}.finance-detail-month-group{height:36px;display:flex;align-items:center;gap:12px}.finance-detail-month-group>button{flex:0 0 auto}.finance-detail-subnav .finance-month-navigator{align-self:center;padding-bottom:1px}.finance-detail-subnav .finance-month-navigator .ant-btn{height:30px;padding-inline:10px;border:1px solid #d7e0ea;color:#344255;background:#fff;font-size:12px}.finance-detail-tools{min-height:54px;margin-bottom:10px;padding:7px 0 9px}.finance-detail-analysis-grid{margin-bottom:8px}.contribution-panel,.detail-ranking-panel,.sample-composition-panel{min-height:238px}.contribution-list{padding-top:4px;padding-bottom:6px}.contribution-row{min-height:35px}.finance-detail-rank-head,.finance-detail-rank-row{min-height:32px}.finance-detail-table .finance-highlight-row>td{background:#eef6ff!important}@media(max-width:980px){.workspace.finance-workspace{padding:16px}.finance-detail-tools+.finance-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.app-sider.finance-sider{display:none}.topbar.finance-topbar{height:auto;padding:14px 16px}.workspace.finance-workspace{padding:12px}.finance-detail-tools+.finance-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.finance-page-heading-copy{min-width:0}.finance-page-title-line{display:flex;align-items:baseline;gap:14px}.finance-page-title-line>.ant-typography-secondary{font-size:12px;white-space:nowrap}.finance-overview-subnav{align-items:center;justify-content:space-between}.finance-subnav-tabs{height:100%;display:flex;align-items:flex-end;gap:36px}.production-year-filter{display:flex;align-items:center;gap:8px;padding-bottom:3px;color:#526174;font-size:11px;font-weight:650}.production-year-filter .ant-select{width:112px}.production-year-filter .ant-select-selector{min-height:30px!important}.production-finance-overview{display:grid;gap:12px}.production-summary-strip{min-height:126px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce6f0;border-radius:7px;background:#fff;box-shadow:0 3px 12px #1c345406}.production-summary-metric{position:relative;min-width:0;display:grid;align-content:center;justify-items:center;gap:9px;padding:18px 20px;text-align:center}.production-summary-metric:not(:last-child):after{content:"";position:absolute;top:26px;right:0;bottom:26px;width:1px;background:#dce4ed}.production-summary-metric strong{color:#111827;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:clamp(25px,2.3vw,35px);font-variant-numeric:tabular-nums;font-weight:500;line-height:1;white-space:nowrap}.production-summary-metric strong.primary{color:#075ec9}.production-summary-metric strong.danger{color:#e24b4b}.production-summary-metric span{color:#4b596b;font-size:13px;font-weight:600}.production-section-head{min-height:62px}.production-contribution-panel .ant-table-thead>tr>th{color:#526174;background:#fbfcfe;font-size:11px;font-weight:700}.production-contribution-panel .ant-table-tbody>tr>td{height:44px;color:#273547;font-size:12px}.production-contribution-panel .ant-table-tbody>tr:first-child>td{background:#f4f8fd}.production-contribution-panel .ant-table-body{scrollbar-width:thin;scrollbar-color:#c7d4e3 transparent}.production-share-cell{display:grid;grid-template-columns:minmax(90px,1fr) 56px;align-items:center;gap:10px}.production-share-cell .ant-progress{margin:0}.production-share-cell>span{color:#4c5a6d;text-align:right}.production-annual-sales-panel{overflow:hidden}.production-annual-invoice-panel .production-total-bar-key{background:#b9d9c5;box-shadow:inset 0 0 0 1px #7fb897}.production-annual-invoice-panel .production-combo-column>span{background:#b9d9c5;box-shadow:inset 0 0 0 1px #7fb897}.production-annual-invoice-panel .production-combo-column.current>span{background:#8fc6a4;box-shadow:0 0 0 3px #278b5314,inset 0 0 0 1px #68aa82}.production-annual-invoice-panel .production-combo-column.current small,.production-annual-invoice-panel .production-combo-column.current em{color:#1f7a49}.production-chart-filter{flex:0 0 auto;display:flex;align-items:center;gap:8px;color:#526174;font-size:11px;font-weight:650}.production-chart-filter .ant-select{width:178px}.production-combo-chart{height:354px;padding:12px 18px 14px}.production-combo-legend{min-height:30px;display:flex;align-items:center;gap:18px;overflow:hidden;color:#5d6c7f;font-size:11px;white-space:nowrap}.production-combo-legend span{display:inline-flex;align-items:center;gap:7px}.production-total-bar-key{width:10px;height:10px;border-radius:2px;background:#b7cee9;box-shadow:inset 0 0 0 1px #8eafd2}.production-customer-line-key{position:relative;width:20px;height:2px;background:var(--line-color)}.production-customer-line-key:after{content:"";position:absolute;top:-3px;left:7px;width:7px;height:7px;border:2px solid var(--line-color);border-radius:50%;background:#fff}.production-combo-stage{position:relative;height:294px}.production-combo-axis{position:absolute;z-index:5;top:2px;left:2px;color:#536276;font-size:10px}.production-combo-grid{position:absolute;z-index:0;top:30px;right:26px;bottom:36px;left:44px;display:grid;grid-template-rows:repeat(5,1fr)}.production-combo-grid i{border-top:1px dashed #dfe7f0}.production-combo-columns{position:absolute;z-index:1;top:22px;right:26px;bottom:6px;left:44px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.production-combo-lines{position:absolute;z-index:2;top:42px;right:26px;bottom:36px;left:44px;width:calc(100% - 70px);height:calc(100% - 78px);overflow:visible;pointer-events:none}.production-combo-column{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;border:0;color:#4b596b;background:transparent;font:inherit;cursor:pointer}.production-combo-column small{height:20px;display:grid;place-items:center;color:#536174;font-size:10px;white-space:nowrap}.production-combo-column>span{width:min(48px,68%);min-height:8px;border-radius:3px 3px 0 0;background:#b7cee9;box-shadow:inset 0 0 0 1px #8eafd2}.production-combo-column em{height:22px;display:grid;place-items:end center;margin-top:5px;font-size:10px;font-style:normal;white-space:nowrap}.production-chart-tooltip-overlay{max-width:min(360px,calc(100vw - 24px))}.production-chart-tooltip{width:320px;max-width:100%;min-width:0;box-sizing:border-box;display:grid;gap:8px;padding:2px 0}.production-chart-tooltip>strong{color:#fff;font-size:13px;font-weight:650}.production-chart-tooltip-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;color:#dfe9f5;font-size:12px}.production-chart-tooltip-row.total{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.2)}.production-chart-tooltip-row span{min-width:0;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-chart-tooltip-row i{width:8px;height:8px;flex:0 0 auto;margin-right:7px;border-radius:50%;background:var(--tooltip-series-color)}.production-chart-tooltip-row b{color:#fff;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.production-order-detail-link.ant-btn-link{justify-content:flex-start;padding-inline:0}.production-combo-column.current>span{background:#91b5df;box-shadow:0 0 0 3px #075ec912,inset 0 0 0 1px #6f9fce}.production-combo-column.current small,.production-combo-column.current em{color:#075ec9;font-weight:700}.production-combo-column.future{cursor:default}.production-combo-column.future>span{border:1px dashed #c8d3df;background:#e1e8f061;box-shadow:none}.production-combo-column.future small,.production-combo-column.future em{color:#a9b4c2}.production-combo-lines{position:absolute;z-index:3;top:29px;right:26px;bottom:36px;left:44px;width:calc(100% - 70px);height:calc(100% - 65px);pointer-events:none}@media(max-width:980px){.production-contribution-panel,.production-annual-sales-panel,.production-annual-invoice-panel{overflow-x:auto}.production-contribution-panel .ant-table-wrapper,.production-combo-chart{min-width:900px}}@media(max-width:720px){.finance-page-title-line{align-items:flex-start;flex-direction:column;gap:2px}.finance-overview-subnav{height:auto;align-items:stretch;flex-direction:column;gap:8px;padding-bottom:8px}.finance-subnav-tabs{min-height:36px}.production-year-filter{justify-content:space-between}.production-year-filter .ant-select{flex:1;width:auto}.production-summary-strip{grid-template-columns:1fr}.production-summary-metric:not(:last-child):after{top:auto;right:24px;bottom:0;left:24px;width:auto;height:1px}.production-section-head{align-items:stretch;flex-direction:column;padding-top:12px;padding-bottom:12px}.production-chart-filter,.production-chart-filter .ant-select{width:100%}}.sample-quotation-editor .ant-modal-body{max-height:68vh;overflow-y:auto;padding-right:8px}.quotation-customer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;margin-top:18px}.quotation-span-two{grid-column:span 2}.quotation-form .ant-form-item{margin-bottom:14px}.quotation-form .ant-form-item-label{padding-bottom:5px}.quotation-form .ant-input-number,.quotation-form .ant-picker{width:100%}.quotation-selection-head,.quotation-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.quotation-selection-head{padding:13px 0;border-top:1px solid #edf0f4}.quotation-product{padding:16px;margin-bottom:14px;border:1px solid #e1e6ed;border-radius:8px;background:#fafbfd}.quotation-product.is-selected{background:#fff;border-color:#9abbe7}.quotation-product-head{padding-bottom:13px;color:#7b8797;font-size:12px}.quotation-product-head strong{color:#164f99;font-size:15px;margin-left:8px;font-variant-numeric:tabular-nums}.quotation-product-grid{display:grid;grid-template-columns:1.4fr .9fr 1.2fr 104px 72px 124px;gap:12px}.quotation-requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quotation-requirements-grid .ant-form-item{margin-bottom:0}.quotation-editor-footer,.quotation-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.quotation-editor-footer{width:100%;justify-content:space-between;text-align:left;padding-top:10px;border-top:1px solid #edf0f4}.quotation-summary{color:#66758a;font-size:13px;gap:14px}.quotation-summary b{color:#25364b;font-weight:500}.quotation-summary strong{color:#1453a0;font-size:22px;font-variant-numeric:tabular-nums;margin-left:4px}.quotation-preview-meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:#7b8797;font-size:12px;padding:4px 0 16px}.quotation-preview-loading{height:160px;display:grid;place-items:center}.quotation-preview-scroll{max-height:69vh;overflow:auto;padding:20px;background:#f0f3f7;border-radius:6px}.quotation-paper{position:relative;background:#fff;margin:0 auto;box-shadow:0 2px 12px #18365c10}.quotation-workbook-table{border-collapse:collapse;table-layout:fixed;font-family:MiSans,PingFang SC,Microsoft YaHei,sans-serif}.quotation-workbook-table td{padding:2px 4px;box-sizing:border-box;line-height:1.35;overflow-wrap:anywhere}@media(max-width:900px){.quotation-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quotation-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quotation-requirements-grid{grid-template-columns:1fr}.detail-products-card:has(.sample-quotation-actions)>.ant-card-head>.ant-card-head-wrapper{flex-wrap:wrap;gap:10px;padding:12px 0}.detail-products-card:has(.sample-quotation-actions) .ant-card-extra{margin-inline-start:0}}@media(max-width:540px){.sample-quotation-editor,.sample-quotation-preview{top:20px}.detail-products-card:has(.sample-quotation-actions)>.ant-card-head .ant-card-head-title{flex:1 1 100%}.detail-products-card:has(.sample-quotation-actions)>.ant-card-head .ant-card-extra{width:100%}.quotation-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quotation-editor-footer{gap:12px}.quotation-editor-footer>.ant-space{margin-left:auto}.quotation-selection-head{align-items:flex-start;flex-direction:column}.sample-quotation-actions .ant-btn{padding-inline:10px;font-size:12px}}.quotation-format{margin-top:20px}.quotation-pdf-pagination{display:flex;justify-content:center;margin-bottom:12px}.quotation-pdf-scroll{position:relative;padding:12px;text-align:center}.quotation-pdf-scroll canvas{display:block;margin:0 auto;max-width:100%;box-shadow:0 2px 12px #18365c10}.quotation-pdf-loading{position:absolute;top:50px;left:0;right:0}