:root{--bg: #0b1621;--surface: #0f1e2c;--muted: #6b8ba3;--text: #eaf2f8;--accent: #d4af37;--danger: #ff6b6b;--ok: #34d399;--modal-bg: #111;--modal-overlay: rgba(0,0,0,.5);--modal-border: #333;--modal-header: #222;--form-bg: #222;--form-border: #333;--form-focus: #007bff;--form-error: #ff6b6b;--form-success: #51cf66;--btn-primary: #007bff;--btn-secondary: #6c757d;--btn-danger: #dc3545;--btn-warning: #ffa500;--btn-success: #28a745;--table-header: #1a1a1a;--table-row-hover: rgba(255,255,255,.05);--table-border: #333;--price-increase: #ff6b6b;--price-decrease: #51cf66;--price-neutral: #6c757d;--change-detail-bg: #333;--change-detail-border: #007bff;--status-new: #17a2b8;--status-pending: #ffc107;--status-approved: #28a745;--status-rejected: #dc3545;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}label{display:block;font-size:var(--font-size-sm);color:var(--muted);margin-bottom:var(--spacing-sm);font-weight:500}input,select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-md);border:1px solid black;background:#fff;color:#000;font-size:var(--font-size-base);font-family:var(--font-family);transition:var(--transition-fast)}input::placeholder,textarea::placeholder{color:#000;opacity:.7}input:focus,select:focus,textarea:focus{color:#000;outline:none;border-color:var(--form-focus);box-shadow:0 0 0 2px #007bff33}input:invalid,textarea:invalid{border-color:var(--form-error)}input:valid,textarea:valid{border-color:var(--form-success)}.field-label{display:flex;align-items:center;gap:16px}.field-status{font-size:var(--font-size-sm)}.field-status.warning{color:#ffc107}.field-status.error{color:#dc3545}.field-status.success{color:#28a745}input.warning,textarea.warning,select.warning{border-color:#ffc107!important;box-shadow:0 0 0 .2rem #ffc10740}.field{margin-bottom:var(--spacing-md)}.field.error input,.field.error textarea,.field.error select{border-color:var(--form-error)}.field.error label{color:var(--form-error)}.field-error{color:var(--form-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.field-help{color:var(--muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}select{cursor:pointer}textarea{resize:vertical;min-height:80px}input[type=checkbox],input[type=radio]{width:auto;margin-right:var(--spacing-sm)}input[type=file]{padding:var(--spacing-sm);background:var(--form-bg);color:var(--text);border:1px dashed var(--form-border)}input[type=file]:focus{border-color:var(--form-focus);border-style:solid}@keyframes pulse{0%{box-shadow:0 0 20px #d4af3799}50%{box-shadow:0 0 30px #d4af37cc}to{box-shadow:0 0 20px #d4af3799}}@keyframes slideInDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideOutUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-fade-out{animation:fadeOut var(--transition-normal)}.animate-scale-in{animation:scaleIn var(--transition-normal)}.animate-scale-out{animation:scaleOut var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--primary-color, #d4af37);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:16px;height:16px;border-width:2px}.spinner-large{width:60px;height:60px;border-width:6px}.loading-state{padding:60px 20px;text-align:center;color:var(--text-muted, #666)}.loading-state .spinner{margin:0 auto 16px}.loading-state p{font-size:16px;margin:0}.loading-indicator{padding:8px 16px;background:#d4af371a;border-radius:4px;margin-bottom:12px;font-size:14px;color:#856404;display:flex;align-items:center;gap:8px}.loading-indicator .spinner{width:16px;height:16px;border-width:2px;border-color:#85640433;border-top-color:#856404}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);color:var(--text);background:#ffffff0d;cursor:pointer;font-size:var(--font-size-base);font-family:var(--font-family);text-decoration:none;transition:var(--transition-fast);white-space:nowrap}.btn:hover{background:#ffffff14;border-color:#ffffff29;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(180deg,var(--btn-primary),#0056b3);border-color:var(--btn-primary);color:#fff}.btn.primary:hover{background:linear-gradient(180deg,#0056b3,var(--btn-primary))}.btn.secondary{background:linear-gradient(180deg,var(--btn-secondary),#5a6268);border-color:var(--btn-secondary);color:#fff}.btn.secondary:hover{background:linear-gradient(180deg,#5a6268,var(--btn-secondary))}.btn.accent{background:linear-gradient(180deg,#2b2b23,#211f10);border-color:#d4af3766;color:#ffe9a6}.btn.accent:hover{border-color:#d4af3799;background:linear-gradient(180deg,#211f10,#2b2b23)}.btn.danger{background:linear-gradient(180deg,var(--btn-danger),#c82333);border-color:var(--btn-danger);color:#fff}.btn.danger:hover{background:linear-gradient(180deg,#c82333,var(--btn-danger))}.btn.success{background:linear-gradient(180deg,var(--btn-success),#218838);border-color:var(--btn-success);color:#fff}.btn.success:hover{background:linear-gradient(180deg,#218838,var(--btn-success))}.btn.warning{background:linear-gradient(180deg,var(--btn-warning),#e0a800);border-color:var(--btn-warning);color:#fff}.btn.warning:hover{background:linear-gradient(180deg,#e0a800,var(--btn-warning))}.btn.small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn.large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.icon-btn{width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);background:linear-gradient(180deg,#2b2b23,#211f10);border:1px solid rgba(212,175,55,.5);color:#ffe9a6;box-shadow:var(--shadow-md)}.icon-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-group{display:inline-flex;border-radius:var(--radius-md);overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:1px}.btn-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);color:var(--muted);border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-close:hover{color:var(--text);background:#ffffff1a}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--table-border);text-align:left;font-size:var(--font-size-sm);vertical-align:middle}.table th{background:var(--table-header);color:var(--muted);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.6px;position:sticky;top:0;z-index:1}.table tr{transition:var(--transition-fast)}.table tr:hover{background:var(--table-row-hover)}.table tr:last-child td{border-bottom:none}.table.striped tbody tr:nth-child(2n){background:#ffffff05}.table.bordered{border:1px solid var(--table-border)}.table.bordered th,.table.bordered td{border-right:1px solid var(--table-border)}.table.bordered th:last-child,.table.bordered td:last-child{border-right:none}.table .actions-cell{width:1%;white-space:nowrap}.table .actions-row{display:flex;gap:var(--spacing-xs);align-items:center}.table .actions-row .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.table .status-cell{font-weight:600;text-transform:uppercase;font-size:var(--font-size-sm)}.table-responsive{overflow-x:auto;max-width:100%}@media (max-width: 768px){.table th,.table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.table .actions-row{flex-direction:column;gap:var(--spacing-xs)}}.table.loading{opacity:.7;pointer-events:none}.table.loading tbody tr{animation:pulse 2s infinite}.table-empty{text-align:center;padding:var(--spacing-xl);color:var(--muted);font-style:italic}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.table-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.table-search{display:flex;gap:var(--spacing-sm);align-items:center}.table-search input{min-width:250px}.table th img[alt=Filtre]{transition:opacity .2s ease,transform .2s ease;cursor:pointer;opacity:.6}.table th img[alt=Filtre]:hover{opacity:1;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-normal)}.modal{position:relative;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:300px;max-width:90vw;max-height:90vh;overflow:hidden;animation:scaleIn var(--transition-normal)}.modal.small{max-width:400px}.modal.medium{max-width:600px}.modal.large{max-width:800px}.modal.full{width:95vw;height:90vh;max-width:none;max-height:none}.modal-header{background:var(--modal-header);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--modal-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(90vh - 120px)}.modal-footer{background:var(--modal-header);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--modal-border);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.modal-overlay[data-backdrop=true]{cursor:pointer}.modal{cursor:default}@keyframes modalSlideIn{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes modalSlideOut{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-60%);opacity:0}}.modal.slide-in{animation:modalSlideIn var(--transition-normal)}.modal.slide-out{animation:modalSlideOut var(--transition-normal)}.modal.confirm .modal-body{text-align:center;padding:var(--spacing-xl)}.modal.confirm .modal-body .icon{font-size:3rem;margin-bottom:var(--spacing-md)}.modal.confirm .modal-body .icon.warning{color:var(--btn-warning)}.modal.confirm .modal-body .icon.danger{color:var(--btn-danger)}.modal.confirm .modal-body .icon.info{color:var(--btn-primary)}.modal.loading .modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:200px}.modal.loading .spinner{width:40px;height:40px;border:3px solid var(--modal-border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@media (max-width: 768px){.modal{margin:var(--spacing-md);max-width:none;width:calc(100vw - 2 * var(--spacing-md))}.modal.full{width:100vw;height:100vh;margin:0;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.field-editor .modal-content{width:95vw!important;max-width:none!important;padding:16px!important}.field-editor .modal-content>div[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:16px!important}}.field-editor .modal-content{background:var(--modal-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.field-editor .form-column{display:flex;flex-direction:column;gap:16px}.field-editor .form-group h4{margin:0 0 12px;color:var(--text);font-size:14px;font-weight:600;border-bottom:1px solid var(--border);padding-bottom:8px}.field-editor .form-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.field-editor .form-control{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);font-size:14px;transition:border-color var(--transition-fast)}.field-editor .form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #4a90e21a}.bulk-progress-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:auto}.bulk-progress-content{width:min(420px,90vw);background:var(--surface);color:var(--text);border-radius:12px;padding:24px;position:relative;box-shadow:0 12px 32px #00000059}.bulk-progress-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;transition:color var(--transition-fast)}.bulk-progress-close:hover{color:var(--text)}.bulk-progress-close:disabled{cursor:default;opacity:.5}.bulk-progress-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text)}.bulk-progress-status{margin:4px 0;font-size:14px;color:var(--text)}.bulk-progress-subtitle{margin:4px 0 12px;font-size:13px;color:var(--muted)}.bulk-progress-bar{width:100%;height:12px;background-color:#ffffff1a;border-radius:6px;overflow:hidden;margin:12px 0}.bulk-progress-fill{height:100%;background:var(--btn-success);transition:width .2s ease}.bulk-progress-fill.active{background:var(--btn-primary)}.bulk-progress-stats{margin:12px 0 0;font-size:13px;color:var(--muted)}.bulk-progress-errors{margin-top:12px;background-color:#dc35451a;padding:12px;border-radius:8px;color:#f5c6cb}.bulk-progress-errors-title{display:block;margin-bottom:6px;color:#f8d7da;font-weight:600}.bulk-progress-errors-list{margin:0;padding-left:18px;font-size:12px}.bulk-progress-errors-more{margin-top:6px;font-size:12px;opacity:.8}.bulk-progress-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.bulk-progress-btn{padding:6px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.bulk-progress-btn.cancel{background-color:var(--btn-warning);color:var(--bg)}.bulk-progress-btn.close{background-color:var(--btn-success);color:#fff}.bulk-progress-btn:hover{opacity:.9;transform:translateY(-1px)}.deletion-warning-modal{background:#fff;border-radius:12px;width:min(600px,90vw);max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;animation:scaleIn var(--transition-normal)}.warning-header{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-bottom:1px solid #fecaca;padding:20px 24px;border-radius:12px 12px 0 0}.warning-title{display:flex;align-items:center;gap:12px}.warning-icon{font-size:28px;color:#dc2626}.warning-title h3{margin:0;color:#dc2626;font-size:20px;font-weight:600}.warning-summary{padding:24px;border-bottom:1px solid #e5e7eb}.warning-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px}.warning-message strong{color:#dc2626;font-size:16px}.already-removed-info{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-bottom:20px}.already-removed-message{color:#92400e;font-size:14px;margin:0;display:flex;align-items:flex-start;gap:8px}.info-icon{font-size:16px;flex-shrink:0;margin-top:1px}.loading-section{text-align:center;padding:24px;color:#6b7280}.loading-section .spinner{width:24px;height:24px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.supplier-impact{margin-top:16px}.impact-summary{font-size:15px;color:#374151;margin-bottom:16px}.impact-summary strong{color:#dc2626}.affected-suppliers h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.suppliers-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;max-height:120px;overflow-y:auto}.supplier-item{padding:4px 0}.supplier-info{display:flex;justify-content:space-between;align-items:center}.supplier-name{color:#374151;font-weight:500;font-size:13px}.material-count{color:#6b7280;font-size:12px;background:#e5e7eb;padding:2px 6px;border-radius:3px}.no-suppliers{margin-top:16px}.no-impact{color:#059669;font-weight:500;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:12px;margin:0}.consequences-section{padding:24px;background:#fffbeb;border-bottom:1px solid #e5e7eb}.consequences-section h4{color:#92400e;font-size:15px;font-weight:600;margin:0 0 16px}.consequences-list{list-style:none;padding:0;margin:0}.consequences-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;line-height:1.5;color:#374151}.consequence-icon{font-size:14px;margin-top:1px;flex-shrink:0}.confirmation-section{padding:24px}.confirmation-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.confirmation-checkbox input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:#dc2626}.checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.confirmation-text{font-size:13px;line-height:1.5;color:#374151}.supplier-warning{color:#dc2626;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.deletion-progress{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin:16px 0;text-align:center}.progress-spinner{margin-bottom:12px}.progress-spinner .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.progress-text{color:#374151;font-weight:600;font-size:15px;margin:8px 0 4px}.progress-subtext{color:#6b7280;font-size:13px;margin:0}.form-builder-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.form-builder-modal{background:#fff;border-radius:var(--radius-md);width:95vw;height:90vh;max-width:1400px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-xl)}.form-builder-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#fff;border-bottom:1px solid #ddd;margin-bottom:var(--spacing-lg)}.form-builder-header h2{margin:0;color:#333}.form-builder-container{flex:1;overflow:auto;padding:var(--spacing-lg)}.tab-navigation{display:flex;border-bottom:1px solid #ddd;margin-bottom:var(--spacing-lg)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:#666;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-base);font-weight:400;transition:var(--transition-fast)}.tab-button.active{background:#007bff;color:#fff;border-bottom-color:#007bff;font-weight:700}.tab-button:hover:not(.active){color:#333;background:#f8f9fa}.field-type-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#f8f9fa;border-radius:var(--radius-md)}.field-type-buttons h4{grid-column:1 / -1;margin:0 0 var(--spacing-md) 0;color:#333}.field-type-buttons .btn{padding:var(--spacing-sm);font-size:var(--font-size-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-height:60px;background:#fff;border:1px solid #ddd;color:#333}.field-type-buttons .btn:hover{border-color:#007bff;background:#f0f8ff}.field-cards{display:flex;flex-direction:column;gap:var(--spacing-sm)}.field-card{border:1px solid #ddd;border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-sm) 0;background:#fff;cursor:move;transition:var(--transition-fast)}.field-card:hover{box-shadow:var(--shadow-md);border-color:#007bff}.field-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.field-header h5{margin:0 0 var(--spacing-xs) 0;color:#333;font-size:var(--font-size-base)}.field-actions{display:flex;gap:var(--spacing-xs)}.field-details{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:#666}.empty-state{text-align:center;padding:var(--spacing-xl);color:#666;border:2px dashed #ddd;border-radius:var(--radius-md);background:#f8f9fa}.field-list h4{margin:0 0 var(--spacing-md) 0;color:#333}.preview-container{background:#f8f9fa;border-radius:var(--radius-md);padding:var(--spacing-lg)}.preview-field{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-sm);background:#fff}.preview-field.error{border:1px solid #dc3545;background:#fff5f5}.preview-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:#333}.preview-field label.error{color:#dc3545}.preview-field input,.preview-field textarea,.preview-field select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #ccc;border-radius:var(--radius-sm);font-size:var(--font-size-base);background:#fff;color:#333}.preview-field .field-error{color:#dc3545;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.FormBuilder input,.FormBuilder select,.FormBuilder textarea{background:#fff!important;color:#000!important;border:1px solid black!important;padding:var(--spacing-sm)!important}.FormBuilder input::placeholder,.FormBuilder textarea::placeholder{color:#000!important}.FormBuilder input:focus,.FormBuilder select:focus,.FormBuilder textarea:focus{color:#000!important;background:#fff!important;border-color:#007bff!important}.FormBuilder label{color:#333!important;font-weight:500!important}.tab-content .builder-content{display:flex!important;flex-direction:column!important;gap:0!important;min-height:auto!important}.tab-content .builder-content>div:first-child{flex:0 0 auto!important;margin-bottom:0!important}.tab-content .builder-content>div:last-child{flex:0 0 auto!important;margin-top:0!important;margin-bottom:0!important}.QuoteForm{max-width:800px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.dynamic-form.two-col .form-section{margin-bottom:var(--spacing-lg)}.dynamic-form.two-col .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}@media (max-width: 900px){.dynamic-form.two-col .form-grid{grid-template-columns:1fr}}.dynamic-form.two-col .form-actions{margin-top:var(--spacing-lg);display:flex;justify-content:flex-end}.dynamic-form.two-col .field{margin-bottom:var(--spacing-sm)}.dynamic-form.two-col label{margin-bottom:var(--spacing-xs)}.dynamic-form.two-col input,.dynamic-form.two-col select,.dynamic-form.two-col textarea{padding:6px 8px;font-size:var(--font-size-sm)}.dynamic-form.two-col .section-card{border:1px solid rgba(255,255,255,.08);background:#ffffff05;border-radius:var(--radius-md);padding:var(--spacing-md)}.dynamic-form.two-col .section-title{margin:0 0 var(--spacing-sm) 0;font-weight:600;color:var(--text)}.dynamic-form.two-col .required-note{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--muted)}.QuoteForm h2{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--text);text-align:center;font-size:var(--font-size-2xl)}.step-navigation{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.step-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--muted);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.step-indicator.active{border-color:var(--accent);background:#d4af371a;color:var(--accent)}.step-indicator.completed{border-color:var(--ok);background:#34d3991a;color:var(--ok)}.step-indicator.error{border-color:var(--danger);background:#ff6b6b1a;color:var(--danger)}.step-indicator:hover:not(.active){border-color:#fff3;background:#ffffff14}.step-content{min-height:400px;margin-bottom:var(--spacing-xl)}.step-header{margin-bottom:var(--spacing-lg);text-align:center}.step-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text);font-size:var(--font-size-xl)}.step-header p{margin:0;color:var(--muted);font-size:var(--font-size-base)}.step-progress{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:var(--spacing-lg);overflow:hidden}.step-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#f4d03f);transition:width .3s ease;border-radius:3px}.step-buttons{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.step-buttons .btn{min-width:120px}.form-section{margin-bottom:var(--spacing-xl)}.form-section h4{margin:0 0 var(--spacing-md) 0;color:var(--text);font-size:var(--font-size-lg);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--spacing-sm)}.proc-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.proc-item{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:var(--font-size-sm);transition:var(--transition-fast)}.proc-item:hover{border-color:var(--accent);background:#d4af371a}.proc-item input{width:16px;height:16px;margin:0}.dims-row{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md)}.dims-row .x{color:var(--muted);font-weight:700;padding:0 var(--spacing-xs)}.tile-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tile{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.tile:hover{border-color:#fff3;background:#ffffff14}.tile.active{border-color:var(--accent);box-shadow:0 0 0 1px #d4af3766 inset;color:#ffe9a6;background:#d4af3733}.file-upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;background:#ffffff05;transition:var(--transition-fast);cursor:pointer}.file-upload-area:hover{border-color:var(--accent);background:#d4af370d}.file-upload-area.dragover{border-color:var(--accent);background:#d4af371a}.file-upload-container{margin-bottom:var(--spacing-md)}.file-upload-area .upload-text{color:var(--text);font-weight:500;margin-bottom:var(--spacing-xs)}.file-upload-area .upload-help{color:var(--muted);font-size:var(--font-size-sm)}.file-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.file-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#ffffff0a}.file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;color:var(--accent)}.file-info{flex:1}.file-name{color:var(--text);font-size:var(--font-size-sm);font-weight:500;margin-bottom:2px}.file-size{color:var(--muted);font-size:var(--font-size-xs)}.btn-remove{width:24px;height:24px;border:none;background:#ff6b6b33;color:var(--danger);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:var(--transition-fast)}.btn-remove:hover{background:#ff6b6b4d}.file-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.file-card{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-sm);background:#ffffff05;text-align:center}.file-card:hover .dl{opacity:1}.file-card .dl{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);opacity:0;transition:opacity var(--transition-fast);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.QuoteForm input,.QuoteForm select,.QuoteForm textarea{background:#fff!important;color:#000!important;border:1px solid black!important;padding:var(--spacing-sm)!important}.QuoteForm input::placeholder,.QuoteForm textarea::placeholder{color:#000!important}.QuoteForm input:focus,.QuoteForm select:focus,.QuoteForm textarea:focus{color:#000!important;background:#fff!important;border-color:#000!important}.QuoteForm label{color:var(--muted)!important}@media (max-width: 768px){.QuoteForm{margin:var(--spacing-md);padding:var(--spacing-md)}.step-navigation{flex-wrap:wrap}.step-buttons{flex-direction:column}.dims-row{flex-direction:column;align-items:stretch}.proc-grid,.tile-grid{justify-content:center}}.admin-panel{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h2{margin:0;color:var(--text);font-size:var(--font-size-2xl)}.admin-actions{display:flex;gap:var(--spacing-sm);align-items:center}.admin-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:250px;max-width:400px}.search-box input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#ffffff0d;color:var(--text);font-size:var(--font-size-base)}.search-box input::placeholder{color:var(--muted)}.search-box input:focus{border-color:var(--accent);background:#ffffff14}.filter-controls{display:flex;gap:var(--spacing-sm);align-items:center}.filter-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent);color:#000;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.filter-badge .remove{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.filter-badge .remove:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:linear-gradient(135deg,var(--surface),#0c1924);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.stat-card h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-2xl);color:var(--accent);font-weight:700}.stat-card p{margin:0;color:var(--muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.price-review-modal{max-width:600px}.price-review-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.price-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.price-indicator.increase{background:#ff6b6b33;color:var(--price-increase);border:1px solid var(--price-increase)}.price-indicator.decrease{background:#51cf6633;color:var(--price-decrease);border:1px solid var(--price-decrease)}.price-indicator.neutral{background:#6c757d33;color:var(--price-neutral);border:1px solid var(--price-neutral)}.price-changes{background:var(--change-detail-bg);border:1px solid var(--change-detail-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.price-changes h4{margin:0 0 var(--spacing-sm) 0;color:var(--text);font-size:var(--font-size-base)}.change-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(255,255,255,.1)}.change-item:last-child{border-bottom:none}.change-label{color:var(--muted);font-size:var(--font-size-sm)}.change-value{color:var(--text);font-weight:500}.change-value.increase{color:var(--price-increase)}.change-value.decrease{color:var(--price-decrease)}.bulk-actions{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.bulk-actions .selected-count{color:var(--accent);font-weight:600;margin-right:var(--spacing-sm)}.status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.new{background:#17a2b833;color:var(--status-new);border:1px solid var(--status-new)}.status.pending{background:#ffc10733;color:var(--status-pending);border:1px solid var(--status-pending)}.status.approved{background:#28a74533;color:var(--status-approved);border:1px solid var(--status-approved)}.status.rejected{background:#dc354533;color:var(--status-rejected);border:1px solid var(--status-rejected)}.admin-panel input,.admin-panel select,.admin-panel textarea{background:#ffffff0d!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important}.admin-panel input:focus,.admin-panel select:focus,.admin-panel textarea:focus{background:#ffffff14!important;border-color:var(--accent)!important}@media (max-width: 768px){.admin-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.admin-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.stats-grid{grid-template-columns:1fr}.bulk-actions{flex-wrap:wrap}}.advanced-price-rules{display:block}.migration-manager{background:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;border-left:4px solid #007bff}.migration-header{margin-bottom:20px;border-bottom:1px solid #dee2e6;padding-bottom:15px}.migration-header h3{margin:0 0 5px;color:#343a40;font-size:1.5em}.migration-subtitle{color:#6c757d;font-size:.9em;margin-bottom:5px}.last-update{color:#868e96;font-size:.8em;font-style:italic}.migration-status{margin-bottom:25px}.migration-status h4{margin:0 0 15px;color:#495057}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:15px}.status-card{background:#fff;border-radius:6px;padding:15px;text-align:center;border:1px solid #dee2e6;transition:all .2s ease}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.status-card.migrated{border-color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.status-card.needs-migration{border-color:#ffc107;background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.status-card.new-architecture{border-color:#17a2b8;background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.status-card.legacy{border-color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.status-value{font-size:2em;font-weight:700;color:#343a40;margin-bottom:5px}.status-label{font-size:.8em;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.migration-complete{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:10px 15px;border-radius:4px;margin-top:15px}.migration-issues{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:10px 15px;border-radius:4px;margin-top:15px}.migration-actions{margin-bottom:25px}.migration-actions h4{margin:0 0 15px;color:#495057}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-small{padding:6px 12px;font-size:.8em}.action-descriptions{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:15px}.action-desc{margin-bottom:8px;font-size:.85em;line-height:1.4}.action-desc:last-child{margin-bottom:0}.action-desc strong{color:#495057}.migration-report{margin-bottom:20px}.migration-report h4{margin:0 0 15px;color:#495057}.report-section{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:15px;margin-bottom:15px}.report-section h5{margin:0 0 10px;color:#343a40;font-size:1em}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pattern-item{display:flex;justify-content:space-between;padding:8px;background:#f8f9fa;border-radius:3px}.pattern-label{font-weight:500;color:#495057}.pattern-value{color:#007bff;font-weight:700}.issues-list{max-height:200px;overflow-y:auto}.issue-item{margin-bottom:10px;padding:10px;background:#fff3cd;border-left:3px solid #ffc107;border-radius:3px}.issue-item strong{color:#856404}.issue-item ul{margin:5px 0 0 20px;color:#6c757d}.more-issues{padding:10px;text-align:center;color:#6c757d;font-style:italic}.recommendations{margin:0;padding-left:20px}.recommendations li{margin-bottom:5px;color:#495057}.migration-refresh{text-align:center;padding-top:15px;border-top:1px solid #dee2e6}.loading{text-align:center;padding:40px;color:#6c757d;font-style:italic}@media (max-width: 768px){.status-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.btn{width:100%}.pattern-grid{grid-template-columns:1fr}}:root{--background: #ffffff;--foreground: #0c0a09;--muted: #f5f5f4;--muted-foreground: #78716c;--border: #e7e5e4;--input: #e7e5e4}.radio-group{display:flex;gap:16px}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#374151}.radio-label input[type=radio]{accent-color:#3b82f6}.radio-label span{color:#374151}.materials-page{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1.5rem 1.5rem;background:#f9fafb;min-height:calc(100vh - 68px);box-sizing:border-box}body{margin:0;padding:0;min-height:100vh}body:has(.materials-page){background:#f9fafb}#root{min-height:calc(100vh - 68px);display:flex;flex-direction:column}.materials-tabs-container{display:flex;flex-direction:column;height:100%;flex:1}.materials-tabs-header{display:flex;padding:4px;background:#f8f9fa;border-bottom:1px solid rgb(229,231,235);border-radius:6px 6px 0 0;gap:4px;margin-bottom:.75rem;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap}.materials-tab-btn{padding:8px 16px;font-size:13px;border:none;border-radius:4px;cursor:pointer;font-weight:500;color:#4b5563;background:transparent;box-shadow:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none}.materials-tab-btn:hover{color:#111827;background:#ffffff80}.materials-tab-btn.active{font-weight:600;color:#111827;background:#fff;box-shadow:0 1px 3px #0000001a}.tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-label{font-size:13px;line-height:1;font-weight:inherit}.materials-page-title{font-size:32px;font-weight:700;margin:0 0 16px;color:#111827;line-height:1.2}.materials-tab-content{flex:1;display:flex;flex-direction:column}.tab-panel{flex:1;display:none;flex-direction:column}.tab-panel.active{display:flex}.stocks-tab-content,.orders-tab-content,.suppliers-tab-content{display:flex;flex-direction:column;gap:0;flex:1}.suppliers-dashboard .card{background:#f8f9fa!important;padding:12px 16px!important;border-radius:6px!important;box-shadow:none!important;text-align:left!important;border:none!important;border-left:4px solid #28a745!important;transition:transform .2s;flex:1;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0}.orders-dashboard .card{background:#f8f9fa!important;padding:12px 16px!important;border-radius:6px!important;box-shadow:none!important;text-align:left!important;border:none!important;border-left:4px solid #f59e0b!important;transition:transform .2s;flex:1;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0}.suppliers-table-placeholder,.orders-table-placeholder{background:#fff;border-radius:8px;padding:2rem;text-align:center;color:#6b7280;font-style:italic;border:2px dashed #e5e7eb;margin-top:1rem}.orders-tabs .tab-button{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.orders-tabs .tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#fff;font-weight:600}.orders-tabs .tab-button:hover:not(.active){color:#374151;background:#f3f4f6}.orders-tabs .tab-button:disabled{opacity:.5;cursor:not-allowed}.orders-tabs .tab-count{background:#e5e7eb;color:#6b7280;padding:.125rem .375rem;border-radius:.75rem;font-size:.75rem;font-weight:500;min-width:1.25rem;text-align:center}.orders-tabs .tab-button.active .tab-count{background:#dbeafe;color:#3b82f6}.orders-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin:20px 0}.orders-empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.orders-empty-state .empty-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.orders-empty-state .empty-message{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.orders-tab-content .materials-table{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;overflow:hidden;margin-bottom:2rem}.orders-tab-content .table-container{overflow-x:auto}.orders-tab-content .table-container table{width:100%;border-collapse:collapse}.orders-tab-content .table-container td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:top}.orders-tab-content .table-container tbody tr:hover{background:#f8fafc}.orders-tab-content .mes-table-row{cursor:pointer;background-color:#fff;transition:background-color .2s ease;height:25px}.orders-tab-content .mes-table-row:hover{background-color:#f9fafb}.orders-tab-content .mes-table-row td{padding:2px 8px!important;color:#111827!important;font-size:13px!important;border-bottom:1px solid rgb(243,244,246)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;line-height:1.2!important;height:25px!important;vertical-align:middle}.mes-code-text{display:inline-block;font-family:monospace;font-size:11px;font-weight:600;color:#6b7280}.help-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 20px #3b82f666;z-index:1001;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.help-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f699}.help-button:active{transform:scale(.95)}.help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1002;opacity:0;visibility:hidden;transition:all .3s ease}.help-overlay.active{opacity:1;visibility:visible}.help-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:800px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;z-index:1003;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden}.help-panel.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.help-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.help-title{font-size:24px;font-weight:700;color:#111827;margin:0}.help-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.help-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s}.help-close:hover{background:#f3f4f6;color:#111827}.help-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 120px)}.help-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid #e5e7eb}.help-tab{padding:12px 20px;background:none;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;position:relative}.help-tab.active{color:#2563eb;background:#eff6ff}.help-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#2563eb}.help-tab:hover:not(.active){background:#f3f4f6}.help-section{display:none}.help-section.active{display:block}.help-step{margin-bottom:24px;padding:20px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.help-step-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.help-step-number{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.help-step-title{font-size:18px;font-weight:600;color:#111827;margin:0}.help-step-description{color:#6b7280;margin-bottom:16px;line-height:1.6}.help-step-details{background:#f3f4f6;padding:16px;border-radius:8px;margin-bottom:16px}.help-step-details ul{margin:0;padding-left:20px}.help-step-details li{margin-bottom:8px;color:#111827;line-height:1.5}.help-action-button{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.help-action-button:hover{background:#1d4ed8}@media (max-width: 768px){.help-button{bottom:16px;right:16px;width:48px;height:48px;font-size:18px}.help-panel{width:95%;max-height:90vh}.help-header{padding:16px}.help-content{padding:16px;max-height:calc(90vh - 100px)}.help-tabs{flex-wrap:wrap}.help-tab{padding:8px 16px;font-size:13px}}.mes-filter-bar{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;margin-bottom:16px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.materials-dashboard-container{display:flex;gap:8px;flex-shrink:0}.mes-primary-action{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:44px;border:none;border-radius:6px;background:#111827;color:#fff;font-weight:500;cursor:pointer;font-size:13px;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.mes-primary-action:hover:not(:disabled){background:#1f2937}.mes-primary-action:disabled{opacity:.5;cursor:not-allowed}.mes-filter-button{height:44px;padding:6px 8px;border:1px solid rgb(229,231,235);background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap;color:#4b5563;flex-shrink:0}.mes-filter-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.mes-filter-button:disabled{opacity:.5;cursor:not-allowed}.materials-dashboard{display:flex;gap:8px;flex-shrink:0}.materials-dashboard .card{background:#f9fafb;padding:4px 8px;border-radius:6px;border:1px solid rgb(229,231,235);text-align:left;transition:all .15s ease;display:flex;align-items:center;gap:6px;height:30px;white-space:nowrap}.materials-dashboard .card:hover{background:#f3f4f6;border-color:#d1d5db}.materials-dashboard .card h3{margin:0;font-size:11px;font-weight:500;color:#6b7280;white-space:nowrap}.materials-dashboard .card p{margin:0;font-size:14px;font-weight:600;color:#111827;white-space:nowrap}.materials-dashboard .card p.warning{color:#dc2626;animation:pulse 2s infinite}.materials-dashboard.is-inline{background:#f9fafb;padding:4px 12px;border-radius:6px;border:1px solid rgb(229,231,235);height:30px;display:flex;align-items:center;gap:12px}.materials-dashboard.is-inline .stat{display:flex;align-items:center;gap:6px;white-space:nowrap}.materials-dashboard.is-inline .stat-label{font-size:11px;font-weight:500;color:#6b7280}.materials-dashboard.is-inline .stat-value{font-size:13px;font-weight:600;color:#111827}.materials-dashboard.is-inline .stat-value.warning{color:#dc2626}.materials-dashboard.is-inline .divider{width:1px;height:16px;background:#d1d5db;flex-shrink:0}section.materials-dashboard div.card{padding:12px}.materials-dashboard .card p.warning{color:#dc3545;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.mes-filter-controls{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible}.mes-filter-input{height:44px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;min-width:120px;max-width:none;width:100%;flex:1 1 auto;font-size:13px;background:#fff;color:var(--foreground)}.mes-filter-input:focus{outline:none;border:1px solid var(--border)}.mes-filter-input:hover{border:1px solid var(--border)}.mes-filter-input:valid,.mes-filter-input:invalid{border:1px solid var(--border);box-shadow:none}.mes-filter-input:-webkit-autofill,.mes-filter-input:-webkit-autofill:hover,.mes-filter-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset;border:1px solid var(--border)!important}.mes-filter-group{position:relative;flex:0 0 auto;white-space:nowrap;overflow:visible}.mes-filter-button{height:44px;padding:6px 8px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease;color:var(--foreground);white-space:nowrap}.mes-filter-button:hover{background:#f9fafb}.mes-filter-caret{margin-left:auto;opacity:.6}.mes-filter-count{color:#9ca3af;font-size:12px;font-weight:400}.mes-filter-button.is-compact{height:30px;padding:3px 6px;gap:5px;font-size:12px}.mes-filter-input.is-compact{height:30px;padding:3px 12px;font-size:13px}.mes-primary-action.is-compact{height:30px;padding:3px 8px;gap:5px;font-size:11px}.mes-filter-clear.is-compact{height:30px;padding:3px 8px;font-size:11px;min-width:fit-content}.mes-filter-clear{height:44px;padding:0 8px;border:1px solid #ef4444;background:#fff;color:#ef4444;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;transition:background .15s ease;min-width:fit-content}.mes-filter-clear:hover{background:#fef2f2}.filter-group{display:flex;flex-direction:column;min-width:0}.filter-group select{padding:6px 12px;border:1px solid rgb(229,231,235);border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:border-color .15s ease;height:44px;color:#4b5563}.filter-group select:focus{outline:none;border-color:#d1d5db}.multi-select-container{position:relative;overflow:visible}.multi-select-header{height:44px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:var(--foreground);transition:border-color .15s ease,background .15s ease;min-width:0}.multi-select-header.is-compact{height:30px;padding:3px 6px;gap:5px;font-size:12px}.multi-select-header:hover{background:#f9fafb}.multi-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:240px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000014;z-index:1000;overflow:visible}.mes-filter-panel-header{padding:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;justify-content:flex-end;box-sizing:border-box}.mes-filter-panel-button{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:3px 8px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer;transition:background .15s ease}.mes-filter-panel-button:hover{background:#f9fafb}.mes-filter-panel-content{max-height:240px;overflow:auto;padding:8px;display:grid;gap:2px}.mes-filter-panel-content label{display:flex;align-items:center;gap:8px;padding:1.5px 2px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:12px;color:#0c0a09}.mes-filter-panel-content label:hover{background:#f9fafb}.mes-filter-panel-content label span{font-size:12px;color:#0c0a09}.mes-filter-panel-content label input[type=checkbox]{margin:0;width:14px;height:14px;cursor:pointer;flex-shrink:0}.multi-select-option:last-child{margin-bottom:0}.multi-select-option:hover{background-color:#f9fafb}.multi-select-option input[type=checkbox]{margin:0;width:14px;height:14px;cursor:pointer}.multi-select-option span{font-size:12px}.no-options{padding:12px;text-align:center;color:#9ca3af;font-size:12px;font-style:italic}.mes-filter-button.status-aktif{background:#dcfce7;border-color:#86efac;color:#166534}.mes-filter-button.status-removed{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.mes-filter-button.status-tumü{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.mes-filter-button.active{background:#fefce8;border-color:#eab308;color:#854d0e}@media (max-width: 768px){.materials-dashboard{min-width:unset;flex-direction:column;gap:8px}.materials-dashboard .card{flex:1;padding:3px 12px!important;height:auto;min-height:50px}.materials-dashboard .card h3{font-size:10px}.materials-dashboard .card p{font-size:14px}}.materials-table{background:#fff;border-radius:8px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;overflow:hidden;margin-bottom:2rem}.materials-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--muted);padding:0;margin:0;overflow-x:auto}.tab-button{background:none;border:none;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:500;color:var(--muted-foreground);border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.tab-button:hover{color:var(--foreground);background:#ffffff80}.tab-button.active{color:var(--foreground);border-bottom-color:var(--foreground);background:var(--background);font-weight:600}.tab-count{background:var(--border);color:var(--muted-foreground);padding:1px 5px;border-radius:8px;font-size:10px;font-weight:500;min-width:18px;text-align:center;line-height:1.4}.tab-button.active .tab-count{background:var(--foreground);color:var(--background)}.table-container{overflow-x:auto}.stock-cell{padding:2px 8px!important;min-width:120px;max-width:150px}.stock-bar-container{display:flex;flex-direction:column;gap:2px;cursor:help}.stock-bar-horizontal{display:flex;align-items:center;gap:4px}.stock-bar{flex:1;height:6px;position:relative;min-width:60px}.stock-bar-background{width:100%;height:100%;background:#e5e7eb;border-radius:4px;position:relative;overflow:hidden}.stock-fill{height:100%;border-radius:4px;transition:all .3s ease}.stock-fill.normal{background:linear-gradient(90deg,#10b981,#34d399)}.stock-fill.low{background:linear-gradient(90deg,#ef4444,#f87171);animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.reorder-line{position:absolute;top:0;bottom:0;width:2px;background:#f59e0b;z-index:2}.reorder-line:before{content:"";position:absolute;top:-1px;left:-2px;width:6px;height:3px;background:#f59e0b;border-radius:1px}.stock-current{font-weight:600;font-size:.75rem;min-width:30px;text-align:right}.stock-current.normal{color:#10b981}.stock-current.low{color:#ef4444}.materials-table tr.inactive .stock-bar-background{background:#f3f4f6;opacity:.6}.materials-table tr.inactive .stock-fill{background:#d1d5db!important;opacity:.5}.materials-table tr.inactive .reorder-line{background:#9ca3af;opacity:.5}.materials-table tr.inactive .reorder-line:before{background:#9ca3af}.materials-table tr.inactive .stock-current{color:#9ca3af!important;opacity:.7}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;margin:0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.header-actions{display:flex;align-items:center;gap:.5rem}.header-actions .btn-edit,.header-actions .btn-save,.header-actions .btn-delete{padding:.25rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem;line-height:1;min-width:auto}.header-actions .btn-edit{background:#f59e0b;color:#fff}.header-actions .btn-edit:hover{background:#d97706}.header-actions .btn-save{background:#10b981;color:#fff}.header-actions .btn-save:hover{background:#059669}.header-actions .btn-delete{background:#ef4444;color:#fff}.header-actions .btn-delete:hover{background:#dc2626}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1}.modal-close:hover{color:#374151}.modal-form{padding:1.5rem;flex:1;overflow-y:auto}.form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.form-group input,.form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background:#fff;color:#374151}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.readonly-input:focus{outline:none!important;box-shadow:none!important}.editable-input:focus{outline:none!important;border-color:#d4af37!important;box-shadow:0 0 0 2px #d4af371a!important}selectselect textareatextarea .modal-form.material-details-layout{display:flex!important;flex-direction:column!important;gap:20px!important;max-height:70vh;overflow-y:auto;padding:1.5rem!important;margin:0!important}.modal-form.material-details-layout .details-top-section{display:grid!important;grid-template-columns:1fr max-content!important;gap:20px!important;margin:0!important}.modal-form.material-details-layout>div{margin:0!important}.modal-form.material-details-layout .details-left-section,.modal-form.material-details-layout .details-right-section,.modal-form.material-details-layout .details-bottom-section,.modal-form.material-details-layout .supply-history-section{flex:1;border:1px solid #e0e0e0;padding:15px;border-radius:6px;margin:0!important}.modal-form.material-details-layout .details-right-section{flex:none!important;width:280px;min-width:280px}.modal-form.material-details-layout .details-left-section h3,.modal-form.material-details-layout .details-right-section h3,.modal-form.material-details-layout .details-bottom-section h3,.modal-form.material-details-layout .supply-history-section h3{margin:0 0 15px!important;font-size:14px;font-weight:600;color:#374151}.modal-form.material-details-layout .details-content{display:flex;flex-direction:column;gap:3px}.detail-row{display:flex;align-items:center;margin-bottom:8px}.detail-row-start{display:flex;align-items:flex-start;margin-bottom:8px}.detail-label{font-weight:600;font-size:12px;color:#374151;min-width:120px;margin-right:8px;flex-shrink:0}.detail-value{font-size:12px;color:#111827;flex:1}.material-details-layout .stock-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:3px!important}.details-right-section{background:#f8f9fa;border:2px dashed #dee2e6;display:flex;align-items:center;justify-content:center}.placeholder-content{color:#6c757d;font-style:italic;text-align:center}.supply-history-table{border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.supply-history-table table{width:100%;border-collapse:collapse}.supply-history-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;font-size:12px;color:#374151;border-bottom:1px solid #dee2e6}.supply-history-table td{padding:8px 12px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#111827}.supply-history-table .no-data{text-align:center;color:#6b7280;font-style:italic;padding:20px}.category-management-modal{width:500px;max-width:90vw}.category-management-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.header-actions{display:flex;align-items:center;gap:10px}.categories-section{margin-bottom:20px}.categories-section h4{margin-bottom:10px;color:#333;font-size:14px}.categories-list{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:8px}.category-item{padding:8px;margin-bottom:4px;border-radius:4px;border:1px solid #eee;background:#fafafa}.category-display{display:flex;justify-content:space-between;align-items:center}.category-name{font-weight:500;color:#333}.category-actions{display:flex;gap:4px}.category-actions button{background:none;border:none;cursor:pointer;padding:2px;border-radius:2px;font-size:12px}.category-actions button:hover{background-color:#0000001a}.category-edit{display:flex;gap:8px;align-items:center}.category-edit input{flex:1;padding:4px 8px;border:1px solid #ccc;border-radius:3px;font-size:13px}.edit-actions{display:flex;gap:4px}.save-btn,.cancel-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:2px;font-size:12px}.save-btn:hover{background-color:#d4edda}.cancel-btn:hover{background-color:#f8d7da}.add-category-section h4{margin-bottom:10px;color:#333;font-size:14px}.add-category-form{display:flex;gap:8px;align-items:center}.add-category-form input{flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:13px}.add-btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.add-btn:hover{background-color:#0056b3}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff;position:sticky;bottom:0}.btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:4px;padding:.75rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-save{background:#10b981;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;cursor:pointer;font-weight:500;transition:background-color .2s ease}.btn-save:hover{background:#059669}.btn-edit{background:#f59e0b;color:#fff;border:none;border-radius:6px;padding:.75rem 1.5rem;cursor:pointer;font-weight:500;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.btn-edit:hover{background:#d97706}.materials-table table{width:100%;border-collapse:collapse}.materials-table th,.orders-tab-content .table-container th,.supply-history-table th{padding:8px;text-align:center;border-bottom:1px solid #e5e7eb;background:#f8f9fa;font-weight:600;color:#374151;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:sticky;top:0;z-index:10}.materials-table td,.orders-tab-content .table-container td,.supply-history-table td{padding:2px 8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #f3f4f6;color:#111827;font-size:13px;line-height:1.2;height:25px;vertical-align:middle}.mes-table-row{cursor:pointer;background-color:#fff;transition:background-color .2s ease;height:25px}.mes-table-row:hover{background-color:#f9fafb}.mes-tag{background-color:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;display:inline-block;line-height:1.4;white-space:nowrap}.mes-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;display:inline-block;line-height:1.4;white-space:nowrap}.mes-badge.active{background:#dcfce7;color:#16a34a}.mes-badge.inactive{background:#f3f4f6;color:#6b7280}.mes-badge.success{background:#dcfce7;color:#16a34a}.mes-badge.warning{background:#fef3c7;color:#d97706}.mes-badge.danger{background:#fee2e2;color:#dc2626}.mes-badge.info{background:#dbeafe;color:#2563eb}.mes-badge .mes-sort-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;font:inherit;color:inherit;transition:opacity .15s ease}.mes-sort-button:hover{opacity:.7}.mes-sort-icon{font-size:12px;opacity:.6;transition:opacity .15s ease}.mes-sort-button:hover .mes-sort-icon{opacity:1}.supplier-detail-panel,.material-detail-panel,.order-detail-panel{flex:1 1 0%;min-width:400px;height:auto}.suppliers-container,.materials-container,.orders-container{display:flex;gap:12px;height:calc(100vh - 200px);flex-direction:row}.suppliers-table-panel,.orders-table-panel{flex:1 1 0%;min-width:300px;display:flex;flex-direction:column;height:auto}.materials-table-container{flex:1 1 0%;min-width:300px;overflow:auto}@media (max-width: 768px){.materials-page{padding:1rem;gap:1rem}.suppliers-container,.materials-container,.orders-container{flex-direction:column;height:auto}.supplier-detail-panel,.material-detail-panel,.order-detail-panel{min-width:auto;width:100%}.materials-dashboard{flex-direction:column}.materials-filters input,.materials-filters select,.materials-filters button{min-width:auto;width:100%}.materials-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:.75rem 1rem;font-size:.8rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.materials-table table{min-width:600px}.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header,.modal-form{padding:1rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.form-group .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.form-group label .modal-content{max-height:85vh;overflow-y:auto}.modal-form .form-section:last-child{margin-bottom:0}.form-group select,.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.materials-table .orders-tabs button{padding:12px 24px;border:none;background:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.orders-tabs button:hover{background-color:#f3f4f6}.orders-tabs button.active{border-bottom:2px solid #3b82f6;color:#3b82f6}.order-summary-card{border:1px solid #e5e7eb;border-radius:6px;padding:20px;background:#fff;margin-bottom:20px}.order-summary-row:last-child{border-bottom:none}.order-total{color:#059669;font-weight:600;font-size:16px}.order-items-grid:last-child{border-bottom:none}.order-item-total{text-align:right;font-weight:600;font-size:14px}.order-step:last-child{margin-right:0}.order-step-number.active{background:#3b82f6;color:#fff}.order-step-number.inactive{background:#e5e7eb;color:#6b7280}.order-step-label.active{color:#1f2937}.order-step-label.inactive{color:#6b7280}.order-step-connector.completed{background:#3b82f6}.order-step-connector .material-selection-item:last-child{border-bottom:none}.material-selection-item:hover{background-color:#f8f9fa}.order-status-select{padding:4px;font-size:10px;border:1px solid #d1d5db;border-radius:3px;cursor:pointer}.materials-table tbody tr:hover{background-color:#f8f9fa}.materials-table tbody tr[style*="cursor: pointer"]:hover{background-color:#e3f2fd!important}@media (max-width: 768px){.orders-tabs button{padding:8px 16px;text-align:left}}.order-loading:before{content:"⏳";margin-right:8px}.order-empty:before{content:"📋";margin-right:8px;font-size:18px}.empty-state,.error-state div{font-size:48px}.error-state h3{color:#dc3545;margin:0}.error-state p{color:#666;margin:0}.section-header{margin:0 0 12px;font-size:14px;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.section-header-with-action h3{margin:0;font-size:14px;font-weight:600;color:#111827}.mr-4{margin-right:4px}.mb-12{margin-bottom:12px}.col-w-40{width:40px;text-align:center}.col-min-120{min-width:120px;white-space:nowrap}.supplier-th-left{padding:6px 8px;text-align:left;font-weight:600;color:#374151}.supplier-th-right{padding:6px 8px;text-align:right;font-weight:600;color:#374151}.supplier-th-bg{background:#f9fafb;padding:8px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.supplier-td{padding:6px 8px;color:#111827}.supplier-td-row{padding:8px 12px;color:#111827;font-size:11px;border-bottom:1px solid #f1f5f9}.flex-1{flex:1}.flex-1-0{flex:1 1 0%}.w-full{width:100%}.d-none{display:none}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:13px}.text-md{font-size:14px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray{color:#374151}.text-center{text-align:center}.text-right{text-align:right}.text-italic{font-style:italic}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.label-sm{display:block;font-size:11px;font-weight:500;color:#6b7280;margin-bottom:4px}.label-bold{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:4px}.text-xs-muted{font-size:11px;color:#6b7280}.text-sm-muted{font-size:12px;color:#6b7280}.text-xs-light{font-size:11px;color:#9ca3af}.text-sm-light{font-size:12px;color:#9ca3af}.text-muted-italic{color:#6b7280;font-style:italic}.text-subtitle{font-size:14px;color:#6b7280;margin:0}.text-hint{display:block;font-size:11px;color:#9ca3af;font-style:italic;margin-top:4px}.text-link{color:#3b82f6;cursor:pointer;text-decoration:none}.text-link:hover{text-decoration:underline}.empty-state-text{font-size:14px;color:#6b7280}.loading-text{color:#6b7280;font-size:13px}.detail-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:2px}.detail-value{font-size:13px;color:#111827;font-weight:500}.flex-center-gap-8{display:flex;align-items:center;gap:8px}.flex-center-gap-12{display:flex;align-items:center;gap:12px}.panel-content{flex:1;overflow:auto;padding:20px}.scroll-container{max-height:300px;overflow-y:auto}.pos-relative{position:relative}.pos-relative-z1{position:relative;z-index:1}.col-w-40-center{width:40px;text-align:center}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-content{padding:40px;text-align:center;font-size:14px;color:#6b7280}.col-min-160{min-width:160px;white-space:nowrap}.flex-1-xs{flex:1;font-size:11px}.flex-end-mt-8{display:flex;justify-content:flex-end;margin-top:8px}.flex-gap-8-mb-8{display:flex;gap:8px;margin-bottom:8px}.table-xs{width:100%;font-size:11px;border-collapse:collapse}.supplier-td-right{padding:6px 8px;text-align:right;color:#111827}.cell-center-error{padding:12px;text-align:center;color:#dc2626}.cell-center-muted{padding:12px;text-align:center;color:#9ca3af}.cell-center-gray{padding:12px;text-align:center;color:#6b7280}.mt-0-mb-12{margin-top:0;margin-bottom:12px}.m-0{margin:0}.m-0-semibold{margin:0;font-weight:600}.flex-gap-8{display:flex;gap:8px}.flex-col{display:flex;flex-direction:column}.border-bottom-light{border-bottom:1px solid #f3f4f6}.border-bottom-medium{border-bottom:1px solid #e5e7eb;background:#f9fafb}.spin-animation{animation:spin 1s linear infinite}.col-w-120{width:120px}.col-min-140-left{min-width:140px;text-align:left}.col-min-120-nowrap{min-width:120px;white-space:nowrap}.pos-z30{position:relative;z-index:30}.pl-32-full{padding-left:32px;width:100%}.p-8{padding:8px}.p-8-border-var{padding:8px;border-bottom:1px solid var(--border, #e5e7eb)}.px-16-py-8{padding:8px 16px}.dropdown-item-muted{padding:8px 12px;cursor:pointer;color:#6b7280;font-style:italic;font-size:12px}.dropdown-item-action{padding:8px 12px;cursor:pointer;border-top:1px solid #e5e7eb;font-size:13px;color:#1f2937}.dropdown-add-new{padding:8px 12px;border-top:1px solid #e5e7eb;margin-top:4px;min-width:240px}.supplier-td-right-bold{padding:6px 8px;text-align:right;font-weight:600;color:#111827}.supplier-td-bold-blue{padding:6px 8px;font-weight:600;color:#1d4ed8}.supplier-td-simple{padding:6px 8px}.empty-state-simple{padding:40px;text-align:center;color:#6b7280}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-24{margin-bottom:24px}.text-secondary-var{font-size:11px;color:var(--text-secondary, #6b7280)}.full-justify-between{width:100%;justify-content:space-between}.col-w-120-nowrap-only{width:120px;white-space:nowrap}.mb-14-relative{margin-bottom:14px;position:relative}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.flex-gap-8-mb-4{display:flex;gap:8px;margin-bottom:4px}.flex-gap-10{display:flex;gap:10px}.flex-col-gap-8{display:flex;flex-direction:column;gap:8px}.flex-center-gap-6{display:flex;align-items:center;gap:6px}.dropdown-hidden{display:none;min-width:280px}.dropdown-hidden-auto{display:none;width:auto;min-width:260px}.flex-1-0-xs{flex:1 1 0%;font-size:11px}.modal-input{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff}.modal-input-mt{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;margin-top:6px}.modal-input-textarea{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;resize:vertical}.modal-label{font-weight:600;font-size:12px;color:#374151;min-width:100px;margin-right:8px}.modal-label-80{font-weight:600;font-size:12px;color:#374151;min-width:80px;margin-right:8px}.modal-label-mt{font-weight:600;font-size:12px;color:#374151;min-width:100px;margin-right:8px;margin-top:6px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:8px 8px 0 0}.modal-body{padding:16px 20px;overflow-y:auto;flex:1}.modal-body-inline{padding:16px 20px}.modal-container{max-width:700px;width:90%;background:#f9fafb;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;display:flex;flex-direction:column;z-index:2102}.modal-inline-container{position:absolute;top:100%;right:0;margin-top:8px;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:600px;max-width:700px;max-height:calc(100vh - 200px);overflow-y:auto;z-index:9999}.btn-save-primary{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-close-modal{padding:8px;background:transparent;border:none;font-size:18px;cursor:pointer;color:#6b7280}.grid-2-gap-8{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-2-gap-12,.supplier-grid-2-mb{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.supplier-grid-2-mb{grid-template-columns:1fr}}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.pos-relative-z30{position:relative;z-index:30}.pos-relative-z20{position:relative;z-index:20}.z-10{z-index:10}.order-form-label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:#374151}.warning-box{padding:12px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e}.warning-box-center{padding:12px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;text-align:center}.error-box{padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.ml-12-text-right{margin-left:12px;text-align:right}.dropdown-trigger{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow:auto;margin-top:4px}.dropdown-item{padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f3f4f6}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item-selected{background-color:#dbeafe}.order-item-input{width:100%;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px}.btn-remove-item{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;font-size:11px}.btn-add-item{padding:4px 8px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:11px;cursor:pointer;font-weight:600}.summary-card{border:1px solid #e5e7eb;border-radius:6px;padding:16px}.summary-item{padding:8px;background:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.summary-item:not(:last-child){margin-bottom:6px}.material-list-container{border:1px solid #e5e7eb;border-radius:6px}.material-list-item{padding:8px 12px;border-bottom:1px solid #f3f4f6;background-color:#fff}.material-list-item:last-child{border-bottom:none}.order-item-card{padding:12px;border-bottom:1px solid #f3f4f6}.order-item-card:last-child{border-bottom:none}.order-item-grid{display:grid;grid-template-columns:2fr 1fr 1fr 40px;gap:8px;align-items:center}.order-item-total{margin-top:4px;text-align:right;font-size:13px;font-weight:600}.loading-text{padding:12px;text-align:center;color:#6b7280;font-style:italic}.bordered-list{border:1px solid #e5e7eb;border-radius:6px}.bordered-list-scroll{border:1px solid #e5e7eb;border-radius:6px;max-height:300px;overflow:auto}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.compact-modal-header{padding:10px 14px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.compact-modal-title{margin:0;font-size:15px;font-weight:600}.compact-modal-close{background:none;border:none;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.compact-modal-steps{padding:6px 14px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center}.modal-content-scroll{flex:1;overflow:auto;padding:14px}.modal-footer-actions{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.flex-gap-12{display:flex;gap:12px}.modal-header-flex{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#fff}.modal-body-bg{padding:16px 20px;background:#f9fafb;max-height:80vh;overflow-y:auto}.modal-input-max200{flex:1;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;max-width:200px}.btn-outline-sm{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#fff;color:#374151;cursor:pointer}.btn-outline-sm:hover{background:#f9fafb}.btn-outline-sm.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002}.popup-content{background-color:#fff;border-radius:8px;padding:20px;max-width:600px;max-height:80vh;width:90%;overflow-y:auto;position:relative}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #e5e7eb;padding-bottom:12px}.popup-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px}.search-input-lg{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff}.scrollable-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:16px}.text-right-mt-8{text-align:right;margin-top:8px}.popup-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.btn-success-sm{padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.btn-success-sm:hover{background:#059669}.selected-materials-list{border:1px solid #e5e7eb;border-radius:4px;max-height:120px;overflow-y:auto}.material-item-row{padding:6px 12px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;font-size:12px}.material-item-row:last-child{border-bottom:none}.btn-remove-sm{background:#ef4444;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-size:11px;cursor:pointer}.btn-remove-sm:hover{background:#dc2626}.selected-summary-box{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:4px;padding:12px;margin-bottom:16px}.btn-cancel-sm{padding:8px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;color:#374151;cursor:pointer}.btn-cancel-sm:hover{background:#f9fafb}.btn-primary-sm{padding:8px 16px;border:none;border-radius:4px;font-size:14px;background:#3b82f6;color:#fff;cursor:pointer}.btn-primary-sm:hover{background:#2563eb}.category-usage-warning{margin-top:6px;background:#fff7ed;border:1px solid #fed7aa;border-radius:4px;padding:8px}.category-usage-title{color:#9a3412;font-size:12px;font-weight:600;margin-bottom:6px}.category-usage-text{color:#7c2d12;font-size:12px;margin-bottom:6px}.category-usage-buttons{display:flex;gap:6px;flex-wrap:wrap}.category-material-btn{font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer}.category-material-btn:hover{background:#f9fafb}.modal-overlay-fixed{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.shipment-modal-container{background-color:var(--card-bg, #ffffff);border-radius:12px;width:480px;max-width:95vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003}.supplier-modal-container{width:720px}.shipment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #e5e7eb)}.shipment-header-icon{width:32px;height:32px;border-radius:8px;background-color:var(--primary-light, #dbeafe);display:flex;align-items:center;justify-content:center}.shipment-modal-title{margin:0;font-size:15px;font-weight:600;color:#111827}.shipment-close-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;color:#9ca3af}.shipment-close-btn:hover{background:#f3f4f6}.shipment-steps-container{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 20px;background-color:var(--muted-bg, #f9fafb);border-bottom:1px solid var(--border, #e5e7eb)}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.flex-center-gap-10{display:flex;align-items:center;gap:10px}.error-banner{display:flex;align-items:center;gap:8px;background-color:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:8px;padding:10px 14px;margin-bottom:16px;color:var(--error, #dc2626);font-size:12px}.empty-items-box{text-align:center;padding:32px 20px;background-color:#f9fafb;border-radius:8px;color:#6b7280}.opacity-50{opacity:.5}.shipment-item-card{background-color:var(--muted-bg, #f9fafb);border-radius:8px;padding:12px;border:1px solid var(--border, #e5e7eb)}.pos-relative.mb-8{position:relative;margin-bottom:8px}.summary-info-box{background-color:var(--muted-bg, #f9fafb);border-radius:8px;padding:12px;margin-bottom:16px;font-size:13px}.grid-2-gap-6{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mt-6{margin-top:6px}.bordered-container-rounded{border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden}.summary-header{background-color:var(--muted-bg, #f9fafb);padding:10px 12px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:#374151;text-transform:uppercase}.step-connector{width:24px;height:2px}.step-connector.active{background-color:var(--primary, #3b82f6)}.step-connector.inactive{background-color:var(--border, #d1d5db)}.step-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.step-circle.active{background-color:var(--primary, #3b82f6);color:#fff}.step-circle.inactive{background-color:var(--muted, #e5e7eb);color:#9ca3af}.step-label{font-size:12px;font-weight:500}.step-label.active{color:#111827}.step-label.inactive{color:#9ca3af}.btn-add-item{display:flex;align-items:center;gap:4px;padding:6px 10px;background-color:var(--primary, #3b82f6);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.btn-add-item:hover{background-color:var(--primary-dark, #2563eb)}.material-dropdown-fixed{position:fixed;top:auto;left:50%;transform:translate(-50%);width:420px;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 40px #0003;z-index:99999;max-height:250px;overflow:auto;margin-top:4px}.dropdown-search-header{padding:8px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background-color:#fff}.search-icon-absolute{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af}.dropdown-option-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6}.dropdown-option-item.selected{background-color:#dbeafe}.dropdown-option-item:hover{background-color:#f9fafb}.dropdown-option-code{font-weight:500;font-size:12px;color:#1f2937}.dropdown-option-meta{font-size:11px;color:#6b7280;display:flex;justify-content:space-between}.dropdown-option-stock{color:#16a34a}.dropdown-empty-state{padding:16px;text-align:center;color:#9ca3af;font-size:12px}.qty-row-flex{flex:1;display:flex;align-items:center;gap:6px}.qty-input{width:80px;text-align:right;font-size:13px}.btn-remove-item{background:none;border:none;cursor:pointer;padding:4px;color:var(--error, #dc2626)}.btn-remove-item:hover{color:#b91c1c}.summary-item-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px}.summary-item-row:not(:last-child){border-bottom:1px solid var(--border, #f3f4f6)}.summary-item-qty{font-weight:600;color:var(--primary, #3b82f6)}.summary-total-row{background-color:var(--primary-light, #dbeafe);padding:10px 12px;display:flex;justify-content:space-between;font-size:13px;font-weight:600}.modal-footer-flex{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--border, #e5e7eb);background-color:var(--card-bg, #ffffff)}.btn-back{display:flex;align-items:center;gap:4px;padding:8px 14px;background-color:transparent;color:#6b7280;border:1px solid var(--border, #d1d5db);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.btn-back:hover{background-color:var(--muted, #f3f4f6)}.btn-cancel{padding:8px 14px;background-color:transparent;color:#6b7280;border:1px solid var(--border, #d1d5db);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.btn-cancel:hover{background-color:var(--muted, #f3f4f6)}.btn-next{display:flex;align-items:center;gap:4px;padding:8px 14px;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.btn-next.enabled{background-color:var(--primary, #3b82f6)}.btn-next.enabled:hover{background-color:var(--primary-dark, #2563eb)}.btn-next.disabled{background-color:var(--muted, #9ca3af);cursor:not-allowed}.btn-submit{display:flex;align-items:center;gap:6px;padding:8px 16px;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.btn-submit.enabled{background-color:var(--success, #16a34a)}.btn-submit.enabled:hover{background-color:#15803d}.btn-submit.disabled{background-color:var(--muted, #9ca3af);cursor:not-allowed}.text-conditional{color:#1f2937}.text-conditional.placeholder{color:#9ca3af}.pl-32{padding-left:32px}.w-full-12{width:100%;font-size:12px;color:#1f2937}.loading-text-title{margin:0;font-size:16px;font-weight:500}.loading-text-error{margin:0;font-size:16px;font-weight:500;color:#dc2626}.loading-text-subtitle{margin:8px 0 16px;font-size:14px;color:#9ca3af}.loading-text-gray{margin:0;font-size:16px;font-weight:500;color:#374151}.btn-timeout-close{padding:8px 16px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn-timeout-close:hover{background-color:#b91c1c}.icon-search-lg{font-size:48px;margin-bottom:16px}.suppliers-section-full{height:100%;display:flex;flex-direction:column}.suppliers-list-scroll{flex:1;overflow-y:auto;padding-right:4px}.supplier-skeleton{display:flex;flex-direction:column;gap:8px;padding:12px 8px}.supplier-skeleton-item{padding:6px;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb;animation:pulse 1.5s ease-in-out infinite}.supplier-skeleton-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.supplier-skeleton-left{display:flex;align-items:center;gap:6px;flex:1}.supplier-skeleton-bar{height:12px;background-color:#e5e7eb;border-radius:3px;flex:1;animation:pulse 1.5s ease-in-out infinite}.supplier-skeleton-badge{width:35px;height:14px;background-color:#e5e7eb;border-radius:3px;animation:pulse 1.5s ease-in-out infinite}.supplier-skeleton-buttons{display:flex;gap:4px}.supplier-skeleton-btn{width:16px;height:16px;background-color:#e5e7eb;border-radius:3px;animation:pulse 1.5s ease-in-out infinite}.supplier-loading-text{text-align:center;color:#6b7280;font-size:11px;margin-top:8px;font-style:italic}.supplier-card-compact{padding:6px;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:4px;background-color:#fff;transition:all .2s ease}.supplier-card-compact:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.supplier-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.supplier-card-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.supplier-card-name{font-weight:600;font-size:11px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.supplier-card-buttons{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-supplier-info{background:#f3f4f6;border:1px solid #d1d5db;border-radius:3px;padding:2px 4px;cursor:pointer;font-size:8px;font-weight:500;color:#374151;transition:all .2s ease}.btn-supplier-info:hover{background:#e5e7eb;border-color:#9ca3af}.btn-supplier-contact{background:none;border:none;cursor:pointer;padding:2px;border-radius:3px;font-size:10px;line-height:1}.btn-supplier-contact:hover{background:#dbeafe}.btn-supplier-contact.email:hover{background:#fef3c7}.supplier-empty-compact{text-align:center;padding:16px 8px;color:#6b7280;font-size:11px;border:1px dashed #e5e7eb;border-radius:6px;background-color:#f9fafb}.section-button{padding:6px 12px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;font-size:12px;font-weight:600;color:#374151;display:inline-flex;align-items:center;gap:4px}.section-button:hover:not(:disabled){background:#f3f4f6}.section-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.section-button:disabled{background:#e5e7eb;cursor:not-allowed;color:#9ca3af}.td-center-bold{text-align:center;font-weight:700}.td-monospace{font-family:monospace;font-size:13px}.td-right-bold{text-align:right;font-weight:700}.table-scroll-400{max-height:400px;overflow-y:auto}.detail-panel-card{background:#fff;border-radius:6px;border:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column}.detail-panel-header{padding:10px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.detail-panel-header h2{margin:0;font-size:16px;font-weight:600;color:#111827}.detail-panel-header .header-left{display:flex;align-items:center;gap:12px}.detail-panel-header .header-actions{display:flex;align-items:center;gap:8px}.btn-icon-edit:hover{background:#f3f4f6}.btn-icon-save{padding:6px 12px;border:none;border-radius:4px;background:#3b82f6;color:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px}.btn-icon-save:hover{background:#2563eb}.btn-icon-cancel{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px}.btn-icon-cancel:hover{background:#f3f4f6}.btn-icon-delete:hover{background:#fef2f2}.sort-icon-inactive{font-size:12px;opacity:.6}.btn-manage-sm{padding:0 3px;border:1px solid var(--border);background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.btn-manage-sm:hover{background:#f3f4f6}.col-w-90-nowrap{width:90px;white-space:nowrap}.col-w-80-center{min-width:80px;text-align:center}.table-state-cell{text-align:center;padding:40px 20px;color:#6b7280}.table-state-container{display:flex;flex-direction:column;align-items:center;gap:12px}.table-state-container.error{color:#dc2626}.btn-table-icon{padding:2px;border:none;border-radius:3px;background:transparent;color:#374151;font-size:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;transition:all .2s ease;flex-shrink:0}.btn-table-icon:hover{transform:scale(1.1);background:#f3f4f6}.btn-table-icon.ml-5{margin-left:5px}.td-actions-center{text-align:center;white-space:nowrap}.btn-add-first{margin-top:8px;padding:8px 16px;font-size:14px}.btn-expand-collapse{min-width:32px;padding:0 8px}.dropdown-auto-width{display:none;width:auto}.filter-panel-padded{padding:12px;min-width:240px}.orders-empty-state-container{text-align:center;padding:40px 20px;color:#6b7280}.orders-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.orders-empty-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.orders-empty-message{margin:0;font-size:14px;color:#6b7280}.line-chips-container{display:inline-flex;flex-wrap:nowrap;gap:8px;align-items:flex-start;white-space:nowrap;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.line-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:2px 4px;font-size:11px;color:#475569;box-shadow:0 1px 2px #0f172a0d}.line-chip-code{font-size:11px;font-weight:600;color:#1d4ed8}.line-chip-material{font-weight:600;font-family:monospace;font-size:10px;color:#6b7280}.line-chip-qty{font-weight:600}.line-chip-status{font-size:9px;font-weight:600;color:#0f172a;background:#e2e8f0;padding:1px 6px;border-radius:999px;white-space:nowrap}.order-detail-card{background:#fff;border-radius:6px;border:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column}.order-info-grid-header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e7e5e4}.order-info-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.order-info-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.order-status-select-sm{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid #e7e5e4;border-radius:4px;background:#fff;color:#0c0a09;cursor:pointer}.delivery-status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.delivery-status-badge-sm{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.supplier-info-row{display:flex;align-items:center;gap:16px;font-size:12px}.item-status-badge{font-size:10px;font-weight:600;color:#0f172a;background:#e2e8f0;padding:2px 8px;border-radius:999px;white-space:nowrap;display:inline-block}.item-status-select{padding:4px 8px;font-size:11px;border:1px solid #d1d5db;border-radius:4px;background:#fff}.td-action-cell{padding:8px 12px;border-bottom:1px solid #f1f5f9;text-align:center}.th-action-header{background:#f9fafb;padding:8px 12px;text-align:center;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.order-table-row{background:#fff}.modal-overlay-center{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-box{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header-section{margin-bottom:20px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.modal-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.modal-subtitle{font-size:13px;color:#6b7280}.modal-form-fields{display:flex;flex-direction:column;gap:16px}.modal-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:12px;font-size:12px;color:#1e40af}.modal-info-code{background:#dbeafe;padding:2px 4px;border-radius:3px}.modal-actions-footer{margin-top:24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e5e7eb;padding-top:16px}.table-fixed-layout{table-layout:fixed;width:100%}.order-status-dropdown{padding:6px 10px;font-size:11px;font-weight:600;border:1px solid rgba(148,163,184,.6);border-radius:10px;color:#fff;cursor:pointer}.order-status-span{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.td-py-4{padding-top:4px;padding-bottom:4px}.td-delivery{width:180px;max-width:180px;white-space:nowrap}.delivery-info{font-size:12px;font-weight:600}.td-total{width:120px;text-align:left;font-weight:600;padding-top:4px;padding-bottom:4px}.td-status{width:80px;max-width:80px;padding-top:4px;padding-bottom:4px;white-space:nowrap}.btn-reload{margin-top:8px;padding:8px 16px;font-size:14px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-reload:hover{background-color:#2563eb}.text-loading-gray{padding:12px 0;color:#6b7280}.text-error-red{color:#dc2626;padding:12px 0}.table-overflow-auto{overflow-x:auto}.table-full-collapse{width:100%;border-collapse:collapse;font-size:12px}.text-required{color:#dc2626}.textarea-resize-v{resize:vertical}.p-0{padding:0}.border-none{border:none}.th-actions-center{min-width:180px;text-align:center}.loading-cell-center{text-align:center;padding:40px 20px;color:#6b7280}.loading-content-flex{display:flex;flex-direction:column;align-items:center;gap:12px}.td-actions-compact{padding:4px 8px;font-size:13px;text-align:center}.btn-icon-mini{padding:2px;border:none;border-radius:3px;background:transparent;color:#374151;font-size:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;transition:all .2s ease;margin-right:4px}.btn-icon-mini:hover{transform:scale(1.1)}.btn-icon-mini:last-child{margin-right:0}.btn-icon-sm{padding:6px;border:none;border-radius:4px;background:transparent;color:#374151;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;transition:all .2s ease}.btn-icon-sm:hover{transform:scale(1.1)}.btn-icon-sm-mr{padding:6px;border:none;border-radius:4px;background:transparent;color:#374151;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;transition:all .2s ease;margin-right:8px}.btn-icon-sm-mr:hover{transform:scale(1.1)}.empty-state-cell{text-align:center;padding:40px 20px}.empty-state-flex{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.supplier-panel-wrapper{background:#fff;border-radius:6px;border:1px solid #e5e7eb;height:100%;display:flex;flex-direction:column}.btn-back-sm:hover{background:#f9fafb}.btn-secondary-sm{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;font-size:12px}.btn-secondary-sm:hover{background:#f9fafb}.btn-danger-outline-sm{padding:6px 12px;border:1px solid #dc2626;border-radius:4px;background:#fff;color:#dc2626;cursor:pointer;font-size:12px}.btn-danger-outline-sm:hover{background:#fef2f2}.section-card-mb{margin-bottom:16px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.empty-message-italic{padding:20px;text-align:center;color:#6b7280;font-size:12px;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-content-lg{background-color:#fff;border-radius:8px;padding:20px;max-width:600px;max-height:80vh;width:90%;overflow-y:auto;position:relative}.modal-header-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #e5e7eb;padding-bottom:12px}.btn-close-x{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px}.btn-close-x:hover{color:#374151}.modal-list-scroll{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:16px}.selection-info-box{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:4px;padding:12px;margin-bottom:16px}.modal-footer-end{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e5e7eb;padding-top:12px}.btn-secondary-md{padding:8px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;color:#374151;cursor:pointer}.btn-secondary-md:hover{background:#f9fafb}.mes-table-row.selected,.mes-table-row[data-selected=true]{background-color:#eff6ff!important}.btn-toggle-sm{padding:4px 8px;font-size:10px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-toggle-sm.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.material-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.material-list-title{margin:0;font-size:12px;font-weight:600;color:#111827}.material-list-container{border:1px solid #e5e7eb;border-radius:4px}.supplier-material-item:last-child{border-bottom:none}.supplier-material-item.removed{opacity:.6}.material-name-active{font-weight:600;color:#111827}.supply-history-table{overflow-x:auto;width:100%}.supply-history-table table{min-width:100%;table-layout:auto}.text-nowrap-muted{white-space:nowrap;color:#374151}.text-nowrap{white-space:nowrap}.mes-dropdown{position:relative;display:inline-block}.mes-dropdown .mes-filter-button{min-width:120px;justify-content:space-between}.mes-dropdown .mes-filter-button svg.rotated{transform:rotate(180deg);transition:transform .2s ease}.mes-dropdown .filter-badge{background:#3b82f6;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:4px}.mes-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:#fff;border:1px solid rgb(229,231,235);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;overflow:hidden;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mes-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;font-size:13px;color:#374151;text-align:left;transition:background .1s ease}.mes-dropdown-item:hover{background:#f9fafb}.mes-dropdown-item.active{background:#eff6ff;color:#2563eb;font-weight:500}.mes-dropdown-item .item-count{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:10px}.mes-dropdown-item.active .item-count{background:#dbeafe;color:#3b82f6}.filter-result-count{font-size:12px;color:#6b7280;white-space:nowrap;padding:0 8px}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:10px}.status-icon.is-exported{background:#8b5cf626;color:#8b5cf6}.status-icon.is-imported{background:#3b82f626;color:#3b82f6}.status-icon.is-completed{background:#10b98126;color:#10b981}.shipment-accordion{border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden;margin-bottom:8px}.shipment-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background-color:var(--muted-bg, #f9fafb);border:none;cursor:pointer;transition:background-color .2s ease}.shipment-accordion-header:hover{background-color:#f3f4f6}.shipment-accordion-header-left{display:flex;align-items:center;gap:8px}.shipment-accordion-header-left svg{color:#6b7280}.shipment-accordion-title{font-size:13px;font-weight:500;color:#374151}.shipment-accordion-content{padding:14px;background-color:#fff;border-top:1px solid var(--border, #e5e7eb)}.accordion-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accordion-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.shipment-form-label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:6px}.shipment-form-label-required:after{content:" *";color:#dc2626}.shipment-form-label-hint{font-size:11px;font-weight:400;color:#9ca3af;margin-left:4px}.shipment-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#374151}.shipment-checkbox-hint{font-size:11px;color:#9ca3af}.info-banner-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.shipment-radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#374151}.accordion-row{display:flex;flex-direction:column;gap:12px}.accordion-inline-row{display:flex;align-items:center;gap:12px;margin-left:24px}.export-format-row{display:flex;flex-wrap:wrap;gap:16px}.export-format-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;color:#374151;text-transform:uppercase}.item-detail-panel{margin-top:8px;padding-top:10px;border-top:1px solid var(--border, #e5e7eb)}.item-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.item-detail-label{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}.item-detail-note{margin-top:10px}.discount-inline-flex{display:flex;align-items:center;gap:8px}.discount-input{width:100px}.shipment-section-header{font-size:13px;font-weight:600;color:#111827;margin-bottom:10px}.accordion-section{margin-bottom:12px}.accordion-section:last-child{margin-bottom:0}.export-checkbox-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.export-format-label{font-size:13px;font-weight:500;color:#374151;text-transform:uppercase}.customer-info-box{background-color:var(--muted-bg, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:12px}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.customer-info-label{color:#6b7280}.customer-info-value{color:#111827}.customer-info-address{margin-top:8px;font-size:12px}.new-customer-form{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:14px}.text-dark{color:#111827}.text-medium{color:#374151}.text-muted{color:#6b7280}.text-light{color:#9ca3af}.text-error{color:#dc2626}.text-success{color:#16a34a}.text-primary{color:#3b82f6}.modal-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.btn-link-sm{display:flex;align-items:center;gap:4px;font-size:12px;color:#3b82f6;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-link-sm:hover{color:#1d4ed8;background-color:#eff6ff}.dropdown-empty-state{padding:12px;text-align:center;font-size:12px;color:#6b7280}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.form-col-span-2{grid-column:span 2}.summary-customer-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border, #e5e7eb)}.summary-section-title{font-size:13px;font-weight:500;color:#111827;margin-bottom:8px}.summary-address{margin-top:6px}.price-input{width:80px}.discount-percent-input{width:60px}.dropdown-menu-scrollable{max-height:250px;overflow-y:auto}.pos-z15{position:relative;z-index:15}.material-selection-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#fff}.material-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;background:#fff;transition:background-color .2s}.material-item:last-child{border-bottom:none}.material-item:hover{background-color:#f9fafb}.material-item.selected{background-color:#f0f9ff}.material-item-name{font-weight:600;font-size:14px;color:#111827;display:flex;align-items:center;gap:8px;margin-bottom:4px}.material-item-badge{font-size:12px;color:#059669;font-weight:500}.material-item-details{font-size:12px;color:#6b7280}.empty-state-text{padding:24px;text-align:center;color:#6b7280;font-size:14px}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-center{align-items:center!important}.align-end{align-items:flex-end!important}.align-stretch{align-items:stretch!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-xs)!important;margin-right:var(--spacing-xs)!important}.mx-2{margin-left:var(--spacing-sm)!important;margin-right:var(--spacing-sm)!important}.mx-3{margin-left:var(--spacing-md)!important;margin-right:var(--spacing-md)!important}.mx-4{margin-left:var(--spacing-lg)!important;margin-right:var(--spacing-lg)!important}.mx-5{margin-left:var(--spacing-xl)!important;margin-right:var(--spacing-xl)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-xs)!important;margin-bottom:var(--spacing-xs)!important}.my-2{margin-top:var(--spacing-sm)!important;margin-bottom:var(--spacing-sm)!important}.my-3{margin-top:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.my-4{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-lg)!important}.my-5{margin-top:var(--spacing-xl)!important;margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}.px-2{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.px-3{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.px-4{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.px-5{padding-left:var(--spacing-xl)!important;padding-right:var(--spacing-xl)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important}.py-2{padding-top:var(--spacing-sm)!important;padding-bottom:var(--spacing-sm)!important}.py-3{padding-top:var(--spacing-md)!important;padding-bottom:var(--spacing-md)!important}.py-4{padding-top:var(--spacing-lg)!important;padding-bottom:var(--spacing-lg)!important}.py-5{padding-top:var(--spacing-xl)!important;padding-bottom:var(--spacing-xl)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-xs{font-size:var(--font-size-sm)!important}.text-sm{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-2xl{font-size:var(--font-size-2xl)!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.text-primary{color:var(--text)!important}.text-muted{color:var(--muted)!important}.text-accent{color:var(--accent)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--ok)!important}.text-warning{color:var(--btn-warning)!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.border{border:1px solid rgba(255,255,255,.1)!important}.border-0{border:0!important}.border-t{border-top:1px solid rgba(255,255,255,.1)!important}.border-r{border-right:1px solid rgba(255,255,255,.1)!important}.border-b{border-bottom:1px solid rgba(255,255,255,.1)!important}.border-l{border-left:1px solid rgba(255,255,255,.1)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:50%!important}.rounded-none{border-radius:0!important}.bg-transparent{background-color:transparent!important}.bg-surface{background-color:var(--surface)!important}.bg-modal{background-color:var(--modal-bg)!important}.bg-accent{background-color:var(--accent)!important}.bg-danger{background-color:var(--danger)!important}.bg-success{background-color:var(--ok)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.cursor-auto{cursor:auto!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-text{cursor:text!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing-xs)!important}.gap-2{gap:var(--spacing-sm)!important}.gap-3{gap:var(--spacing-md)!important}.gap-4{gap:var(--spacing-lg)!important}.gap-5{gap:var(--spacing-xl)!important}.suspended-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px 20px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000026}.suspended-banner-content{display:flex;align-items:center;justify-content:center;gap:10px;max-width:1200px;margin:0 auto}.suspended-banner-icon{flex-shrink:0;animation:pulse 2s infinite}.suspended-banner-text{font-size:14px;line-height:1.4}.suspended-banner-text strong{font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-color-scheme: dark){.suspended-banner{background:linear-gradient(135deg,#b45309,#92400e)}}.app-layout{min-height:100vh;background:#f8fafc}.app-content{padding:24px;max-width:100%;margin:0 auto}.app-content:has(.mes-app-layout){padding:0;max-width:none;margin:0}.beeplan-nav{position:sticky;top:0;z-index:1000;background:#0a121cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a}.beeplan-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:9px 24px;max-width:1400px;margin:0 auto;gap:1rem;min-height:51px}.beeplan-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.2rem;letter-spacing:.5px;color:#fff;min-width:100px;height:33px;flex-shrink:0}.beeplan-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4d03f);box-shadow:0 0 15px #d4af3799;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.beeplan-brand-text{background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beeplan-nav-center{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;flex-wrap:nowrap;height:33px;margin:0 1rem}.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);color:#fffc;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;height:33px;box-sizing:border-box;white-space:nowrap}.nav-btn:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;border-color:#fff3;transform:translateY(-1px)}.nav-btn-active{background:linear-gradient(135deg,#d4af37,#b8941f);color:#fff!important;border-color:transparent;box-shadow:0 4px 15px #d4af3766}.nav-btn-icon{flex-shrink:0}.nav-btn-text{font-size:.85rem}.beeplan-nav-right{display:flex;align-items:center;gap:12px;height:33px;flex-shrink:0}.beeplan-lang-dropdown{position:relative}.beeplan-lang-button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;font-size:.85rem;transition:all .2s ease}.beeplan-lang-button:hover{background:#ffffff1a;color:#fff}.beeplan-lang-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;overflow:hidden;min-width:120px;z-index:1001}.lang-option{padding:10px 16px;cursor:pointer;font-size:.9rem;color:#334155;transition:background .2s ease}.lang-option:hover{background:#f1f5f9}.lang-option.active{background:#f0f9ff;color:#d4af37;font-weight:500}.beeplan-logout-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.85rem;transition:all .2s ease}.beeplan-logout-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.logout-wrapper{position:relative}.logout-confirm-popover{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;padding:16px;min-width:220px;z-index:1001;animation:popoverSlideIn .15s ease-out}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.logout-confirm-popover:before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px #0000000a}.logout-confirm-text{font-size:.9rem;color:#374151;margin:0 0 14px;text-align:center}.logout-confirm-actions{display:flex;gap:8px;justify-content:center}.logout-confirm-btn{padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.logout-confirm-cancel{background:#f1f5f9;color:#475569}.logout-confirm-cancel:hover{background:#e2e8f0}.logout-confirm-yes{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.logout-confirm-yes:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 2px 8px #ef444466}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a121c,#1a2634)}.login-container{background:#fff;padding:48px;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px}.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.login-brand .brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#d4af37,#f4d03f)}.login-brand .brand-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-container h1{text-align:center;font-size:1.5rem;color:#1e293b;margin-bottom:24px}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.input-wrapper input{width:100%;padding:12px 12px 12px 42px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease}.input-wrapper input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:0}.password-toggle:hover{color:#6b7280}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:#6b7280}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#d4af37}.login-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#d4af37,#b8941f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#e6c547,#d4af37);box-shadow:0 4px 12px #d4af3766}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff}.dashboard-page{max-width:1200px}.page-header{margin-bottom:32px}.page-header h1{font-size:1.75rem;color:#1e293b;margin-bottom:4px}.page-header p{color:#64748b}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.dashboard-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.dashboard-card .card-icon{color:#d4af37}.dashboard-card h3{font-size:1.125rem;color:#1e293b;margin-bottom:4px}.dashboard-card p{font-size:.875rem;color:#64748b;margin:0}.company-info{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.company-info h3{font-size:1.125rem;color:#1e293b;margin-bottom:16px}.company-info p{color:#64748b;margin-bottom:8px}.module-welcome-state{width:100%;padding:12px}.module-welcome-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;box-shadow:0 1px 2px #0f172a0f}.module-welcome-title{margin:0;font-size:22px;line-height:1.3;color:#111827}.module-welcome-description{margin:8px 0 0;font-size:14px;line-height:1.6;color:#64748b}.module-welcome-highlights{margin:12px 0 0;padding-left:18px;color:#475569;font-size:14px;line-height:1.6}.module-welcome-highlights li+li{margin-top:4px}@media (max-width: 900px){.module-welcome-state{padding:10px 8px 8px}.module-welcome-card{padding:14px}.module-welcome-title{font-size:18px}}.error-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:#f8fafc;padding:24px}.error-content{text-align:center;max-width:480px}.error-icon{color:#94a3b8;margin-bottom:24px}.error-icon.locked{color:#f59e0b}.error-icon.cancelled{color:#ef4444}.error-content h1{font-size:3rem;color:#1e293b;margin-bottom:8px}.error-content h2{font-size:1.5rem;color:#334155;margin-bottom:16px}.error-content p{color:#64748b;margin-bottom:8px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:32px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-primary{background:linear-gradient(135deg,#d4af37,#b8941f);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #d4af3766}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.page-skeleton{min-height:60vh;display:flex;align-items:center;justify-content:center}.skeleton-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#64748b}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.beeplan-nav-inner{padding:8px 16px;flex-wrap:wrap}.beeplan-nav-center{order:3;width:100%;justify-content:flex-start;overflow-x:auto;margin:8px 0 0;padding-bottom:8px}.nav-btn-text{display:none}.nav-btn{padding:8px}.app-content{padding:16px}.dashboard-cards{grid-template-columns:1fr}.error-actions{flex-direction:column}.login-container{padding:24px;margin:16px}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family);background:linear-gradient(180deg,var(--bg),#091119);color:var(--text);font-size:var(--font-size-base);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-md)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.three .span-2{grid-column:span 2}.grid.three .span-3{grid-column:1 / -1}@media (max-width: 900px){.grid.two,.grid.three{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--surface),#0c1924);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.page-title{margin:28px 0 10px;font-size:var(--font-size-2xl);font-weight:700}.page-sub{margin:0 0 20px;color:var(--muted);font-size:var(--font-size-sm)}