:root{--color-dark:#343d46;--color-steel:#8aabca;--color-mist:#f0f1f0;--color-action:#e68a5c;--color-white:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-text:#1e293b;--color-text-light:#64748b;--color-border:#e2e8f0;--shadow-sm:0 1px 3px #343d4614;--shadow-md:0 4px 12px #343d461f;--shadow-lg:0 10px 30px #343d4629;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-base:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-mist);font-family:var(--font-base);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c4c9d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8aabca}.erp-table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#fff;font-size:13px;overflow:hidden}.erp-table thead tr{background-color:var(--color-dark)}.erp-table th{color:#ffffffe6;text-transform:uppercase;letter-spacing:.7px;text-align:left;white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:700}.erp-table td{color:var(--color-text);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}.erp-table tbody tr:nth-child(2n){background-color:#fafbfc}.erp-table tbody tr:hover{background-color:#f0f7ff;transition:background .12s}.erp-table tbody tr:last-child td{border-bottom:none}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;letter-spacing:.2px;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-action);color:#fff}.btn-dark{background:var(--color-dark);color:#fff}.btn-success{background:var(--color-success);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-warning{background:var(--color-warning);color:#fff}.btn-info{background:var(--color-info);color:#fff}.btn-outline{color:var(--color-dark);border:1px solid var(--color-border);background:#fff}.btn-ghost{color:var(--color-text-light);background:0 0;border:none}.btn-sm{padding:4px 10px;font-size:11px}.btn-lg{padding:10px 22px;font-size:14px}.badge{letter-spacing:.3px;white-space:nowrap;border-radius:12px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#dc2626;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-neutral{color:#475569;background:#f1f5f9}.badge-action{color:#c2410c;background:#fff3e8}.badge-dark{background:var(--color-dark);color:#fff}.erp-input,.erp-select,.erp-textarea{border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-size:13px;font-family:var(--font-base);background:#fff;border:1px solid #d1d5db;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.erp-input:focus,.erp-select:focus,.erp-textarea:focus{border-color:var(--color-steel);outline:none;box-shadow:0 0 0 3px #8aabca2e}.erp-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.erp-card{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.erp-card-header{border-bottom:1px solid var(--color-border);color:var(--color-dark);align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.erp-card-body{padding:18px}.kpi-card{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.kpi-card .kpi-value{color:var(--color-dark);font-size:28px;font-weight:800;line-height:1}.kpi-card .kpi-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.kpi-card .kpi-icon{align-self:flex-end;font-size:28px}.erp-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000007a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.erp-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;max-height:92vh;overflow:hidden auto}.erp-modal-header{background:var(--color-dark);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.erp-modal-header h3{margin:0;font-size:15px}.erp-modal-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.erp-modal-close:hover{opacity:1}.erp-modal-body{padding:20px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-title{color:var(--color-dark);margin:0;font-size:20px;font-weight:800}.page-subtitle{color:var(--color-text-light);margin:3px 0 0;font-size:12px}.tab-bar{border-bottom:2px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#fff;flex-wrap:wrap;gap:0;margin-bottom:20px;padding:0 4px;display:flex}.tab-btn{cursor:pointer;color:var(--color-text-light);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:11px 18px;font-size:13px;font-weight:600;transition:all .15s}.tab-btn:hover{color:var(--color-dark)}.tab-btn.active{color:var(--color-action);border-bottom-color:var(--color-action)}@media print{.no-print{display:none!important}body{background:#fff!important}}.text-muted{color:var(--color-text-light)}.text-dark{color:var(--color-dark)}.text-action{color:var(--color-action)}.text-steel{color:var(--color-steel)}.fw-bold{font-weight:700}.fw-800{font-weight:800}.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-8{gap:8px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@media (width<=767px){.mct thead{display:none}.mct,.mct tbody,.mct tr{display:block}.mct tr{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;padding:12px 14px;box-shadow:0 1px 4px #343d4612}.mct td{justify-content:space-between;align-items:flex-start;gap:8px;padding:5px 0;font-size:13px;display:flex;border:none!important}.mct td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:90px;padding-top:2px;font-size:10px;font-weight:700}.mct td.mct-primary{color:#0369a1;margin-bottom:4px;padding-bottom:8px;font-size:15px;font-weight:800;border-bottom:1px solid #f1f5f9!important}.mct td.mct-primary:before{display:none}.mct td.mct-actions{flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid #f1f5f9!important}.mct td.mct-actions:before{display:none}}.mcard{background:#fff;border:1px solid #cbd5e1;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000000f}.mcard-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.mcard-title{color:#0369a1;margin-bottom:2px;font-size:15px;display:block}.mcard-body{padding:4px 16px}.mcard-line{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:10px;padding:9px 0;display:flex}.mcard-line:last-child{border-bottom:none}.mcard-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.mcard-actions button{flex:1;min-width:90px;padding:9px 0!important}@media (width<=767px){.modal-inner{border-radius:0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;overflow-y:auto!important}.modal-inner .form-grid-2,.modal-inner .form-grid-3,.modal-inner [style*=grid-template-columns]{grid-template-columns:1fr!important}}.sidebar-backdrop{z-index:9;background:#0000008c;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}@media (width<=767px){html,body{max-width:100vw;overflow-x:hidden}.app-sidebar{top:0;bottom:0;left:0;z-index:10!important;transition:width .28s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;box-shadow:4px 0 24px #00000059!important}.login-brand-panel{display:none!important}.login-form-panel{width:100%!important;padding:32px 24px!important}.header-brand-name{max-width:100px!important;font-size:11px!important}.header-brand-sub{display:none!important}.header-btn-label{display:none}.module-content{padding:12px!important;overflow-x:hidden!important}.tbl-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.grid-responsive{grid-template-columns:1fr!important}.grid-responsive-2{grid-template-columns:repeat(2,1fr)!important}.stack-mobile{flex-direction:column!important}.stack-mobile>*{width:100%!important;min-width:0!important}.card-row{flex-direction:column!important}.modal-box{border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0!important}button,.nav-item{min-height:40px}body{font-size:15px}input,select,textarea{font-size:16px!important}.page-header{margin-bottom:12px}.page-title{font-size:16px}.kpi-card{padding:12px 14px}.kpi-card .kpi-value{font-size:22px}.btn{padding:9px 14px}.btn-sm{padding:7px 11px;font-size:11px}.btn-row{flex-wrap:wrap;gap:8px}.hide-mobile{display:none!important}}@media (width<=480px){.hide-xs{display:none!important}.header-module-name{font-size:14px!important}}@media (width<=767px){.quote-grid{grid-template-columns:1fr!important}}@media (width>=768px){.show-mobile-only{display:none!important}}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}