@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.sidebar{box-sizing:border-box;border-right:1px solid #e5e7eb;border-right:1px solid var(--sb-border);background:#fff;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:18px 12px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--sb-border);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:#b8bfc9}.sidebar{scrollbar-width:thin;scrollbar-color:var(--sb-border) transparent}.sidebar-top-link{color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.sidebar-top-link:before{content:none!important;display:none!important}.sidebar-top-link::marker{content:none!important;display:none!important}.sidebar-top-link.active{background:#ffffff1f;border-radius:8px}.sidebar-top-link.locked{opacity:.5;cursor:not-allowed}.logo{letter-spacing:-.01em;color:var(--sb-text-strong);white-space:nowrap;border-bottom:1px solid #f0f0f0;margin-bottom:14px;padding:6px 10px 20px;font-size:16px;font-weight:700;line-height:1.3}.sidebar-section{width:100%;margin-bottom:2px}.sidebar-section+.sidebar-section{margin-top:2px}.sidebar-link{box-sizing:border-box;width:100%;min-height:40px;color:var(--sb-text);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin:2px 0;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.sidebar-link:not(.locked) span:first-child:before{content:"";vertical-align:middle;background:#d1d5db;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-right:9px;transition:background .15s;display:inline-block}.sidebar-link:not(.locked) span:first-child{align-items:center;display:inline-flex}.sidebar-link:hover{background:var(--sb-hover-bg);color:var(--sb-text-strong)}.sidebar-link.active{background:var(--sb-accent-tint);color:var(--sb-accent-text);font-weight:700}.sidebar-link.active span:first-child:before{background:var(--sb-accent)}.sidebar-link.active:hover{background:var(--sb-accent-tint);color:var(--sb-accent-text)}.sidebar-parent{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:40px;margin:6px 0 1px;padding:9px 12px;font-size:11.5px;font-weight:700;transition:color .15s;display:flex}.sidebar-parent:hover,.sidebar-parent.open{color:var(--sb-text-strong)}.sidebar-parent>span:last-child{color:#cbd5e1;font-size:11px;transition:color .15s}.sidebar-parent.open>span:last-child{color:var(--sb-accent)}.sidebar-submenu{border-left:1px solid var(--sb-guide);box-sizing:border-box;width:100%;margin-left:10px;padding-left:14px;padding-right:2px}.sidebar-submenu .sidebar-link{min-height:34px;padding:6px 12px;font-size:13px}.sidebar-link.locked{color:#c2c5cc;background:var(--sb-locked-bg);border:1px dashed var(--sb-locked-border);cursor:not-allowed}.sidebar-link.locked:hover{background:var(--sb-locked-tint);border-color:var(--sb-locked-hover-border);color:var(--sb-locked-text)}.sidebar-link.locked:hover .lock-icon{opacity:1}.lock-icon{opacity:.6;justify-content:center;align-items:center;margin-left:auto;font-size:11px;transition:opacity .15s;display:inline-flex}.sidebar-link span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar button{font-family:inherit}.sidebar-link:focus-visible,.sidebar-parent:focus-visible{outline:2px solid var(--sb-accent);outline-offset:2px}@media (width<=900px){.sidebar{width:220px}.logo{font-size:15px}.sidebar-link{font-size:13px}.sidebar-parent{font-size:11px}.sidebar-submenu .sidebar-link{font-size:12.5px}}@media (width<=600px){.sidebar{width:210px;padding:14px 8px 20px}.logo,.sidebar-link,.sidebar-parent{padding-left:10px;padding-right:10px}.sidebar-submenu{margin-left:6px;padding-left:8px}}.incoming-page{background:#f5f7fb;min-height:100vh;padding:32px}.incoming-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.incoming-header h1{color:#172554;margin:0;font-size:30px}.incoming-header p{color:#64748b;margin-top:5px;font-size:15px}.add-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:700}.add-button:hover{background:#1d4ed8}.success-message{color:#047857;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;margin-bottom:15px;padding:12px 16px;font-size:14px}.error-message{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:15px;padding:12px 16px;font-size:14px}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.form-title{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.form-title h2{color:#1e293b;margin:0;font-size:20px}.close-button{cursor:pointer;color:#334155;background:#f1f5f9;border:none;border-radius:8px;width:36px;height:36px;font-size:20px}.close-button:hover{background:#e2e8f0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:25px;display:grid}.form-group.full-width{grid-column:span 2}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 25px;display:flex}.cancel-button{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:11px 20px;font-size:14px}.cancel-button:hover{background:#f8fafc}.save-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:700}.save-button:hover{background:#1d4ed8}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.search-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:18px 20px}.search-box{align-items:center;display:flex;position:relative}.search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:420px;max-width:100%;padding:12px 40px 12px 14px;font-size:15px}.search-box input:focus{border-color:#2563eb}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute;right:10px}.clear-search:hover{color:#475569}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.incoming-page table{border-collapse:collapse;width:100%;min-width:1200px}.incoming-page th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;padding:14px 18px;font-size:13px;font-weight:700}.incoming-page td{color:#1e293b;vertical-align:middle;border-top:1px solid #eef0f3;padding:16px 18px;font-size:14px}.accepted-quantity{color:#047857;font-weight:600}.rejected-quantity{color:#dc2626;font-weight:600}.destination-badge{border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.destination-badge.smd{color:#2563eb;background:#eff6ff}.destination-badge.warehouse{color:#7c3aed;background:#f0e8ff}.status-badge{border-radius:6px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.status-badge.pending{color:#9a3412;background:#fff7ed}.status-badge.pushed{color:#1d4ed8;background:#dbeafe}.status-badge.acknowledged{color:#166534;background:#dcfce7}.action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.edit-button,.delete-button,.push-button{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.edit-button{color:#d97706;background:#fff7ed;border:1px solid #fed7aa}.delete-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.push-button{color:#fff;background:#2563eb}.push-button:hover{background:#1d4ed8}.pushed-text{color:#64748b;font-size:13px;font-weight:600}@media (width<=900px){.incoming-header{flex-direction:column;align-items:flex-start;gap:14px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.search-box input{width:100%}}.pending-acknowledgement{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;margin-bottom:20px;padding:20px 22px}.pending-acknowledgement h3{color:#9a3412;margin:0 0 14px;font-size:16px}.pending-item{border-bottom:1px solid #fed7aa;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.pending-item:last-child{border-bottom:none}.pending-details{color:#7c2d12;align-items:center;gap:6px;font-size:14px;display:flex}.pending-details strong{color:#7c2d12}.acknowledge-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:700}.acknowledge-btn:hover{background:#15803d}.ack-modal-overlay{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ack-modal{background:#fff;border-radius:14px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 20px 50px #00000040}.ack-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.ack-modal-header h3{color:#1e293b;margin:0;font-size:18px}.ack-modal-body{padding:20px 22px}.ack-modal-body p{color:#334155;margin:0 0 16px;font-size:14px}.ack-modal-details{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex}.ack-modal-details div{color:#475569;justify-content:space-between;font-size:13px;display:flex}.ack-modal-details strong{color:#111827}.ack-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.quality-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100%;padding:48px 64px}.quality-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.quality-page-header h1{color:#111827;margin:0 0 6px;font-size:30px;font-weight:700;line-height:1.2}.quality-page-header p{color:#64748b;margin:0;font-size:14px}.quality-refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.quality-refresh-button:hover{background:#1d4ed8}.quality-refresh-button:disabled{opacity:.7;cursor:not-allowed}.quality-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:500}.quality-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:500}.quality-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.quality-table-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.quality-table-toolbar h2{color:#111827;margin:0;font-size:16px;font-weight:700}.quality-total-orders{color:#64748b;font-size:13px}.quality-total-orders strong{color:#1d4ed8}.quality-table-wrapper{width:100%;overflow-x:auto}.quality-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1250px}.quality-table thead th{color:#1e3a5f;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:12px;font-weight:700}.quality-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:14px;font-size:13px}.quality-table tbody tr:last-child td{border-bottom:none}.quality-table tbody tr:hover{background:#fafcff}.quality-table td strong{color:#0f172a;font-weight:700}.quality-empty{height:100px;text-align:center!important;color:#64748b!important;font-size:14px!important}.quality-actions{align-items:center;gap:7px;display:flex}.quality-view-button{color:#1e3a5f;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:58px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .2s}.quality-view-button:hover{background:#f1f5f9;border-color:#94a3b8}.quality-acknowledge-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;min-width:100px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s}.quality-acknowledge-button:hover{background:#6d28d9}.quality-acknowledge-button:active{transform:translateY(1px)}.quality-acknowledge-button:disabled{opacity:.65;cursor:not-allowed}.quality-acknowledged-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quality-acknowledged-label{color:#15803d;letter-spacing:.2px;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;min-width:105px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.quality-acknowledged-date{color:#15803d;white-space:nowrap;font-size:11px;font-weight:700}.quality-push-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;min-width:58px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .2s}.quality-push-button:hover{background:#1d4ed8}.quality-push-button:active{transform:translateY(1px)}.quality-push-button:disabled{opacity:.65;cursor:not-allowed}.quality-pushed-label{color:#1d4ed8;letter-spacing:.2px;background:#dbeafe;border-radius:6px;justify-content:center;align-items:center;min-width:65px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.quality-kit-serials{flex-wrap:wrap;align-items:center;gap:5px;max-width:220px;display:flex}.quality-kit-serial-badge{color:#6d28d9;white-space:nowrap;background:#ede9fe;border-radius:5px;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=1200px){.quality-page{padding:35px 30px}.quality-table{min-width:1200px}}@media (width<=768px){.quality-page{padding:25px 18px}.quality-page-header{flex-direction:column;align-items:stretch}.quality-refresh-button{align-self:flex-start}.quality-table-toolbar,.quality-acknowledged-wrapper{flex-direction:column;align-items:flex-start}}.production-details-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:32px 44px}.production-details-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.production-details-breadcrumb{color:#64748b;margin-bottom:5px;font-size:14px}.production-details-header h1{color:#172033;margin:0;font-size:30px;font-weight:700;line-height:1.2}.production-details-header p{color:#64748b;margin:7px 0 0;font-size:14px}.production-back-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.production-back-button:hover{background:#1d4ed8}.production-details-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.production-details-title{box-sizing:border-box;border-bottom:1px solid #e2e8f0;align-items:center;min-height:68px;padding:0 22px;display:flex}.production-details-title h2{color:#172033;margin:0;font-size:20px;font-weight:700}.production-create-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.production-create-button:hover{background:#1d4ed8}.production-create-button:active{transform:translateY(1px)}.production-kit-table-wrapper{width:100%;overflow-x:auto}.production-kit-table{border-collapse:collapse;width:100%;min-width:650px}.production-kit-table thead{background:#f8fafc}.production-kit-table th{text-align:left;color:#334155;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:13px;font-weight:700}.production-kit-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:15px 18px;font-size:14px}.production-kit-table tbody tr:last-child td{border-bottom:none}.production-kit-table tbody tr:hover{background:#f8fafc}.kit-serial-badge{box-sizing:border-box;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:30px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.production-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.production-detail-item{box-sizing:border-box;border-bottom:1px solid #edf1f5;flex-direction:column;justify-content:center;gap:6px;min-height:78px;padding:18px 22px;display:flex}.production-detail-item:nth-child(odd){border-right:1px solid #edf1f5}.production-detail-item label{color:#64748b;font-size:12px;font-weight:600}.production-detail-item span{color:#172033;word-break:break-word;font-size:14px;font-weight:500}.production-detail-full{grid-column:1/-1;border-right:none!important}.product-id-badge{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;justify-content:center;align-items:center;width:fit-content;padding:5px 10px;display:inline-flex;color:#2563eb!important;font-weight:600!important}.production-details-empty{color:#64748b;justify-content:center;align-items:center;min-height:300px;font-size:15px;display:flex}.production-details-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:16px 18px;font-size:14px;font-weight:600}.production-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;animation:.18s ease-out productionModalOpen;overflow:hidden;box-shadow:0 20px 50px #0f172a40,0 4px 12px #0f172a1f}@keyframes productionModalOpen{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.production-modal-header{box-sizing:border-box;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:66px;padding:0 20px;display:flex}.production-modal-header h2{color:#172033;margin:0;font-size:21px;font-weight:700}.production-modal-close{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;transition:all .2s;display:flex}.production-modal-close:hover{color:#0f172a;background:#e2e8f0}.production-modal-body{box-sizing:border-box;padding:22px 20px 24px}.production-form-group{margin-bottom:19px}.production-form-group:last-child{margin-bottom:0}.production-form-group label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.production-form-group input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.production-form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.production-form-group input:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.production-form-group input::placeholder{color:#94a3b8}.production-kit-status{margin-top:8px;font-size:13px;font-weight:700}.production-kit-status.present{color:#16a34a}.production-kit-status.absent{color:#dc2626}.production-modal-footer{box-sizing:border-box;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;min-height:72px;padding:0 20px;display:flex}.production-save-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:7px;min-width:72px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.production-save-button:active{transform:translateY(1px)}.production-save-button:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.production-close-button{color:#334155;cursor:pointer;background:#f1f5f9;border:none;border-radius:7px;min-width:72px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}@media (width<=768px){.production-details-page{padding:22px 16px}.production-details-header{flex-direction:column;gap:18px}.production-details-header h1{font-size:26px}.production-back-button{align-self:flex-start}.production-details-grid{grid-template-columns:1fr}.production-detail-item:nth-child(odd){border-right:none}.production-detail-full{grid-column:auto}.production-details-title{gap:12px;min-height:auto;padding:14px 16px}.production-details-title h2{font-size:18px}.production-modal{max-width:100%}}@media (width<=480px){.production-details-page{padding:16px 10px}.production-details-header h1{font-size:23px}.production-details-title{flex-direction:column;align-items:flex-start!important}.production-modal-overlay{padding:10px}.production-modal-header{padding:0 15px}.production-modal-body{padding:18px 15px}.production-modal-footer{padding:0 15px}.production-kit-table th,.production-kit-table td{padding:12px}}.purchase-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:28px 32px}.purchase-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.purchase-breadcrumb{color:#4f78b8;margin-bottom:4px;font-size:16px}.purchase-header h1{color:#114680;letter-spacing:-1px;margin:0;font-size:46px;font-weight:700;line-height:1.1}.purchase-header p{color:#4d72a8;margin:8px 0 0;font-size:18px}.purchase-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2f66e5;border:none;border-radius:12px;padding:15px 26px;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2f66e52e}.purchase-add-btn:hover{background:#2457ce;transform:translateY(-1px)}.purchase-card{background:#fff;border:1px solid #d9e1ee;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.purchase-search-wrapper{padding:30px 30px 18px}.purchase-search{color:#1f2937;box-sizing:border-box;background:#fff;border:1px solid #b9c9de;border-radius:10px;outline:none;width:500px;max-width:100%;height:56px;padding:0 17px;font-size:16px;transition:all .2s}.purchase-search::placeholder{color:#7b8798}.purchase-search:focus{border-color:#4d7bd8;box-shadow:0 0 0 3px #4d7bd81a}.purchase-alert{border-radius:10px;margin:0 30px 18px;padding:14px 16px;font-size:15px;font-weight:500}.purchase-alert-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.purchase-alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.purchase-table-wrapper{border-top:1px solid #e1e7f0;width:100%;overflow-x:auto}.purchase-table{border-collapse:collapse;background:#fff;width:max-content;min-width:100%}.purchase-table thead th{text-align:left;white-space:nowrap;color:#365f93;background:#f8fafc;border-bottom:1px solid #dfe6ef;padding:14px 13px;font-size:13px;font-weight:700}.purchase-table tbody td{white-space:nowrap;color:#173f70;vertical-align:middle;border-bottom:1px solid #e7ebf1;padding:18px 13px;font-size:14px}.purchase-table tbody tr:hover{background:#f9fbff}.purchase-table tbody tr:last-child td{border-bottom:none}.purchase-empty{text-align:center!important;color:#64748b!important;padding:40px!important;font-size:15px!important}.purchase-status{letter-spacing:.2px;border-radius:20px;justify-content:center;align-items:center;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.purchase-status.pending{color:#b77900;background:#fff0bf}.purchase-status.success{color:#16803c;background:#d9f7df}.purchase-handover-info{flex-direction:column;gap:4px;display:flex}.purchase-handover-info small{color:#64748b;font-size:11px}.purchase-actions{align-items:center;gap:7px;display:flex}.purchase-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;min-width:74px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.purchase-btn:hover{transform:translateY(-1px)}.purchase-btn.push{color:#fff;background:#2563eb}.purchase-btn.push:hover{background:#1d4ed8}.purchase-btn.edit{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.purchase-btn.edit:hover{background:#e5e7eb}.purchase-btn.delete{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.purchase-btn.delete:hover{background:#fecaca}.purchase-btn.handover{color:#fff;background:#15803d}.purchase-btn.handover:hover{background:#166534}.purchase-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.purchase-modal{background:#fff;border-radius:16px;flex-direction:column;width:720px;max-width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a38}.purchase-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.purchase-modal-header h2{color:#173f70;margin:0;font-size:23px;font-weight:700}.purchase-modal-close{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px;font-size:25px;line-height:1}.purchase-modal-close:hover{background:#e5e7eb}.purchase-form{flex:1;grid-template-columns:1fr 1fr;gap:18px;min-height:0;padding:24px;display:grid;overflow-y:auto}.purchase-form-group{flex-direction:column;gap:7px;display:flex}.purchase-form-group:nth-child(4){grid-column:1/-1}.purchase-form-group label{color:#334155;font-size:14px;font-weight:600}.purchase-form-group input,.purchase-form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:all .2s}.purchase-form-group input{height:44px}.purchase-form-group textarea{resize:vertical;min-height:90px}.purchase-form-group input:focus,.purchase-form-group textarea:focus{border-color:#3569d4;box-shadow:0 0 0 3px #3569d41a}.purchase-modal-footer{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.purchase-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:100px;height:44px;font-size:14px;font-weight:600}.purchase-cancel-btn:hover{background:#f8fafc}.purchase-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.purchase-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;min-width:140px;height:44px;font-size:14px;font-weight:700}.purchase-save-btn:hover{background:#1d4ed8}.purchase-save-btn:disabled{opacity:.7;cursor:not-allowed}.purchase-table-wrapper::-webkit-scrollbar{height:9px}.purchase-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.purchase-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.purchase-table-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.purchase-form::-webkit-scrollbar{width:8px}.purchase-form::-webkit-scrollbar-track{background:#f8fafc}.purchase-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=900px){.purchase-page{padding:22px 18px}.purchase-header{flex-direction:column}.purchase-add-btn{width:100%}.purchase-header h1{font-size:38px}.purchase-form{grid-template-columns:1fr}.purchase-form-group:nth-child(4),.purchase-modal-footer{grid-column:auto}}@media (width<=600px){.purchase-page{padding:18px 12px}.purchase-search-wrapper{padding:20px 16px 15px}.purchase-alert{margin-left:16px;margin-right:16px}.purchase-header h1{font-size:32px}.purchase-header p{font-size:16px}.purchase-modal-overlay{padding:12px}.purchase-modal-header,.purchase-form{padding:17px}}.sales-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:32px}.sales-header{margin-bottom:25px}.sales-header h1{color:#123f78;margin:0;font-size:36px}.sales-header p{color:#55729b;margin-top:8px}.sales-message{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:9px;margin-bottom:20px;padding:14px 18px}.verification-card{background:#fff;border:1px solid #dce4ef;border-radius:14px;margin-bottom:25px;padding:25px}.verification-card h2{color:#123f78;margin-top:0}.verification-form{grid-template-columns:1fr 1fr 220px auto;align-items:end;gap:18px;display:grid}.form-group label{color:#173c6d;margin-bottom:7px;font-weight:600}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #cbd7e7;border-radius:8px;outline:none;padding:12px;font-size:14px}.form-group textarea{resize:vertical;min-height:44px}.check-button{color:#fff;cursor:pointer;background:#2864df;border:none;border-radius:8px;height:44px;padding:0 20px;font-weight:600}.check-button:disabled{opacity:.6;cursor:not-allowed}.verification-result{background:#fff;border:1px solid #dce4ef;border-radius:14px;margin-bottom:25px;padding:25px}.result-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.result-header h2{color:#123f78;margin:0}.status{border-radius:20px;padding:9px 15px;font-size:12px;font-weight:700}.status.available{color:#087443;background:#d9f6e6}.status.partial{color:#946500;background:#fff1c7}.status.unavailable{color:#b42318;background:#ffe0e0}.result-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.result-grid div{background:#f7f9fc;border-radius:9px;padding:16px}.result-grid span{color:#667892;margin-bottom:7px;font-size:13px;display:block}.result-grid strong{color:#123f78}.available-number{font-size:20px;color:#087443!important}.not-available-number{font-size:20px;color:#b42318!important}.sales-card{background:#fff;border:1px solid #d8e1ee;border-radius:14px;overflow:hidden}.sales-toolbar{border-bottom:1px solid #e1e7ef;padding:22px}.sales-toolbar h2{color:#123f78;margin:0 0 15px}.sales-toolbar input{box-sizing:border-box;border:1px solid #c9d6e8;border-radius:8px;outline:none;width:400px;max-width:100%;height:45px;padding:0 14px}.sales-table-wrapper{width:100%;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%;min-width:800px}.sales-table th{color:#143c70;text-align:left;white-space:nowrap;background:#f7f9fc;padding:16px 20px}.sales-table td{color:#143c70;border-top:1px solid #e5eaf1;padding:18px 20px}.empty-cell{text-align:center!important;color:#777!important;padding:40px!important}@media (width<=1100px){.verification-form,.result-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.sales-page{padding:18px}.verification-form,.result-grid{grid-template-columns:1fr}.sales-header h1{font-size:28px}}.order-page{box-sizing:border-box;color:#1f2937;background:#f5f7fb;min-height:100vh;padding:32px 48px}.order-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.order-breadcrumb{color:#6b7280;margin-bottom:7px;font-size:13px;font-weight:600}.order-header h1{color:#111827;margin:0;font-size:28px;font-weight:800;line-height:1.2}.order-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.dispatched-status{color:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #bbf7d0;border-radius:7px;justify-content:center;align-items:center;margin-left:6px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.production-filter-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.add-order-button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;padding:10px 17px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.add-order-button:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb33}.add-order-button:active{transform:translateY(1px)}.order-message,.order-error{box-sizing:border-box;border-radius:7px;width:100%;margin-bottom:16px;padding:11px 14px;font-size:13px;font-weight:600}.order-message{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.order-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.order-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.order-toolbar input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;max-width:430px;height:38px;padding:0 13px;font-size:13px;transition:border-color .2s,box-shadow .2s}.order-toolbar input::placeholder{color:#9ca3af}.order-toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.order-table-wrapper{width:100%;overflow:auto hidden}.order-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1100px}.order-table thead{background:#f8fafc}.order-table th{color:#374151;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid #e5e7eb;padding:13px 14px;font-size:11px;font-weight:800}.order-table td{color:#4b5563;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:14px;font-size:13px}.order-table tbody tr{transition:background .15s}.order-table tbody tr:hover{background:#f8fafc}.order-table tbody tr:last-child td{border-bottom:none}.order-table td strong{color:#111827;font-weight:700}.order-empty{font-weight:600;color:#6b7280!important;text-align:center!important;padding:45px 20px!important;font-size:13px!important}.order-table td:nth-child(8){color:#374151;font-weight:700}.order-actions{justify-content:flex-start;align-items:center;gap:8px;min-width:max-content;display:flex}.push-order-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:32px;padding:0 12px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.push-order-button:hover{background:#1d4ed8}.push-order-button:active{transform:translateY(1px)}.delete-order-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:32px;padding:0 12px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.delete-order-button:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.delete-requested-label{box-sizing:border-box;color:#b45309;letter-spacing:.02em;background:#fef3c7;border-radius:6px;justify-content:center;align-items:center;min-width:125px;height:32px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.deleted-status{box-sizing:border-box;color:#b91c1c;background:#fee2e2;border-radius:6px;justify-content:center;align-items:center;min-width:70px;height:32px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.order-modal-overlay{z-index:1000;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.order-modal{background:#fff;border-radius:10px;width:100%;max-width:720px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 50px #0f172a33}.order-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.order-modal-header h2{color:#111827;margin:0;font-size:19px;font-weight:800}.close-modal{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;padding:0;font-size:24px;line-height:1;transition:background .2s,color .2s}.close-modal:hover{color:#111827;background:#f3f4f6}.order-modal form{padding:22px}.form-group{flex-direction:column;min-width:0;display:flex}.form-group-full{grid-column:1/-1}.form-group input,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-group input{height:40px;padding:0 12px}.form-group textarea{resize:vertical;min-height:85px;padding:10px 12px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:18px;display:flex}.cancel-order-button,.save-order-button{cursor:pointer;border-radius:7px;min-width:100px;height:38px;padding:0 16px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}.cancel-order-button{color:#4b5563;background:#fff;border:1px solid #d1d5db}.cancel-order-button:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.save-order-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.save-order-button:hover{background:#1d4ed8;border-color:#1d4ed8}.cancel-order-button:active,.save-order-button:active{transform:translateY(1px)}.order-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.order-modal::-webkit-scrollbar{width:7px;height:7px}.order-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.order-modal::-webkit-scrollbar-track{background:#f1f5f9}.order-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.order-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.order-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.order-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.order-page{padding:28px 30px}.order-header h1{font-size:25px}}@media (width<=768px){.order-page{padding:22px 18px}.order-header{flex-direction:column;align-items:flex-start}.add-order-button{width:100%}.order-toolbar{padding:14px}.order-toolbar input{max-width:none}.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:auto}.order-modal{max-height:calc(100vh - 30px)}.order-modal-overlay{padding:15px}.order-modal form{padding:18px}}@media (width<=480px){.order-page{padding:18px 12px}.order-header h1{font-size:22px}.order-header p{font-size:13px}.order-modal-header{padding:15px 17px}.order-modal-header h2{font-size:17px}.order-modal form{padding:17px}.form-actions{flex-direction:column-reverse}.cancel-order-button,.save-order-button{width:100%}}.bom-page{background:#f5f7fb;min-height:100vh;padding:24px}.bom-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bom-header h1{color:#172033;margin:0;font-size:32px}.bom-header p{color:#667085;margin:6px 0 0;font-size:16px}button{cursor:pointer;border:none;font-family:inherit}.btn-add-assembly,.btn-add-part{color:#fff;background:#123b7a;border-radius:7px;padding:12px 20px;font-size:15px;font-weight:600}.btn-add-assembly:hover,.btn-add-part:hover{background:#0d2d5f}.btn-details{color:#fff;background:#174a94;border-radius:6px;padding:9px 15px;font-weight:600}.btn-edit{color:#fff;background:#d99a00;border-radius:6px;padding:9px 15px;font-weight:600}.btn-delete{color:#fff;background:#c62828;border-radius:6px;padding:9px 15px;font-weight:600}.btn-details:hover{background:#123b7a}.btn-edit:hover{background:#b47d00}.btn-delete:hover{background:#a51f1f}.bom-form-card{background:#fff;border-radius:10px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #00000014}.form-title h2{color:#172033;margin-top:0;margin-bottom:20px}.form-grid{grid-template-columns:2fr 1fr 1fr;gap:20px;display:grid}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;outline:none;width:100%;padding:11px 12px;font-size:14px}.form-actions,.part-form-actions{gap:10px;margin-top:20px;display:flex}.btn-save{color:#fff;background:#16803c;border-radius:6px;padding:10px 18px;font-weight:600}.btn-save:hover{background:#11652f}.btn-cancel{color:#fff;background:#667085;border-radius:6px;padding:10px 18px;font-weight:600}.btn-cancel:hover{background:#475467}.assemblies-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000012}.assemblies-title{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.assemblies-title h2{color:#172033;margin:0;font-size:25px}.assemblies-title span{color:#667085;font-size:14px}.assembly-row{border-bottom:1px solid #eaecf0;grid-template-columns:2fr 1fr .5fr 2fr;align-items:center;gap:20px;padding:20px 24px;display:grid}.assembly-name{color:#172033;font-size:16px;font-weight:700}.assembly-date{color:#475467}.assembly-total{color:#174a94;text-align:center;background:#edf2ff;border-radius:20px;width:fit-content;min-width:30px;padding:7px 14px;font-weight:700}.assembly-actions{justify-content:flex-end;gap:8px;display:flex}.assembly-details{background:#fff;border:1px solid #d0d5dd;border-radius:10px;margin:0 22px 22px;overflow:hidden}.details-header{color:#344054;background:#f8fafc;border-bottom:1px solid #eaecf0;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px;display:grid}.parts-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:20px;display:flex}.parts-header h2{color:#172033;margin:0;font-size:21px}.part-form-card{background:#f8fafc;border:1px solid #d0d5dd;border-radius:8px;margin:20px;padding:20px}.part-form-card h3{color:#172033;margin-top:0;margin-bottom:20px;font-size:19px}.part-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.part-description-group{grid-column:span 2}.assembly-link{cursor:pointer;color:#123b7a;font-weight:700}.assembly-link:hover{text-decoration:underline}.parts-table-wrapper{width:100%;overflow-x:auto}.parts-table{border-collapse:collapse;width:100%}.parts-table th{color:#344054;text-align:left;background:#f2f4f7;border-bottom:1px solid #d0d5dd;padding:13px;font-size:14px;font-weight:700}.parts-table td{color:#344054;vertical-align:top;border-bottom:1px solid #eaecf0;padding:13px}.parts-table tbody tr:hover{background:#f9fafb}.part-actions{gap:7px;display:flex}.no-parts{text-align:center;color:#667085;padding:50px;font-size:16px}.empty-message,.loading{text-align:center;color:#667085;padding:50px}@media (width<=1000px){.assembly-row{grid-template-columns:1fr}.assembly-actions{justify-content:flex-start}.details-header,.form-grid,.part-form-grid{grid-template-columns:1fr}.part-description-group{grid-column:span 1}}.bom-explosion-page{box-sizing:border-box;color:#172033;background:#f5f7fb;min-height:100vh;padding:30px 5%}.page-header{margin-bottom:25px}.page-header h1{color:#102a43;margin:0 0 4px;font-size:34px;font-weight:700}.page-header p{color:#52667a;margin:0;font-size:14px}.card{background:#fff;border:1px solid #dbe3ec;border-radius:10px;margin-bottom:18px;overflow:hidden;box-shadow:0 2px 7px #102a430d}.card-header{box-sizing:border-box;border-bottom:1px solid #e1e7ef;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:15px 20px;display:flex}.card-header h2{color:#12355b;margin:0 0 3px;font-size:20px;font-weight:700}.card-header p{color:#66788a;margin:0;font-size:11px}.explosion-name-section{box-sizing:border-box;padding:18px 20px 5px}.explosion-name-section .form-group{max-width:500px}.form-group{width:100%}.form-group label{color:#1b365d;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-group input,.form-group select{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #c9d4e1;border-radius:6px;outline:none;width:100%;height:38px;padding:0 11px;font-size:12px}.form-group input:focus,.form-group select:focus{border-color:#1d4f91;box-shadow:0 0 0 2px #1d4f9114}.products-container{padding:20px}.product-row{box-sizing:border-box;background:#fbfcfe;border:1px solid #dbe3ec;border-radius:8px;grid-template-columns:40px minmax(260px,2fr) minmax(130px,1fr) minmax(130px,1fr) minmax(130px,1fr) 30px;align-items:end;gap:12px;margin-bottom:12px;padding:16px;display:grid}.product-row:last-child{margin-bottom:0}.serial{color:#12355b;justify-content:center;align-items:center;height:38px;font-size:13px;font-weight:600;display:flex}.quantity-column{min-width:0}.remove-btn{color:#333;cursor:pointer;background:#f1f3f6;border:none;border-radius:5px;width:28px;height:28px;padding:0;font-size:16px;font-weight:600}.remove-btn:hover{color:#b42318;background:#e4e7eb}.primary-btn,.calculate-btn{cursor:pointer;border-radius:6px;padding:9px 17px;font-size:12px;font-weight:600;transition:all .2s}.primary-btn{color:#12355b;background:#fff;border:1px solid #b9c7d8}.primary-btn:hover{background:#eef4fa}.calculate-btn{color:#fff;background:#1d4f91;border:none;min-width:180px}.calculate-btn:hover{background:#153e73}.save-btn{color:#fff;background:#1d4f91;border-color:#1d4f91}.save-btn:hover{color:#fff;background:#153e73}.calculate-btn:disabled,.primary-btn:disabled{opacity:.6;cursor:not-allowed}.action-area{justify-content:flex-start;padding:0 20px 20px;display:flex}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{border-collapse:collapse;width:100%;min-width:700px}.table-wrapper th{color:#35516f;text-align:left;white-space:nowrap;background:#f7f9fc;border-bottom:1px solid #dbe3ec;padding:11px 14px;font-size:10px;font-weight:700}.table-wrapper td{color:#34495e;vertical-align:middle;border-bottom:1px solid #e5eaf0;padding:11px 14px;font-size:11px}.table-wrapper tbody tr:hover{background:#fafcff}.table-wrapper tbody tr:last-child td{border-bottom:none}.table-wrapper th:nth-child(3),.table-wrapper th:nth-child(4),.table-wrapper th:nth-child(5),.table-wrapper th:nth-child(6),.table-wrapper td:nth-child(3),.table-wrapper td:nth-child(4),.table-wrapper td:nth-child(5),.table-wrapper td:nth-child(6){text-align:center}.product-material-block{margin-bottom:30px}.product-material-block:last-child{margin-bottom:0}.product-material-title{margin-bottom:12px}.product-material-title h3{color:#12355b;margin:0 0 5px;font-size:17px;font-weight:700}.product-material-title p{color:#66788a;margin:0;font-size:12px}.product-material-title strong{color:#12355b}@media (width<=1100px){.product-row{grid-template-columns:35px minmax(220px,2fr) 120px 120px 120px 30px;gap:10px}}@media (width<=850px){.bom-explosion-page{padding:20px 3%}.product-row{grid-template-columns:35px 1fr 1fr 1fr 1fr 30px}}@media (width<=650px){.bom-explosion-page{padding:15px 10px}.page-header h1{font-size:28px}.card-header{flex-direction:column;align-items:flex-start}.card-header .primary-btn{width:100%}.explosion-name-section,.products-container{padding:15px}.product-row{grid-template-columns:1fr;gap:12px}.serial{justify-content:flex-start;height:25px}.remove-btn{align-self:flex-start}.calculate-btn{width:100%}.action-area{padding:0 15px 15px}.save-btn{width:100%}}.bom-detail-page{box-sizing:border-box;background:#f5f7fb;min-height:100vh;padding:35px 48px}.bom-detail-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.bom-detail-top h1{color:#12213a;margin:0;font-size:34px}.bom-detail-top p{color:#667085;margin:7px 0 0;font-size:16px}.back-button{color:#fff;cursor:pointer;background:#123f82;border:none;border-radius:7px;padding:12px 20px;font-size:15px;font-weight:600}.back-button:hover{background:#0d3167}.assembly-info-card{background:#fff;border-radius:12px;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-bottom:25px;padding:25px;display:grid;box-shadow:0 3px 12px #00000012}.assembly-info-item{flex-direction:column;gap:8px;display:flex}.info-label{color:#667085;font-size:14px;font-weight:600}.info-value{color:#12213a;font-size:20px;font-weight:700}.total-piece{color:#1450a3;background:#edf3ff;border-radius:20px;justify-content:center;width:fit-content;min-width:45px;padding:7px 15px;font-size:17px;font-weight:700;display:inline-flex}.bom-parts-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #00000012}.bom-parts-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;padding:24px;display:flex}.bom-parts-header h2{color:#12213a;margin:0;font-size:25px}.bom-parts-header p{color:#667085;margin:6px 0 0}.parts-count{color:#667085;font-size:15px}.detail-table-wrapper{width:100%;overflow-x:auto}.detail-parts-table{border-collapse:collapse;width:100%}.detail-parts-table th{text-align:left;color:#344054;background:#f2f4f7;border-bottom:1px solid #d0d5dd;padding:15px 18px;font-size:14px;font-weight:700}.detail-parts-table td{color:#344054;border-bottom:1px solid #eaecf0;padding:16px 18px;font-size:15px}.detail-parts-table tbody tr:hover{background:#f9fafb}.part-name{font-weight:700;color:#12213a!important}.quantity-cell{font-weight:700;color:#1450a3!important}.no-parts-message{text-align:center;color:#667085;padding:60px;font-size:16px}.bom-detail-loading{text-align:center;color:#667085;background:#fff;border-radius:10px;padding:60px}.bom-detail-empty{text-align:center;background:#fff;border-radius:10px;padding:50px}.bom-detail-empty h2{color:#12213a;margin-bottom:20px}.add-material-button{color:#fff;cursor:pointer;background:#123f82;border:none;border-radius:7px;padding:12px 20px;font-size:15px;font-weight:600}.add-material-button:hover{background:#0d3167}.material-form-card{background:#f8fafc;border:1px solid #d0d5dd;border-radius:9px;margin:20px;padding:22px}.material-form-card h3{color:#12213a;margin:0 0 20px;font-size:20px}.material-form-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;display:grid}.material-form-card .form-group{flex-direction:column;display:flex}.material-form-card .form-group label{color:#344054;margin-bottom:7px;font-size:14px;font-weight:600}.material-form-card input{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;outline:none;width:100%;padding:11px 12px;font-size:14px}.material-form-card input:focus{border-color:#123f82}.live-total{color:#344054;background:#edf3ff;border-radius:7px;width:fit-content;margin-top:20px;padding:14px 18px;font-size:16px}.live-total strong{color:#123f82;margin-left:10px;font-size:20px}.material-form-actions{gap:10px;margin-top:20px;display:flex}.save-material-button{color:#fff;cursor:pointer;background:#16803c;border:none;border-radius:6px;padding:11px 20px;font-weight:600}.save-material-button:hover{background:#11652f}.cancel-material-button{color:#fff;cursor:pointer;background:#667085;border:none;border-radius:6px;padding:11px 20px;font-weight:600}.cancel-material-button:hover{background:#475467}.delete-material-button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:5px;padding:7px 12px;font-weight:600}@media (width<=1000px){.material-form-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.material-form-grid{grid-template-columns:1fr}.bom-parts-header{flex-direction:column;align-items:flex-start;gap:15px}}.calculator{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:12px;margin:20px 0;padding:15px;display:flex}.calculator h3{margin:0 15px 0 0}.calculator select,.calculator input{border:1px solid #ccc;border-radius:6px;padding:9px 12px}.calculator button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:9px 18px}@media (width<=900px){.bom-detail-page{padding:25px}.assembly-info-card{grid-template-columns:1fr}.bom-detail-top{flex-direction:column;align-items:flex-start;gap:20px}}.mrp-page{box-sizing:border-box;color:#102a43;background:#f5f7fb;width:100%;min-height:100vh;padding:28px 52px 50px;font-family:Arial,Helvetica,sans-serif}.mrp-selected-card{box-sizing:border-box;background:#fff;border:1px solid #d7e0ea;border-radius:10px;width:100%;margin-bottom:28px;overflow:hidden}.mrp-selected-header{border-bottom:1px solid #d7e0ea;padding:18px 20px 14px}.mrp-selected-header h2{color:#0b3158;margin:0;font-size:22px;font-weight:700}.mrp-selected-header p{color:#45627d;margin:5px 0 0;font-size:13px}.mrp-table-wrapper{width:100%;overflow-x:auto}.mrp-table{border-collapse:collapse;table-layout:fixed;width:100%}.mrp-table thead{background:#f4f7fb}.mrp-table th{color:#12395f;text-align:center;vertical-align:middle;border-bottom:1px solid #d7e0ea;height:42px;padding:10px 14px;font-size:12px;font-weight:700}.mrp-table td{color:#183b5b;text-align:center;vertical-align:middle;border-bottom:1px solid #e0e6ed;height:48px;padding:10px 14px;font-size:13px}.mrp-table tbody tr:last-child td{border-bottom:none}.mrp-table tbody tr:hover{background:#fafcff}.mrp-table td strong{color:#102f4f;font-weight:700}.mrp-main-section{width:100%}.mrp-header{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin-bottom:24px;display:flex}.mrp-header h1{color:#0b3158;margin:0;font-size:32px;font-weight:700;line-height:1.2}.mrp-header p{color:#45627d;margin:6px 0 0;font-size:14px}.mrp-live{color:#087f5b;margin-top:10px;font-size:12px;font-weight:600}.refresh-btn{color:#000;cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:15px}.refresh-btn:hover{text-decoration:underline}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.mrp-error{box-sizing:border-box;color:#a61e1e;background:#fff3f3;border:1px solid #f1b8b8;border-radius:7px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:14px}.mrp-summary{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;margin-bottom:20px;display:grid}.summary-card{box-sizing:border-box;background:#fff;border:1px solid #d7e0ea;border-radius:8px;flex-direction:column;justify-content:center;min-height:82px;padding:18px 20px;display:flex}.summary-title{color:#45627d;margin-bottom:5px;font-size:13px;font-weight:500}.summary-value{color:#12395f;font-size:23px;font-weight:700;line-height:1}.mrp-card{box-sizing:border-box;background:#fff;border:1px solid #d7e0ea;border-radius:9px;width:100%;overflow:hidden}.mrp-card-header{border-bottom:1px solid #d7e0ea;padding:18px 20px 14px}.mrp-card-header h2{color:#0b3158;margin:0;font-size:20px;font-weight:700}.mrp-card-header p{color:#56718b;margin:5px 0 0;font-size:12px}.mrp-quantity{box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;min-width:54px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.mrp-quantity.zero{color:#40566d;background:#f0f2f4}.mrp-quantity.positive{color:#198754;background:#e8f7ee}.empty-message{color:#718096!important;text-align:center!important;height:90px!important;font-size:14px!important}.mrp-selected-product{background:#fff;border:1px solid #d7e0ea;border-radius:7px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.mrp-selected-product span{color:#56718b}.mrp-selected-product strong{color:#12395f}.mrp-header-actions{align-items:flex-end;gap:12px;display:flex}.mrp-pdf-name{flex-direction:column;gap:5px;display:flex}.mrp-pdf-name label{color:#123b67;font-size:13px;font-weight:600}.mrp-pdf-name input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:220px;height:38px;padding:0 10px;font-size:14px}.mrp-pdf-name input:focus{border-color:#2563eb}.download-pdf-btn{color:#fff;cursor:pointer;background:#0b4f8a;border:none;border-radius:6px;height:38px;padding:0 18px;font-size:14px;font-weight:600}.download-pdf-btn:hover{background:#083d6b}.download-pdf-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1000px){.mrp-page{padding:24px 25px 40px}.mrp-summary{grid-template-columns:1fr}.mrp-table{min-width:800px}.mrp-table-wrapper{overflow-x:auto}}@media (width<=650px){.mrp-page{padding:18px 14px 30px}.mrp-header{flex-direction:column}.mrp-header h1{font-size:26px}.refresh-btn{align-self:flex-end}.mrp-selected-header,.mrp-card-header{padding:15px}}.planning-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100%;padding:32px 40px}.planning-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.planning-breadcrumb{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:500}.planning-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:800;line-height:1.2}.planning-header p{color:#64748b;margin:6px 0 0;font-size:13px}.planning-refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;justify-content:center;align-items:center;min-width:72px;height:34px;padding:0 15px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.planning-refresh-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 3px 8px #2563eb38}.planning-refresh-button:active{transform:translateY(1px)}.planning-refresh-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.planning-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.planning-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.planning-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.planning-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.planning-card-header h2{color:#0f172a;margin:0;font-size:16px;font-weight:800}.planning-card-header p{color:#64748b;margin:4px 0 0;font-size:12px}.planning-total{color:#64748b;white-space:nowrap;font-size:12px;font-weight:600}.planning-total strong{color:#0f172a;font-weight:800}.planning-table-wrapper{width:100%;overflow-x:auto}.planning-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1050px}.planning-table thead{background:#f8fafc}.planning-table th{color:#1e293b;text-align:left;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 11px;font-size:10px;font-weight:800;line-height:1.3}.planning-table td{color:#475569;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:13px 11px;font-size:12px;line-height:1.4}.planning-table tbody tr{transition:background .15s}.planning-table tbody tr:hover{background:#f8fafc}.planning-table tbody tr:last-child td{border-bottom:none}.planning-table td strong{color:#0f172a;font-weight:700}.planning-status{color:#b45309;letter-spacing:.2px;background:#fef3c7;border-radius:6px;justify-content:center;align-items:center;min-width:78px;height:27px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.planning-pushed-status{color:#1d4ed8;letter-spacing:.2px;background:#dbeafe;border-radius:6px;justify-content:center;align-items:center;min-width:70px;height:27px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.planning-table td:nth-child(7){color:#475569;font-weight:600}.planning-actions{align-items:center;gap:8px;display:flex}.planning-push-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;justify-content:center;align-items:center;min-width:65px;height:32px;padding:0 14px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.planning-push-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 3px 8px #2563eb33}.planning-push-button:active{transform:translateY(1px)}.planning-push-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.planning-actions{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.planning-not-pushed{color:#64748b;font-size:10px;font-weight:600}.planning-pushed-date{color:#15803d;white-space:nowrap;font-size:10px;font-weight:700}.planning-pushed-button{color:#1d4ed8;cursor:not-allowed;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;justify-content:center;align-items:center;min-width:72px;height:30px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.planning-empty{height:100px;font-weight:500;color:#64748b!important;text-align:center!important;vertical-align:middle!important;padding:20px!important;font-size:12px!important}@media (width<=1200px){.planning-page{padding:28px 25px}.planning-table{min-width:1000px}}@media (width<=768px){.planning-page{padding:22px 16px}.planning-header{flex-direction:column;align-items:flex-start}.planning-header h1{font-size:24px}.planning-refresh-button{align-self:flex-start}.planning-card-header{flex-direction:column;align-items:flex-start}.planning-total{align-self:flex-start}}@media (width<=480px){.planning-page{padding:18px 12px}.planning-header h1{font-size:22px}.planning-header p{font-size:12px}.planning-card-header{padding:14px}.planning-table th,.planning-table td{padding:10px 9px}}.admin-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100%;padding:48px 64px}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.admin-header h1{color:#111827;margin:0 0 6px;font-size:30px;font-weight:700;line-height:1.2}.admin-header p{color:#64748b;margin:0;font-size:14px}.admin-breadcrumb{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600}.admin-refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;min-width:75px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.admin-refresh-button:hover{background:#1d4ed8}.admin-refresh-button:active{transform:translateY(1px)}.admin-refresh-button:disabled{opacity:.7;cursor:not-allowed}.admin-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:500}.admin-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;font-weight:500}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.admin-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.admin-toolbar input{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:340px;max-width:100%;height:36px;padding:8px 11px;font-size:12px}.admin-toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.admin-count{color:#64748b;white-space:nowrap;font-size:13px}.admin-count strong{color:#1d4ed8}.admin-table-wrapper{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1100px}.admin-table thead th{color:#1e3a5f;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:12px;font-weight:700}.admin-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:14px;font-size:13px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#fafcff}.admin-table td strong{color:#0f172a;font-weight:700}.admin-empty{height:100px;text-align:center!important;color:#64748b!important;font-size:14px!important}.admin-actions{align-items:center;gap:7px;display:flex}.admin-confirm-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;min-width:75px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .2s}.admin-confirm-button:hover{background:#1d4ed8}.admin-confirm-button:active{transform:translateY(1px)}.admin-delete-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;min-width:65px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .2s}.admin-delete-button:hover{background:#b91c1c}.admin-delete-button:active{transform:translateY(1px)}.admin-deleted-label{color:#b91c1c;letter-spacing:.2px;background:#fee2e2;border-radius:6px;justify-content:center;align-items:center;min-width:65px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.admin-status-pushed{color:#1d4ed8;background:#dbeafe;border-radius:6px;justify-content:center;align-items:center;min-width:60px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.admin-status-confirmed{color:#15803d;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;min-width:75px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}@media (width<=1200px){.admin-page{padding:35px 30px}.admin-table{min-width:1050px}}@media (width<=768px){.admin-page{padding:25px 18px}.admin-header{flex-direction:column;align-items:stretch}.admin-refresh-button{align-self:flex-start}.admin-toolbar{flex-direction:column;align-items:flex-start}.admin-toolbar input{width:100%}}.admin-users-page{color:#111827;max-width:1100px;margin:0 auto;padding:8px 4px 40px}.admin-users-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.admin-users-breadcrumb{letter-spacing:.06em;text-transform:uppercase;color:#2563eb;margin-bottom:6px;font-size:12px;font-weight:700}.admin-users-header h1{color:#111827;margin-bottom:4px;font-size:24px;font-weight:700}.admin-users-header p{color:#6b7280;font-size:14px}.admin-users-create-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s}.admin-users-create-btn:hover{background:#1f2937}.pending-section{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;margin-bottom:24px;padding:20px 22px}.pending-section h2{color:#92400e;margin-bottom:14px;font-size:15px;font-weight:700}.no-pending{color:#92400e;opacity:.75;font-size:13px}.pending-user-card{background:#fff;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:12px 16px;display:flex}.pending-user-card:last-child{margin-bottom:0}.pending-user-card strong{color:#111827;font-size:14px;display:block}.pending-user-card p{color:#6b7280;margin:2px 0 6px;font-size:13px}.pending-user-card span{color:#92400e;letter-spacing:.04em;background:#fef3c7;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.pending-user-card button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600}.pending-user-card button:hover{border-color:#9ca3af}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:85vh;padding:28px;overflow-y:auto}.modal-card h2{color:#111827;margin-bottom:16px;font-size:18px}.modal-card h3{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:20px 0 10px;font-size:13px;font-weight:700}.pending-user-info{background:#f9fafb;border-radius:10px;margin-bottom:8px;padding:12px 14px}.pending-user-info p{color:#374151;margin-bottom:4px;font-size:13px}.pending-user-info p:last-child{margin-bottom:0}.permission-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 12px;display:grid}.permission-grid label{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.permission-grid input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:15px;height:15px}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.modal-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600}.reject-button{color:#b91c1c;background:#fff;border-color:#fecaca}.reject-button:hover{background:#fef2f2}.approve-button{color:#fff;background:#111827}.approve-button:hover{background:#1f2937}.admin-users-success,.admin-users-error{border-radius:10px;margin-bottom:16px;padding:11px 16px;font-size:13px}.admin-users-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admin-users-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-users-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.admin-users-toolbar input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;max-width:360px;padding:10px 14px;font-size:14px}.admin-users-toolbar input:focus{border-color:#2563eb}.admin-users-toolbar strong{color:#6b7280;white-space:nowrap;font-size:13px;font-weight:600}.admin-users-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000014}.admin-users-empty{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.admin-users-table-wrapper{overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%;min-width:720px}.admin-users-table th,.admin-users-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:14px}.admin-users-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:11px;font-weight:700}.admin-users-table tbody tr:hover{background:#f9fafb}.admin-users-table tbody tr:last-child td{border-bottom:none}.admin-users-tags{flex-wrap:wrap;gap:6px;display:flex}.admin-users-tag{color:#4338ca;background:#eef2ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.admin-users-permission-count{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.admin-users-active,.admin-users-inactive,.admin-users-admin{letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.admin-users-active{color:#166534;background:#dcfce7}.admin-users-inactive{color:#64748b;background:#f1f5f9}.admin-users-admin{color:#854d0e;background:#fef9c3}.admin-users-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-users-edit-btn,.admin-users-delete-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600}.admin-users-edit-btn{color:#2563eb;border-color:#bfdbfe}.admin-users-edit-btn:hover{background:#eff6ff}.admin-users-delete-btn{color:#b91c1c;border-color:#fecaca}.admin-users-delete-btn:hover{background:#fef2f2}.admin-users-overlay{z-index:60;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-users-modal{background:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;width:100%;max-width:720px;max-height:calc(100vh - 80px);display:flex;overflow:hidden}.admin-users-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 26px;display:flex}.admin-users-modal>form{flex-direction:column;flex:1;min-height:0;display:flex}.admin-users-modal-header h2{color:#111827;margin-bottom:4px;font-size:18px}.admin-users-modal-header p{color:#6b7280;font-size:13px}.admin-users-close-btn{color:#6b7280;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;width:30px;height:30px;font-size:18px;line-height:1}.admin-users-close-btn:hover{color:#111827;background:#e2e8f0}.admin-users-modal-body{scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex:1;min-height:0;padding:22px 26px;overflow-y:auto}.admin-users-modal-body::-webkit-scrollbar{width:8px}.admin-users-modal-body::-webkit-scrollbar-track{background:0 0}.admin-users-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.admin-users-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.admin-users-section{margin-bottom:26px}.admin-users-section:last-child{margin-bottom:0}.admin-users-section>h3{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:14px;font-size:13px;font-weight:700}.admin-users-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-users-grid label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-users-grid input{background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.admin-users-grid input:focus{border-color:#2563eb}.admin-users-checkbox-row{color:#374151;cursor:pointer;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:500;display:flex}.admin-users-checkbox-row input{accent-color:#2563eb;cursor:pointer;width:15px;height:15px}.admin-users-section-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.admin-users-section-title h3{margin-bottom:0}.admin-users-section-title>div{gap:8px;display:flex}.admin-users-section-title button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.admin-users-section-title button:hover{border-color:#9ca3af}.admin-users-check-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.admin-users-check-card{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.admin-users-check-card:hover{border-color:#93c5fd}.admin-users-check-card:has(input:checked){background:#eff6ff;border-color:#2563eb}.admin-users-check-card input{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.admin-users-check-card span{flex-direction:column;gap:2px;display:flex}.admin-users-check-card small{color:#9ca3af;font-size:11px;font-weight:400}.admin-users-permission-group{margin-bottom:18px}.admin-users-permission-group:last-child{margin-bottom:0}.admin-users-permission-group h4{text-transform:uppercase;letter-spacing:.04em;color:#2563eb;margin-bottom:10px;font-size:12px;font-weight:700}.admin-users-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.admin-users-cancel-btn,.admin-users-save-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.admin-users-cancel-btn{color:#374151;background:#fff;border-color:#d1d5db}.admin-users-cancel-btn:hover{background:#f9fafb}.admin-users-save-btn{color:#fff;background:#111827}.admin-users-save-btn:hover{background:#1f2937}.admin-users-cancel-btn:disabled,.admin-users-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.admin-users-header{flex-direction:column}.admin-users-toolbar{flex-direction:column;align-items:stretch}.admin-users-toolbar input{max-width:none}.pending-user-card{flex-direction:column;align-items:flex-start}}.production-page{box-sizing:border-box;color:#1f2937;background:#f5f7fb;min-height:100vh;padding:24px 28px;font-family:Arial,Helvetica,sans-serif}.production-page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.production-page-header h1{color:#111827;margin:0;font-size:28px;font-weight:700}.production-page-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.production-refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.production-refresh-button:hover{background:#1d4ed8}.production-refresh-button:disabled{opacity:.6;cursor:not-allowed}.production-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #0f172a0f}.production-table-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.production-search-input{color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;outline:none;width:420px;max-width:100%;height:40px;padding:0 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.production-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.production-search-input::placeholder{color:#9ca3af}.production-total-orders{color:#6b7280;white-space:nowrap;font-size:14px}.production-total-orders strong{color:#111827}.production-table-wrapper{width:100%;overflow-x:auto}.production-header-actions{align-items:center;gap:12px;display:flex}.production-create-product-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600}.production-create-product-button:hover{background:#1d4ed8}.production-edit-button{color:#d97706;cursor:pointer;background:#fff;border:1px solid #f59e0b;border-radius:7px;padding:7px 12px;font-weight:600}.production-edit-button:hover{background:#fff7ed}.production-product-modal{background:#fff;border-radius:12px;width:min(650px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.production-form-group{flex-direction:column;gap:7px;margin-top:18px;padding:0 24px;display:flex}.production-form-group label{font-size:14px;font-weight:600}.production-form-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;width:100%;padding:11px 12px;font-size:14px}.production-form-group input:focus{border-color:#2563eb;outline:none}.production-form-group input:disabled{color:#6b7280;background:#f3f4f6}.production-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:13px}.production-table thead{background:#f8fafc}.production-table th{text-align:left;color:#475569;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:12px;font-weight:700}.production-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:13px 14px}.production-table tbody tr:hover{background:#f8fafc}.production-table tbody tr:last-child td{border-bottom:none}.production-bold{font-weight:600;color:#111827!important}.production-empty-cell{font-size:14px;text-align:center!important;color:#6b7280!important;padding:45px 20px!important}.production-view-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-right:7px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .2s}.production-view-button:hover{background:#f1f5f9;border-color:#94a3b8}.production-push-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-right:7px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .2s}.production-push-button:hover{background:#1d4ed8}.production-push-button:disabled{opacity:.6;cursor:not-allowed}.production-pushed-button{color:#15803d;cursor:default;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;margin-right:7px;padding:7px 13px;font-size:12px;font-weight:700}.production-acknowledge-button{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;margin-top:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .2s}.production-acknowledge-button:hover{background:#d97706}.production-acknowledge-button:disabled{opacity:.6;cursor:not-allowed}.production-acknowledged-wrapper{flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}.production-acknowledged-button{color:#15803d;cursor:default;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:7px 13px;font-size:12px;font-weight:700}.production-acknowledged-date{color:#6b7280;white-space:nowrap;font-size:11px}.production-entry-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s}.production-entry-button:hover{background:#6d28d9}.production-kit-serial-display{flex-wrap:wrap;gap:5px;max-width:260px;display:flex}.production-kit-serial-badge{color:#4338ca;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:600;display:inline-block}.production-modal-overlay{z-index:9999;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.production-entry-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a40}.production-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.production-modal-header h2{color:#111827;margin:0 0 12px;font-size:20px}.production-entry-info{color:#6b7280;margin-top:5px;font-size:13px}.production-entry-info strong{color:#111827}.production-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;flex-shrink:0;width:34px;height:34px;font-size:22px;line-height:1}.production-modal-close:hover{background:#e2e8f0}.production-modal-close:disabled{opacity:.5;cursor:not-allowed}.production-entry-modal-body{padding:20px 22px;overflow-y:auto}.production-total-kit-row{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;margin-bottom:16px;padding:10px 12px;font-size:13px}.production-total-kit-row strong{color:#111827}.production-kit-input-list{flex-direction:column;gap:10px;display:flex}.production-kit-input-row{align-items:flex-start;gap:9px;display:flex}.production-row-number{color:#475569;box-sizing:border-box;background:#f1f5f9;border:1px solid #dbe2ea;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:40px;font-size:12px;font-weight:700;display:flex}.production-kit-input-wrapper{flex:1;min-width:0;position:relative}.production-kit-input-wrapper input{color:#111827;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px;transition:all .2s}.production-kit-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.production-kit-input-wrapper input:disabled{cursor:not-allowed;background:#f8fafc}.production-kit-input-wrapper input.kit-input-present{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.production-kit-input-wrapper input.kit-input-absent{color:#15803d;background:#f0fdf4;border-color:#22c55e}.kit-checking-text,.kit-status-present,.kit-status-absent{margin-top:5px;font-size:11px;font-weight:600;display:block}.kit-checking-text{color:#64748b}.kit-status-present{color:#dc2626}.kit-status-absent{color:#16a34a}.production-remove-row-button{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;width:40px;height:40px;font-size:20px;line-height:1}.production-remove-row-button:hover{background:#fee2e2}.production-remove-row-button:disabled{opacity:.5;cursor:not-allowed}.production-add-row-button{color:#334155;cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:7px;margin-top:16px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .2s}.production-add-row-button:hover{background:#f1f5f9;border-color:#64748b}.production-add-row-button:disabled{opacity:.5;cursor:not-allowed}.production-modal-footer{background:#fafafa;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:9px;padding:16px 22px;display:flex}.production-save-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:600}.production-save-button:hover{background:#15803d}.production-save-button:disabled{opacity:.6;cursor:not-allowed}.production-close-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:9px 18px;font-size:13px;font-weight:600}.production-close-button:hover{background:#f1f5f9}.production-close-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=900px){.production-page{padding:18px}.production-table-toolbar{flex-direction:column;align-items:stretch}.production-search-input{width:100%}.production-total-orders{text-align:right}}@media (width<=600px){.production-page{padding:12px}.production-page-header{flex-direction:column}.production-refresh-button{align-self:flex-end}.production-entry-modal{max-height:95vh}.production-modal-header,.production-entry-modal-body,.production-modal-footer{padding-left:16px;padding-right:16px}.production-kit-input-row{gap:6px}.production-row-number{width:27px}.production-remove-row-button{width:36px}}.dispatch-page{box-sizing:border-box;color:#1f2937;background:#f5f7fb;min-height:100vh;padding:32px 48px}.dispatch-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.dispatch-header h1{color:#111827;margin:0;font-size:28px;font-weight:800}.dispatch-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.dispatch-kit-serials{flex-wrap:wrap;gap:6px;max-width:280px;display:flex}.dispatch-kit-serial-badge{color:#4338ca;white-space:nowrap;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.dispatch-edit-button:hover{background:#d97706;border-color:#d97706;box-shadow:0 3px 8px #f59e0b40}.dispatch-edit-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.dispatch-refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:10px 17px;font-size:13px;font-weight:700;transition:background .2s}.dispatch-refresh-button:hover{background:#1d4ed8}.dispatch-refresh-button:disabled{opacity:.6;cursor:not-allowed}.dispatch-success-message,.dispatch-error-message{border-radius:7px;margin-bottom:16px;padding:11px 14px;font-size:13px;font-weight:600}.dispatch-success-message{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.dispatch-error-message{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.dispatch-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.dispatch-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;display:flex}.dispatch-card-header h2{color:#111827;margin:0;font-size:17px;font-weight:800}.dispatch-card-header span{color:#6b7280;font-size:13px;font-weight:600}.dispatch-loading,.dispatch-empty{color:#6b7280;text-align:center;padding:50px 20px;font-size:13px;font-weight:600}.dispatch-table-wrapper{width:100%;overflow:auto hidden}.dispatch-table{border-collapse:collapse;width:100%;min-width:1450px}.dispatch-table thead{background:#f8fafc}.dispatch-table th{color:#374151;text-align:left;white-space:nowrap;text-transform:uppercase;border-bottom:1px solid #e5e7eb;padding:13px 14px;font-size:11px;font-weight:800}.dispatch-table td{color:#4b5563;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:14px;font-size:13px}.dispatch-table tbody tr{transition:background .15s}.dispatch-table tbody tr:hover{background:#f8fafc}.dispatch-table tbody tr:last-child td{border-bottom:none}.dispatch-acknowledge-button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:105px;height:32px;padding:0 12px;font-size:11px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.dispatch-acknowledge-button:hover{background:#6d28d9}.dispatch-acknowledge-button:active{transform:translateY(1px)}.dispatch-acknowledged{color:#15803d;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;min-width:105px;height:30px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.dispatch-edit-input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:150px;height:34px;padding:0 10px;font-family:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}.dispatch-edit-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dispatch-edit-input::placeholder{color:#9ca3af}.dispatch-image-edit{flex-direction:column;gap:5px;min-width:190px;display:flex}.dispatch-file-input{color:#4b5563;width:190px;font-size:11px}.dispatch-file-input::file-selector-button{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #d1d5db;border-radius:5px;margin-right:7px;padding:6px 9px;font-size:11px;font-weight:600}.dispatch-file-input::file-selector-button:hover{background:#f1f5f9}.dispatch-temporary-file{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:10px;font-weight:600;overflow:hidden}.dispatch-view-image-button{color:#6d28d9;background:#ede9fe;border-radius:6px;justify-content:center;align-items:center;min-width:65px;height:30px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.dispatch-actions{justify-content:flex-start;align-items:center;gap:8px;min-width:max-content;display:flex}.dispatch-edit-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:32px;padding:0 13px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.dispatch-edit-button:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.dispatch-edit-button:active{transform:translateY(1px)}.dispatch-save-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:32px;padding:0 13px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.dispatch-save-button:hover{background:#1d4ed8;border-color:#1d4ed8}.dispatch-save-button:active{transform:translateY(1px)}.dispatch-cancel-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:32px;padding:0 13px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.dispatch-cancel-button:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.dispatch-refresh-button:disabled,.dispatch-acknowledge-button:disabled,.dispatch-edit-button:disabled,.dispatch-save-button:disabled,.dispatch-cancel-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.dispatch-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.dispatch-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.dispatch-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.dispatch-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.dispatch-page{padding:28px 30px}.dispatch-header h1{font-size:25px}}@media (width<=768px){.dispatch-page{padding:22px 18px}.dispatch-header{flex-direction:column;align-items:flex-start}.dispatch-refresh-button{width:100%}.dispatch-card-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.dispatch-page{padding:18px 12px}.dispatch-header h1{font-size:22px}.dispatch-header p{font-size:13px}}.auth-page{--auth-navy:#0e1a36;--auth-navy-2:#16264a;--auth-blue:#2563eb;--auth-blue-dark:#1d4ed8;--auth-teal:#3fd0c9;--auth-paper:#f6f7f9;--auth-ink:#0f172a;--auth-muted:#5b6475;--auth-line:#d6dae1;--auth-error:#b42318;--auth-success:#067647;background:var(--auth-paper);min-height:100vh;color:var(--auth-ink);grid-template-columns:minmax(360px,44%) 1fr;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;display:grid}.auth-page *,.auth-page :before,.auth-page :after{box-sizing:border-box}.auth-panel{background:var(--auth-navy);color:#e6ebf5;flex-direction:column;justify-content:space-between;gap:48px;padding:44px 56px;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-panel>*{position:relative}.auth-brand{align-items:center;gap:12px;display:flex}.auth-logo-chip{background:#fff;border-radius:10px;align-items:center;padding:7px 12px;display:inline-flex}.auth-logo{width:auto;height:30px;display:block}.auth-brand-sub{color:#9fb0cf;font-size:15px;font-weight:500}.auth-brand-mark{border:2px solid var(--auth-teal);border-radius:6px;width:22px;height:22px;position:relative}.auth-brand-mark:after{content:"";background:var(--auth-teal);border-radius:2px;position:absolute;inset:5px}.auth-brand-name{color:#fff;letter-spacing:.2px;font-size:17px;font-weight:700}.auth-brand-sub{color:#9fb0cf;font-weight:400}.auth-panel-title{color:#fff;letter-spacing:-.5px;max-width:14ch;margin:0 0 36px;font-size:clamp(30px,3.2vw,42px);font-weight:600;line-height:1.12}.auth-track{--auth-track-h:320px;margin:0;padding:0;list-style:none;position:relative}.auth-track:before{content:"";background:#9fb0cf47;width:2px;position:absolute;top:20px;bottom:30px;left:7px}.auth-track:after{content:"";background:linear-gradient(to bottom, transparent, var(--auth-teal), transparent);opacity:0;border-radius:3px;width:6px;height:36px;animation:1.8s ease-in-out .3s forwards auth-pulse;position:absolute;top:6px;left:5px}@keyframes auth-pulse{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}to{transform:translateY(calc(var(--auth-track-h) - 48px));opacity:0}}.auth-stage{align-items:flex-start;gap:18px;padding:10px 0;display:flex}.auth-node{background:var(--auth-navy);border:2px solid var(--auth-teal);z-index:1;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:3px;position:relative}.auth-stage:last-child .auth-node{background:var(--auth-teal)}.auth-stage-name{color:#fff;margin:0;font-size:15px;font-weight:600}.auth-stage-detail{color:#9fb0cf;margin:2px 0 0;font-size:13px}.auth-panel-foot{color:#7f91b3;max-width:34ch;margin:0;font-size:13px;line-height:1.5}.auth-main{justify-content:center;align-items:center;padding:48px 24px;display:flex}.auth-form-wrap{width:100%;max-width:380px}.auth-title{letter-spacing:-.4px;color:var(--auth-ink);margin:0;font-size:30px;font-weight:700;line-height:1.2}.auth-subtitle{color:var(--auth-muted);margin:8px 0 32px;font-size:15px;line-height:1.55}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--auth-ink);font-size:14px;font-weight:600}.auth-hint{color:var(--auth-muted);font-size:12px}.auth-input-wrap{position:relative}.auth-input{width:100%;height:46px;font:inherit;color:var(--auth-ink);border:1px solid var(--auth-line);background:#fff;border-radius:8px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.auth-input-wrap .auth-input{padding-right:64px}.auth-input::placeholder{color:#9aa3b2}.auth-input:hover{border-color:#b8bfcb}.auth-input:focus{border-color:var(--auth-blue);outline:none;box-shadow:0 0 0 3px #2563eb2e}.auth-toggle{height:34px;font:inherit;color:var(--auth-blue);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 10px;font-size:13px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-toggle:hover{background:#eef3fe}.auth-toggle:focus-visible,.auth-button:focus-visible,.auth-link:focus-visible,.auth-secondary:focus-visible{outline-offset:2px;outline:3px solid #2563eb73}.auth-button{background:var(--auth-blue);height:48px;font:inherit;color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:6px;font-size:15px;font-weight:600;transition:background .15s}.auth-button:hover:not(:disabled){background:var(--auth-blue-dark)}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-secondary{border:1px solid var(--auth-line);width:100%;height:46px;font:inherit;color:var(--auth-ink);cursor:pointer;background:#fff;border-radius:8px;margin-top:12px;font-size:15px;font-weight:600}.auth-secondary:hover{border-color:#b8bfcb}.auth-message{border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.auth-message-error{color:var(--auth-error);background:#fef3f2;border:1px solid #fecdca}.auth-message-success{color:var(--auth-success);background:#ecfdf3;border:1px solid #abefc6}.auth-switch{color:var(--auth-muted);margin:28px 0 0;font-size:14px}.auth-link{color:var(--auth-blue);border-radius:4px;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-main{background-color:var(--auth-paper);background-image:linear-gradient(#0f172a0f 1px,#0000 1px),linear-gradient(90deg,#0f172a0f 1px,#0000 1px);background-position:-1px -1px;background-size:32px 32px}.auth-form-wrap{border:1px solid var(--auth-line);background:#fff;border-radius:14px;max-width:440px;padding:40px 36px}@media (width<=480px){.auth-form-wrap{padding:28px 20px}}@media (width<=900px){.auth-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-panel{gap:0;padding:20px 24px}.auth-panel-body,.auth-panel-foot{display:none}.auth-main{align-items:flex-start;padding:40px 20px}}@media (prefers-reduced-motion:reduce){.auth-track:after{animation:none}.auth-input,.auth-button{transition:none}}.notifications-page{background:#f5f7fb;min-height:calc(100vh - 70px);padding:30px 40px}.notifications-container{max-width:1200px;margin:0 auto}.notifications-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.notifications-breadcrumb{color:#7b8494;margin-bottom:7px;font-size:13px}.notifications-header h1{color:#172033;margin:0;font-size:30px;font-weight:700}.notifications-header p{color:#7b8494;margin:7px 0 0;font-size:14px}.notifications-count{text-align:center;background:#fff;border:1px solid #e4e8ef;border-radius:9px;min-width:75px;padding:9px 15px}.notifications-count span{color:#2563eb;font-size:20px;font-weight:700;display:block}.notifications-count small{color:#7b8494;font-size:11px}.notifications-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.notification-card{background:#fff;border:1px solid #e3e7ee;border-radius:13px;flex-direction:column;min-height:205px;padding:20px;transition:all .2s;display:flex;box-shadow:0 3px 12px #1018280d}.notification-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1018281a}.notification-card-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.notification-card-icon{border-radius:11px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.notification-card h3{color:#1d2939;margin:0 0 8px;font-size:17px;font-weight:700}.notification-card p{color:#667085;flex:1;margin:0;font-size:13px;line-height:1.5}.notification-card-footer{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.notification-card-footer span{color:#98a2b3;font-size:11px}.notification-new{border-radius:5px;padding:4px 8px;font-size:9px;font-weight:700}.notification-read-button{cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.notification-order{border-top:4px solid #2563eb}.notification-order .notification-card-icon{color:#2563eb;background:#eff6ff}.notification-order .notification-new{color:#2563eb;background:#dbeafe}.notification-order .notification-read-button{color:#2563eb}.notification-verification{border-top:4px solid #10b981}.notification-verification .notification-card-icon{color:#059669;background:#ecfdf3}.notification-verification .notification-new{color:#047857;background:#d1fae5}.notification-verification .notification-read-button{color:#059669}.notification-signup{border-top:4px solid #8b5cf6}.notification-signup .notification-card-icon{color:#7c3aed;background:#f5f3ff}.notification-signup .notification-new{color:#7c3aed;background:#ede9fe}.notification-signup .notification-read-button{color:#7c3aed}.notification-default{border-top:4px solid #64748b}.notification-default .notification-card-icon{color:#475569;background:#f1f5f9}.notification-default .notification-read-button{color:#475569}.notifications-error{color:#c01048;background:#fff1f3;border:1px solid #ffd0d6;border-radius:8px;margin-bottom:18px;padding:12px 15px;font-size:13px}.notifications-state{text-align:center;background:#fff;border:1px solid #e3e7ee;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.empty-icon{color:#12b76a;background:#ecfdf3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:22px;font-weight:700;display:flex}.notifications-state h3{color:#344054;margin:0;font-size:16px}.notifications-state p{color:#98a2b3;margin:6px 0 0;font-size:13px}@media (width<=1000px){.notifications-list{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.notifications-page{padding:20px 15px}.notifications-header{flex-direction:column;gap:15px}.notifications-list{grid-template-columns:1fr}}.production-notifications-page{background:#f5f7fb;min-height:100vh;padding:30px}.production-notifications-header{margin-bottom:25px}.production-breadcrumb{color:#64748b;margin-bottom:8px;font-size:14px}.production-notifications-header h1{color:#174a87;margin:0;font-size:30px}.production-notifications-header p{color:#64748b;margin-top:8px}.production-notification-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.production-notification-card{background:#fff;border:1px solid #dbe3ec;border-left:5px solid #2563eb;border-radius:14px;flex-direction:column;min-height:260px;padding:22px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a0f}.production-notification-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1a}.production-notification-icon{background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-bottom:14px;font-size:22px;display:flex}.production-notification-title{color:#1d4ed8;margin-bottom:15px;font-size:19px;font-weight:700}.production-notification-message{color:#334155;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;display:flex}.production-data-row{border-bottom:1px solid #f1f5f9;padding-bottom:5px}.production-notification-date{color:#94a3b8;margin-top:15px;font-size:12px}.production-read-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;align-self:flex-end;margin-top:auto;padding:9px 15px;font-size:13px;font-weight:600}.production-read-button:hover{background:#1d4ed8}.production-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:60px 20px}.production-empty-icon{margin-bottom:10px;font-size:45px}.production-empty h3{color:#334155;margin:5px 0}.production-empty p{color:#64748b}@media (width<=1100px){.production-notification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.production-notifications-page{padding:20px}.production-notification-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{color:#172033;background:#f5f7fb;font-family:Inter,Arial,sans-serif}body{background:#f5f7fb;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111827;flex-direction:column;width:250px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{border-bottom:1px solid #273244;align-items:center;gap:12px;height:80px;padding:20px;display:flex}.logo-icon{background:#2563eb;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.logo h2{font-size:17px}.logo span{color:#9ca3af;font-size:11px}.sidebar-nav{flex:1;padding:20px 12px}.nav-section-title{color:#6b7280;letter-spacing:1px;margin:24px 12px 8px;font-size:10px;font-weight:700}.nav-item{color:#9ca3af;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px;font-size:14px;text-decoration:none;display:flex}.nav-item span{text-align:center;width:20px}.nav-item:hover{color:#fff;background:#1f2937}.nav-item.active{color:#fff;background:#2563eb}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-item small{margin-left:auto;font-size:9px}.sidebar-footer{border-top:1px solid #273244;align-items:center;gap:10px;padding:18px;display:flex}.sidebar-footer strong,.header-user strong{font-size:13px;display:block}.sidebar-footer span,.header-user span{color:#9ca3af;font-size:11px}.main-section{width:calc(100% - 250px);margin-left:250px}.header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:0 30px;display:flex}.header h1{font-size:18px}.header p{color:#6b7280;margin-top:3px;font-size:12px}.header-actions{align-items:center;gap:20px;display:flex}.icon-button{background:#f3f4f6;border:none;border-radius:8px;width:38px;height:38px}.header-user{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.page-content{padding:30px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-heading h2{font-size:24px}.page-heading p{color:#6b7280;margin-top:5px;font-size:13px}.breadcrumb{color:#6b7280;margin-bottom:8px;font-size:12px}.primary-button{color:#fff;background:#2563eb;border:none;border-radius:7px;padding:11px 17px;font-weight:600}.primary-button:hover{background:#1d4ed8}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;transition:all .2s}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#2563eb;transform:translateY(-2px)}.stat-top{justify-content:space-between;display:flex}.stat-card p{color:#6b7280;font-size:12px}.stat-card h2{margin-top:7px;font-size:25px}.stat-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.stat-bottom{color:#6b7280;border-top:1px solid #f0f0f0;justify-content:space-between;margin-top:18px;padding-top:12px;font-size:11px;display:flex}.view-link{color:#2563eb;font-weight:600}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px;display:grid}.dashboard-card,.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.dashboard-card{padding:22px}.card-header{margin-bottom:25px}.card-header h3{font-size:15px}.card-header p{color:#6b7280;margin-top:4px;font-size:11px}.stock-bar-item{margin-bottom:22px}.bar-label{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.bar{background:#eef0f4;border-radius:10px;height:9px;overflow:hidden}.bar-fill{border-radius:10px;height:100%}.bar-fill.smd{background:#2563eb}.bar-fill.warehouse{background:#7c3aed}.bar-fill.finished{background:#059669}.action-buttons{align-items:center;gap:6px;display:flex}.action-button,.edit-button,.delete-button{cursor:pointer;background:#fff;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:600}.action-button{color:#2563eb;border:1px solid #bfdbfe}.action-button:hover{background:#eff6ff}.edit-button{color:#d97706;border:1px solid #fed7aa}.edit-button:hover{background:#fff7ed}.delete-button{color:#dc2626;border:1px solid #fecaca}.delete-button:hover{background:#fef2f2}.page-error,.form-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin-bottom:15px;padding:10px 14px;font-size:13px}.form-modal{background:#fff;border-radius:12px;width:100%;max-width:650px;overflow:hidden}.form-body{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:7px;font-size:12px;font-weight:600}.form-group input,.form-group textarea{box-sizing:border-box;resize:vertical;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-size:13px}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb}.full-width{grid-column:span 2}.form-error-box{margin:0 24px 15px}.modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:20px 24px;display:flex}.modal-header h3{margin:0;font-size:18px}.modal-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.modal-close{cursor:pointer;background:#f3f4f6;border:none;border-radius:7px;width:32px;height:32px;font-size:20px}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.secondary-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:9px 16px}.details-modal{background:#fff;border-radius:12px;width:100%;max-width:650px;overflow:hidden}.details-grid{grid-template-columns:1fr 1fr;gap:15px;padding:24px;display:grid}.detail-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.detail-item span{color:#6b7280;margin-bottom:6px;font-size:11px;display:block}.detail-item strong{color:#111827;font-size:13px}.quick-actions{flex-direction:column;gap:10px;display:flex}.quick-action{text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:13px;display:flex}.quick-action:hover{border-color:#2563eb}.quick-action>span{color:#2563eb;background:#eff6ff;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quick-action div{flex:1}.quick-action strong{font-size:12px;display:block}.quick-action small{color:#6b7280;margin-top:3px;display:block}.quick-action b{color:#6b7280}.table-card{overflow:hidden}.table-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:10px;padding:18px;display:flex}.search-input{border:1px solid #d1d5db;border-radius:7px;outline:none;width:350px;padding:10px 13px}.search-input:focus{border-color:#2563eb}.filter-button,.action-button{background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:9px 14px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{color:#6b7280;text-align:left;white-space:nowrap;background:#f8fafc;padding:14px 18px;font-size:11px;font-weight:600}td{color:#374151;border-top:1px solid #eef0f3;padding:16px 18px;font-size:12px}td strong{color:#111827}.quantity{font-weight:600}.badge{color:#2563eb;background:#eff6ff;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:600}.action-button{color:#2563eb;border-color:#bfdbfe}.description{max-width:220px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=750px){.sidebar{width:70px}.logo>div:last-child,.nav-item:not(.active){font-size:0}.logo{justify-content:center;padding:10px}.sidebar-footer{justify-content:center}.sidebar-footer>div:last-child{display:none}.main-section{width:calc(100% - 70px);margin-left:70px}.header{padding:0 15px}.header-user>div:last-child{display:none}.page-content{padding:18px}.stats-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:15px}.search-input{width:100%}}