:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.data-table thead th{z-index:10;background:#fafafa;position:sticky;top:0;box-shadow:inset 0 -1px #e8e8e8}.table-container{max-height:65vh;overflow:auto}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px #0003}.login-title{text-align:center;color:#333;margin-bottom:30px;font-size:24px}.login-form{flex-direction:column;gap:20px;display:flex}.login-form .form-group{flex-direction:column;gap:8px;display:flex}.login-form .form-group label{color:#555;font-size:14px;font-weight:500}.login-form .form-group input{border:1px solid #ddd;border-radius:6px;padding:12px;font-size:14px;transition:border-color .3s}.login-form .form-group input:focus{border-color:#667eea;outline:none}.error-message{color:#e74c3c;text-align:left;background:#fee;border-radius:4px;padding:8px;font-size:14px}.success-message{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;margin-bottom:16px;padding:8px 16px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:12px;font-size:16px;transition:transform .2s}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.sidebar{color:#fff;z-index:100;background:#001529;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-logo{color:#fff;font-size:18px;font-weight:600}.sidebar-nav{flex:1;padding:10px 0}.nav-item{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 24px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#1890ff}.nav-icon{text-align:center;width:20px;font-size:16px}.nav-label{font-size:14px}.dashboard-container{background:#f0f2f5;width:100%;min-height:100vh;display:flex}.dashboard-main{flex-direction:column;flex:1;min-width:0;margin-left:220px;display:flex}.dashboard-header{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000014}.dashboard-logo{color:#333;margin:0;font-size:16px}.user-info{align-items:center;gap:15px;display:flex}.username{color:#333;font-size:14px}.logout-button{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:4px;padding:6px 16px;font-size:14px;transition:background .3s}.logout-button:hover{background:#ff7875}.dashboard-content{box-sizing:border-box;flex:1;width:100%;padding:24px}.user-management{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 2px #00000008}.page-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-header h2{color:#333;margin:0;font-size:20px}.page-actions{gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:4px;padding:8px 20px;font-size:14px;transition:background .3s}.btn-primary:hover{background:#40a9ff}.btn-secondary{color:#333;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:8px 20px;font-size:14px;transition:all .3s}.btn-secondary:hover{color:#1890ff;border-color:#1890ff}.table-container{overflow-x:auto}.warehouse-buttons-container{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.warehouse-button{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:4px;min-width:120px;padding:12px 24px;font-size:14px;transition:all .3s}.warehouse-button:hover{background:#40a9ff}.warehouse-button.active{background:#096dd9;box-shadow:0 2px 4px #0000001a}.empty-state{color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state p{margin:0;font-size:16px}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table th,.data-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:10px 8px;overflow:hidden}.data-table th:first-child,.data-table td:first-child{width:2.5%}.data-table th:nth-child(2),.data-table td:nth-child(2){width:5%}.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(4),.data-table td:nth-child(4){width:10%}.data-table th:nth-child(5),.data-table td:nth-child(5){width:5%}.data-table th:nth-child(6),.data-table td:nth-child(6){text-align:center;width:5%}.data-table th:nth-child(7),.data-table td:nth-child(7){width:62.5%}.data-table th{color:#555;background:#fafafa;font-size:14px;font-weight:600}.data-table td{color:#333;font-size:14px}.data-table tbody tr:hover{background:#f5f5f5}.empty-row{text-align:center;color:#999;padding:40px!important}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.status-active{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-disabled{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.loading{text-align:center;color:#666;padding:40px}.material-table th:first-child,.material-table td:first-child{width:5%}.material-table th:nth-child(2),.material-table td:nth-child(2){width:10%}.material-table th:nth-child(3),.material-table td:nth-child(3){width:12%}.material-table th:nth-child(4),.material-table td:nth-child(4){width:10%}.material-table th:nth-child(5),.material-table td:nth-child(5){width:8%}.material-table th:nth-child(6),.material-table td:nth-child(6){text-align:center;width:10%}.material-table th:nth-child(7),.material-table td:nth-child(7){text-align:center;width:8%}.material-table th:nth-child(8),.material-table td:nth-child(8){width:17%}.material-table th:nth-child(9),.material-table td:nth-child(9){width:20%;min-width:160px}.material-table td:nth-child(9){white-space:nowrap;overflow:visible!important}.warehouse-table th:first-child,.warehouse-table td:first-child{width:2.5%}.warehouse-table th:nth-child(2),.warehouse-table td:nth-child(2){width:5%}.warehouse-table th:nth-child(3),.warehouse-table td:nth-child(3){width:6%}.warehouse-table th:nth-child(4),.warehouse-table td:nth-child(4){width:5%}.warehouse-table th:nth-child(5),.warehouse-table td:nth-child(5){width:7.5%}.warehouse-table th:nth-child(6),.warehouse-table td:nth-child(6){width:5%}.warehouse-table th:nth-child(7),.warehouse-table td:nth-child(7){text-align:center;width:4%}.warehouse-table th:nth-child(8),.warehouse-table td:nth-child(8){width:5%}.warehouse-table th:nth-child(9),.warehouse-table td:nth-child(9){width:10%;min-width:140px}.warehouse-table td:nth-child(9){white-space:nowrap;overflow:visible!important}.transaction-table th:first-child,.transaction-table td:first-child{width:1.5%}.transaction-table th:nth-child(2),.transaction-table td:nth-child(2){width:3.5%}.transaction-table th:nth-child(3),.transaction-table td:nth-child(3),.transaction-table th:nth-child(4),.transaction-table td:nth-child(4),.transaction-table th:nth-child(5),.transaction-table td:nth-child(5){width:4%}.transaction-table th:nth-child(6),.transaction-table td:nth-child(6){width:5%}.transaction-table th:nth-child(7),.transaction-table td:nth-child(7){width:3%}.transaction-table th:nth-child(8),.transaction-table td:nth-child(8){width:4%}.transaction-table th:nth-child(9),.transaction-table td:nth-child(9){width:3%}.transaction-table th:nth-child(10),.transaction-table td:nth-child(10){width:4%}.transaction-table th:nth-child(11),.transaction-table td:nth-child(11){width:5%}.transaction-table th:nth-child(12),.transaction-table td:nth-child(12){width:15%;min-width:140px}.transaction-table td:nth-child(12){white-space:nowrap;overflow:visible!important}.inventory-summary-table th:first-child,.inventory-summary-table td:first-child,.inventory-summary-table th:nth-child(2),.inventory-summary-table td:nth-child(2){width:10%}.inventory-summary-table th:nth-child(3),.inventory-summary-table td:nth-child(3){width:80%}.table-header-actions,.table-actions{justify-content:flex-end;margin-bottom:16px;display:flex}.action-buttons{flex-wrap:nowrap;gap:8px;display:flex}.btn-view,.btn-edit,.btn-delete{cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.btn-view{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.btn-view:hover{color:#fff;background:#1890ff}.btn-edit{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591}.btn-edit:hover{color:#fff;background:#fa8c16}.btn-delete{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.btn-delete:hover{color:#fff;background:#ff4d4f}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:500px;max-width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:#333;margin:0;font-size:16px}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;display:flex}.modal-close:hover{color:#333}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:#333;margin-bottom:8px;font-size:14px;display:block}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.modal-body .form-group input.input-error{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}.material-select-wrapper{position:relative}.material-select-wrapper input{width:100%}.material-dropdown{z-index:1000;background:#fff;border:1px solid #d9d9d9;border-radius:4px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #00000026}.material-dropdown-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:8px 12px;display:flex}.material-dropdown-item:hover{background:#f5f5f5}.material-dropdown-item:last-child{border-bottom:none}.material-code{color:#1890ff;min-width:80px;font-weight:600}.material-name{color:#333;flex:1}.material-dropdown-empty{text-align:center;color:#999;padding:12px;font-size:14px}.modal-footer{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#333;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:8px 20px;font-size:14px}.btn-cancel:hover{color:#1890ff;border-color:#1890ff}.user-detail{padding:8px 0}.detail-item{border-bottom:1px solid #f5f5f5;padding:12px 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;flex-shrink:0;width:80px;font-size:14px}.detail-value{color:#333;font-size:14px}.welcome-message{text-align:center;background:#fff;border-radius:8px;padding:40px;box-shadow:0 1px 2px #00000008}.welcome-message h2{color:#333;margin-bottom:10px}.welcome-message p{color:#666}@media (width>=2560px){.dashboard-content{padding:32px}.dashboard-header{height:64px;padding:0 32px}.welcome-message{padding:60px}.welcome-message h2{font-size:32px}.welcome-message p{font-size:18px}}.role-tags{flex-wrap:wrap;gap:4px;display:flex}.role-tag{background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.no-role{color:var(--text);opacity:.6;font-size:12px}.role-assignment{margin-top:8px}.role-assignment .label{color:#333;margin-bottom:8px;font-weight:500;display:block}.current-roles{margin-bottom:12px}.current-roles .role-tags{background:#f5f5f5;border-radius:4px;min-height:32px;margin-top:8px;padding:8px}.role-tag.assigned{padding-right:20px;position:relative}.remove-role-btn{color:#ff4d4f;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:opacity .2s;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.remove-role-btn:hover{opacity:1}.available-roles .role-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.add-role-btn{color:#1890ff;cursor:pointer;background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.add-role-btn:hover{color:#fff;background:#1890ff}.bom-table th:first-child{width:40px}.bom-table th:nth-child(2){width:5%}.bom-table th:nth-child(3){width:12%}.bom-table th:nth-child(4),.bom-table th:nth-child(5){width:15%}.bom-table th:nth-child(6),.bom-table th:nth-child(7){width:8%}.bom-table th:nth-child(8){width:15%}.bom-table th:nth-child(9){width:22%;min-width:160px;overflow:visible}.order-table{table-layout:fixed}.order-table th:first-child{width:3%}.order-table th:nth-child(2){width:4%}.order-table th:nth-child(3){width:8%}.order-table th:nth-child(4){width:10%}.order-table th:nth-child(5),.order-table th:nth-child(6){width:5%}.order-table th:nth-child(7){width:4%}.order-table th:nth-child(8){width:3%}.order-table th:nth-child(9){width:6%}.order-table th:nth-child(10){width:14%}.order-table th:nth-child(11){width:6%}.order-table th:nth-child(12){width:32%}.order-table .nested-table{table-layout:fixed;width:100%}.order-table .nested-table th:first-child{width:5%}.order-table .nested-table th:nth-child(2){width:8%}.order-table .nested-table th:nth-child(3){width:5%}.order-table .nested-table th:nth-child(4){text-align:right;width:5%}.order-table .nested-table th:nth-child(5){width:4%}.order-table .nested-table th:nth-child(6){text-align:right;width:4%}.order-table .nested-table th:nth-child(7){text-align:right;width:5%}.order-table .nested-table th:nth-child(8){text-align:right;width:4%}.order-table .nested-table th:nth-child(9){width:auto}.order-table .nested-table td:nth-child(4),.order-table .nested-table td:nth-child(6),.order-table .nested-table td:nth-child(7),.order-table .nested-table td:nth-child(8){text-align:right}.invoice-table{table-layout:fixed}.invoice-table th:first-child{width:3%}.invoice-table th:nth-child(2){width:4%}.invoice-table th:nth-child(3),.invoice-table th:nth-child(4),.invoice-table th:nth-child(5){width:8%}.invoice-table th:nth-child(6){width:9%}.invoice-table th:nth-child(7),.invoice-table th:nth-child(8){width:5%}.invoice-table th:nth-child(9),.invoice-table th:nth-child(10){width:7%}.invoice-table th:nth-child(11){width:auto}.invoice-table .nested-table{table-layout:fixed;width:100%}.invoice-table .nested-table th:first-child{width:5%}.invoice-table .nested-table th:nth-child(2){width:7%}.invoice-table .nested-table th:nth-child(3){width:12%}.invoice-table .nested-table th:nth-child(4){text-align:right;width:3%}.invoice-table .nested-table th:nth-child(5){width:3%}.invoice-table .nested-table th:nth-child(6),.invoice-table .nested-table th:nth-child(7){text-align:right;width:5%}.invoice-table .nested-table th:nth-child(8){width:auto}.packing-table{table-layout:fixed}.packing-table th:first-child{width:3%}.packing-table th:nth-child(2){width:4%}.packing-table th:nth-child(3),.packing-table th:nth-child(4),.packing-table th:nth-child(5){width:8%}.packing-table th:nth-child(6){width:5%}.packing-table th:nth-child(7),.packing-table th:nth-child(8),.packing-table th:nth-child(9),.packing-table th:nth-child(10),.packing-table th:nth-child(11){width:3%}.packing-table th:nth-child(12){width:7%}.packing-table th:nth-child(13){width:auto}.packing-table .nested-table{table-layout:fixed;width:100%}.packing-table .nested-table th:first-child{width:3%}.packing-table .nested-table th:nth-child(2){text-align:right;width:3%}.packing-table .nested-table th:nth-child(3){width:5%}.packing-table .nested-table th:nth-child(4){width:10%}.packing-table .nested-table th:nth-child(5),.packing-table .nested-table th:nth-child(6),.packing-table .nested-table th:nth-child(7){text-align:right;width:3%}.packing-table .nested-table th:nth-child(8){width:3%}.packing-table .nested-table th:nth-child(9){width:6%}.packing-table .nested-table th:nth-child(10){text-align:right;width:3%}.packing-table .nested-table th:nth-child(11){width:15%}.packing-table .nested-table th:nth-child(12){width:auto}th.resizable-th{-webkit-user-select:none;user-select:none;padding-right:10px;position:relative}th.resizable-th:after{content:"";cursor:col-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0;right:-3px}th.resizable-th:hover:after,th.resizable-th.dragging:after{background:#3b82f666}.expand-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:4px 8px;font-size:12px;transition:color .2s}.expand-btn:hover{color:#1890ff}.bom-row.expanded{background:#e6f7ff}.expand-row{background:#fafafa}.expand-row .nested-table tbody tr:nth-child(odd){background:#f5f5f5}.expand-row .nested-table tbody tr:nth-child(2n){background:#fff}.expand-row .nested-table tbody tr:hover{background:#e8e8e8}.editable-cell{cursor:pointer;border-bottom:1px dashed #0000;transition:all .15s}.editable-cell:hover{border-bottom:1px dashed #1890ff;background:#e6f7ff!important}.tab-container{flex-direction:column;justify-content:flex-start;gap:0;margin-bottom:20px;display:flex}.tab-header{border-bottom:2px solid #f0f0f0;justify-content:flex-start;gap:0;margin-bottom:20px;display:flex}.tab-button{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:14px;transition:all .2s}.tab-button:hover{color:#1890ff}.tab-button.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:500}.tab-content{width:100%}.crm-management{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 2px #00000008}.crm-management .empty-placeholder{background:#fafafa;border:1px dashed #d9d9d9;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;margin-top:16px;padding:80px 20px;display:flex}.crm-management .empty-placeholder-title{color:#333;margin-bottom:8px;font-size:18px;font-weight:500}.crm-management .empty-placeholder-sub{color:#999;font-size:13px}.expand-content{padding:16px 20px}.loading-text,.empty-text{text-align:center;color:#999;padding:20px 0;font-size:13px}.bom-items-section{border-top:1px solid #e8e8e8;margin-top:20px;padding-top:20px}.bom-items-section h4{color:#333;margin:0 0 12px;font-size:14px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bom-items-table{margin-top:12px}.nested-table{table-layout:fixed;width:100%;margin:0;font-size:13px}.nested-table th{background:#f9f9f9;padding:8px;font-size:12px}.priority-badge{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.priority-high{color:#ff4d4f;background:#fff1f0;border:1px solid #ffa39e}.priority-medium{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591}.priority-low{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-pending{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591}.status-in-progress{color:#1890ff;background:#e6f7ff;border:1px solid #91d5ff}.status-completed{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.status-cancelled{color:#999;background:#f5f5f5;border:1px solid #d9d9d9}.empty-state{text-align:center;color:#999;padding:60px 0;font-size:14px}.nested-table th:first-child,.nested-table th:nth-child(2){width:20%}.nested-table th:nth-child(3),.nested-table th:nth-child(4){width:10%}.nested-table th:nth-child(5){width:5%}.nested-table th:nth-child(6){width:35%;min-width:120px;overflow:visible}.nested-table td{padding:8px}.nested-table td:nth-child(6){white-space:nowrap;overflow:visible!important}.nested-table .action-buttons{flex-wrap:nowrap;gap:8px;display:flex}.btn-small{padding:2px 8px;font-size:12px}.loading-small,.empty-message{text-align:center;color:#999;padding:20px;font-size:13px}.transaction-in{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.transaction-out{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.smart-select-input{box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .3s,box-shadow .3s}.smart-select-input:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.smart-select-dropdown{z-index:1000;background:#fff;border:1px solid #d9d9d9;border-radius:4px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #00000026}.smart-select-option{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:10px 12px;transition:background .2s;display:flex}.smart-select-option:hover{background:#f5f5f5}.smart-select-option:last-child{border-bottom:none}.smart-select-code{color:#1890ff;flex-shrink:0;min-width:100px;font-weight:600}.smart-select-name{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.smart-select-material{color:#666;flex-shrink:0;font-size:14px}.smart-select-empty{text-align:center;color:#999;padding:12px;font-size:14px}.btn-pick{color:#fa8c16!important}.btn-pick:hover{color:#faad14!important}.btn-report{color:#1890ff!important}.btn-report:hover{color:#40a9ff!important}.btn-link{cursor:pointer;background:0 0;border:none;border-radius:3px;margin:0 2px;padding:2px 6px;font-size:13px;transition:background .2s}.btn-link:hover{background:#f0f0f0}.btn-confirm{color:#1890ff!important}.btn-confirm:hover{color:#40a9ff!important}.btn-invoice{color:#52c41a!important}.btn-invoice:hover{color:#73d13d!important}.btn-cancel{color:#ff4d4f!important}.btn-cancel:hover{color:#ff7875!important}.production-table{border-collapse:collapse;table-layout:auto;width:100%}.production-table th,.production-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:10px 8px;overflow:hidden}.production-table th:first-child,.production-table td:first-child,.production-table th:nth-child(2),.production-table td:nth-child(2),.production-table th:nth-child(3),.production-table td:nth-child(3){width:8%}.production-table th:nth-child(4),.production-table td:nth-child(4),.production-table th:nth-child(5),.production-table td:nth-child(5),.production-table th:nth-child(6),.production-table td:nth-child(6){width:7%}.production-table th:nth-child(7),.production-table td:nth-child(7),.production-table th:nth-child(8),.production-table td:nth-child(8),.production-table th:nth-child(9),.production-table td:nth-child(9){width:8%}.production-table th:nth-child(10),.production-table td:nth-child(10){width:6%}.production-table th:nth-child(11),.production-table td:nth-child(11){width:5%}.production-table th:nth-child(12),.production-table td:nth-child(12),.production-table th:nth-child(13),.production-table td:nth-child(13){width:10%}.production-table th{color:#555;background:#fafafa;font-size:14px;font-weight:600}.production-table td{color:#333;font-size:14px}.production-table tbody tr:hover{background:#f5f5f5}.action-buttons-view,.action-buttons-production{align-items:center;gap:8px;display:flex}.picked-text{color:#52c41a;cursor:default;padding:0 8px;font-size:12px}.btn-complete{color:#722ed1!important}.btn-complete:hover{color:#9254de!important}.radio-group{gap:24px;margin-top:8px;display:flex}.radio-item{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.radio-item input[type=radio]{cursor:pointer}.radio-hint{color:#999;margin-top:12px;font-size:12px;line-height:1.6}.status-pending-pick{color:#fa8c16;background:#fff7e6;border:1px solid #ffd591}.pick-plan-info{background:#f5f5f5;border-radius:4px;margin-bottom:16px;padding:12px}.pick-plan-info .info-row{margin-bottom:8px;display:flex}.pick-plan-info .info-row:last-child{margin-bottom:0}.pick-plan-info .info-label{color:#666;min-width:80px;font-size:14px}.pick-plan-info .info-value{color:#333;font-size:14px;font-weight:500}.pick-requirements-section{margin-top:16px}.pick-requirements-section h4{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.pick-requirements-table{border-collapse:collapse;width:100%;font-size:13px}.pick-requirements-table th,.pick-requirements-table td{text-align:left;border:1px solid #e8e8e8;padding:8px 12px}.pick-requirements-table th{color:#666;background:#fafafa;font-weight:500}.pick-requirements-table td{color:#333}.pick-requirements-table .total-quantity{color:#fa8c16;font-weight:600}.pick-quantity-input{color:#333;text-align:center;box-sizing:border-box;border:1px solid #d9d9d9;border-radius:4px;width:100%;padding:6px 10px;font-size:14px;transition:border-color .3s}.pick-quantity-input:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.pick-quantity-input::-webkit-inner-spin-button{opacity:1}.pick-quantity-input::-webkit-outer-spin-button{opacity:1}.loading-text,.empty-text{text-align:center;color:#999;padding:20px;font-size:14px}.transaction-type-badge{border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.transaction-type-badge.consume{color:#ff4d4f;background-color:#fff1f0;border:1px solid #ffa39e}.transaction-type-badge.produce{color:#52c41a;background-color:#f6ffed;border:1px solid #b7eb8f}.quantity-positive{color:#52c41a;font-weight:600}.quantity-negative{color:#ff4d4f;font-weight:600}