.erp-main{padding:0;min-height:calc(100vh - 115px);background:#f0f2f6}.erp-layout{display:flex;min-height:calc(100vh - 115px)}.module-nav{width:166px;flex-shrink:0;background:white;border-right:1px solid #e3e8ef;padding:18px 0}.module-title{font-size:15px;color:#26344b;padding:4px 20px 20px;font-weight:600}.module-group{margin-bottom:15px}.module-group>small{display:block;color:#9aa3b2;font-size:11px;padding:8px 20px}.module-group button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:0;text-align:left;padding:11px 20px;font-size:12px;color:#4c5a70;background:white}.module-group button.active{color:#3569ed;background:#edf3ff;border-right:3px solid #3569ed}.module-group em{font-size:10px;font-style:normal;color:#98a7bd}.erp-work{flex:1;min-width:0;padding:0 12px 12px}.work-tabbar{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5ee;margin:0 -12px 10px;padding:0 20px;background:white}.work-tabbar span{font-size:12px;color:#3569ed;border-bottom:2px solid #3569ed;height:43px;display:flex;align-items:center}.work-tabbar small{color:#a1adbf;font-size:10px}#erpBody{background:white;border:1px solid #e4e9f0;border-radius:4px;overflow:hidden}.state-tabs{display:flex;gap:22px;padding:0 15px;border-bottom:1px solid #e6eaf1;overflow:auto;white-space:nowrap}.state-tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;padding:13px 1px;font-size:11px;background:white;color:#55637a}.state-tabs button.active{color:#3569ed;border-bottom-color:#3569ed}.state-tabs span{font-size:10px;margin-left:7px;background:#f2f5fa;border-radius:3px;padding:1px 4px;color:#9cacc3}.compact-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 14px;background:white}.compact-filters select{width:105px;padding:7px 8px;border-radius:3px;font-size:11px;color:#7e8aa0}.compact-filters #compactSearch{width:230px;font-size:11px;padding:7px 9px}.compact-filters button{padding:7px 11px;font-size:11px;border-radius:3px}.date-filter{display:flex;align-items:center;gap:6px;border:1px solid #dce3ee;border-radius:3px;padding:0 7px;color:#9aa6b8;font-size:10px;white-space:nowrap}.date-filter input{width:106px;padding:6px 0;border:0;font-size:10px;color:#8c99ad}.erp-toolbar{padding:8px 12px;display:flex;align-items:center;gap:7px;background:#f0f2f6;border-block:1px solid #e4e8f0;flex-wrap:wrap}.erp-toolbar button{font-size:11px;padding:7px 11px;border-radius:3px}.erp-toolbar button.primary{box-shadow:none}.toolbar-hint{font-size:10px;color:#9aa6b8;margin-left:7px}.right-tool{margin-left:auto}.erp-table-wrap{overflow:auto;min-height:520px;max-height:calc(100vh - 310px);background:white}.erp-table{white-space:nowrap;min-width:100%;width:max-content}.erp-table th{position:sticky;top:0;z-index:1;background:#fafbfd;color:#3b4a61;font-size:11px;font-weight:500;padding:12px 15px;border-bottom:1px solid #dfe5ef}.erp-table th:not(:last-child):after{content:'';position:absolute;right:0;top:14px;height:10px;border-right:1px solid #dce3ef}.erp-table td{font-size:11px;padding:12px 15px;max-width:230px;color:#59677d;vertical-align:middle}.erp-table td small{font-size:10px;color:#97a5b9;max-width:210px;overflow:hidden;text-overflow:ellipsis}.erp-table .cell-name{font-weight:500;color:#2b4266;max-width:210px;overflow:hidden;text-overflow:ellipsis}.erp-table .selection-col{width:35px;min-width:35px;padding:10px}.selection-col input{width:13px;height:13px;accent-color:#3569ed;padding:0;cursor:pointer}.erp-table td.sticky-actions{position:sticky;right:0;background:white;box-shadow:-4px 0 7px #23344a05}.erp-table th.sticky-actions{right:0;z-index:2}.erp-table .row-actions{gap:9px;max-width:240px;flex-wrap:wrap}.erp-table .row-actions button{font-size:10px}.erp-table .empty{height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:400}.erp-table .date-text{color:#8a97ab;font-size:10px}.product-thumb,.thumb-placeholder{width:42px;height:42px;border:1px solid #e7ecf4;border-radius:4px;object-fit:cover}.thumb-placeholder{display:grid;place-items:center;background:#f7f9fc;color:#c5d0e2;font-size:22px}.erp-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:10px;color:#94a0b3;border-top:1px solid #edf0f5}.erp-pagination>div{display:flex;align-items:center;gap:10px}.erp-pagination select{width:55px;padding:5px;font-size:10px}.erp-pagination button{padding:4px 9px;border-radius:3px}.erp-footnote{padding:10px 15px;color:#a1adbf;font-size:10px;border-top:1px solid #f1f3f7;background:#fbfcfe}.collector-heading{padding:23px 22px 12px}.collector-heading h1{font-size:23px;font-weight:500}.collector-heading p{font-size:11px;color:#9ba7b7;margin:8px 0}.collector-tabs{display:flex;padding:0 22px 12px;overflow:auto}.collector-tabs button{white-space:nowrap;border-radius:0;border-right:0;font-size:11px;padding:11px 17px}.collector-tabs button:first-child{border-radius:4px 0 0 4px}.collector-tabs button:last-child{border-right:1px solid #dce2ec;border-radius:0 4px 4px 0;margin-left:auto}.collector-tabs button.active{background:#08b5b4;border-color:#08b5b4;color:white}.link-collector{padding:0 22px 30px}.link-collector textarea{height:370px;border-radius:3px;resize:vertical;padding:22px;font-size:12px;line-height:1.9}.link-collector textarea::placeholder{color:#a6afbe}.collect-controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:11px;color:#78869c}.collect-controls label{display:flex;align-items:center;gap:7px}.collect-controls input{width:auto;accent-color:#09b7b6}.collect-controls button{background:#06b5b3;color:white;border-color:#06b5b3}.platform-chips{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #edf0f5;padding-top:22px;margin-top:15px;color:#6b7c94;font-size:11px}.platform-chips b{border:1px solid #e2eaf1;background:#f9fbfd;border-radius:4px;font-size:11px;font-weight:500;padding:8px 13px;color:#6b8c9d}.collect-progress{color:#06a9a5;font-size:11px;min-height:20px}.link-collector>p{font-size:10px;margin-top:18px}.collect-import-card{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px}.collect-import-card .sheet-icon{width:70px;height:70px;display:grid;place-items:center;background:#e9f8f8;border-radius:16px;color:#0aafab;font-size:35px;margin-bottom:25px}.collect-import-card h2{font-size:19px;color:#344962}.collect-import-card p{font-size:12px;color:#96a3b7;line-height:2;margin:17px 0 25px}.collect-import-card button{margin:5px}.wide-modal{width:1000px;max-height:90vh}.wide-modal .fields{display:block}.import-steps{display:flex;align-items:center;gap:25px;padding:14px 18px;background:#f1f5ff;border-radius:5px;font-size:12px;color:#587ac0}.import-steps span{color:#b0beda}.import-upload{border:1px dashed #bfcfe9;border-radius:6px;padding:25px;background:#fafcff;margin:20px 0}.import-upload input{max-width:440px;background:white}.import-upload p{font-size:11px;color:#94a3bc}.import-mode{display:flex!important;gap:15px;align-items:center;margin-bottom:15px}.import-mode select{width:250px}.import-summary{padding:12px 18px;border-radius:4px;margin:20px 0 12px;font-size:12px}.import-summary.passed{background:#eaf8f1;color:#318b6f}.import-summary.failed{background:#fff0f0;color:#be6470}.preview-table{max-height:240px;overflow:auto;border:1px solid #edf0f6;margin-top:15px}.preview-table .table-wrap{min-height:0}.preview-table th,.preview-table td{padding:9px 15px;font-size:11px}.wide-modal details{padding:12px;border:1px solid #e8edf6;color:#6c7d97;font-size:11px}.wide-modal summary{cursor:pointer}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0}.mapping-grid label{font-size:10px!important}.mapping-grid select{margin-top:7px;padding:6px;font-size:11px}.error-text{color:#ce6a77!important;max-width:240px;overflow:hidden;text-overflow:ellipsis;display:block}.erp-main .badge{font-size:10px;padding:3px 6px}@media(min-width:1600px){.erp-main{padding:0}.erp-table-wrap{min-height:600px}}@media(max-width:1050px){.module-nav{width:140px}.module-group button{padding-inline:14px}.erp-work{padding-inline:8px}.date-filter{display:none}.toolbar-hint{display:none}.erp-table-wrap{min-height:450px}}@media(max-width:760px){.erp-layout{flex-direction:column}.module-nav{width:100%;display:flex;overflow:auto;gap:10px;padding:8px;border-bottom:1px solid #e3e8ef}.module-title,.module-group>small{display:none}.module-group{display:flex;margin:0;flex-shrink:0}.module-group button{width:auto;white-space:nowrap;border-radius:4px;padding:8px 10px}.module-group button.active{border:0}.module-group em{display:none}.work-tabbar{display:none}.erp-work{padding:8px}.compact-filters select{width:93px}.compact-filters #compactSearch{width:190px}.erp-table-wrap{max-height:65vh;min-height:350px}.mapping-grid{grid-template-columns:1fr 1fr}.collector-tabs{padding:8px}.collector-heading{padding:16px}.link-collector{padding:0 12px 20px}.collect-controls{gap:10px}.import-steps{gap:10px;font-size:11px}}
