body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}@media (max-width:768px){body,html{overflow:hidden!important;scrollbar-width:none!important}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none!important;width:0!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand-primary:#667eea;--brand-secondary:#764ba2;--brand-dark:#5a67d8;--brand-darker:#4f46e5;--brand-light:#667eea1a;--brand-glow:#667eea4d;--bg-page:#f9fafb;--bg-section:#f8f9fa;--bg-card:#fff;--bg-light:#f5f5f5;--bg-sidebar:#deede9;--bg-facebook:#f0f2f5;--bg-app-header:#282c34;--bg-hover-light:#0000000d;--bg-hover-medium:#00000014;--bg-hover-strong:#0000001a;--bg-selected-row:#eef2ff;--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#6b7280;--text-light-muted:#9ca3af;--text-heading:#1e293b;--text-body:#333;--text-sidebar:#555;--text-white:#fff;--text-black:#000;--text-link:#007bff;--text-link-hover:#0056b3;--text-placeholder:#9ca3af;--text-disabled:#aaa;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-table-header:#e2e8f0;--border-focus:#667eea;--border-card:#e0e0e0;--border-divider:#f0f0f0;--success:#10b981;--success-dark:#059669;--success-bg:#d1fae5;--success-border:#a7f3d0;--success-text:#065f46;--warning:#f59e0b;--warning-dark:#d97706;--warning-bg:#fef3c7;--warning-border:#fde68a;--warning-text:#92400e;--error:#ef4444;--error-dark:#dc2626;--error-darker:#b91c1c;--error-bg:#fee2e2;--error-border:#fecaca;--error-text:#991b1b;--info:#3b82f6;--info-dark:#2563eb;--info-bg:#dbeafe;--info-border:#bfdbfe;--info-text:#1e40af;--whatsapp:#25d366;--whatsapp-dark:#128c7e;--facebook:#1877f2;--facebook-hover:#166fe5;--gradient-brand:linear-gradient(135deg,#667eea,#764ba2);--gradient-brand-hover:linear-gradient(135deg,#5a67d8,#6d28d9);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-success-hover:linear-gradient(135deg,#059669,#047857);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-error-hover:linear-gradient(135deg,#dc2626,#b91c1c);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-warning-hover:linear-gradient(135deg,#d97706,#b45309);--gradient-info:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-facebook:linear-gradient(135deg,#1877f2,#1877f2 75%,#b8860b);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-green-upload:linear-gradient(135deg,#28a745,#20c997);--sidebar-bg:#deede9;--sidebar-text:#555;--sidebar-text-active:#1e43b8;--sidebar-hover-bg:#1e43b80d;--sidebar-active-bg:#1e43b814;--sidebar-icon-color:#000;--sidebar-border:#0000001a;--sidebar-btn-bg:#0000000d;--sidebar-btn-border:#0000001a;--sidebar-btn-hover-bg:#0000001a;--sidebar-scrollbar-thumb:#aaa;--sidebar-active-indicator:#1e43b8;--sidebar-notification-border:#f4f4f4;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 6px #0000001a;--shadow-card:0 2px 4px #0000001a;--shadow-sidebar:0 0 10px #00000080;--shadow-mobile-nav:0 -2px 12px #00000026;--shadow-notification:-2px 0 10px #0000001a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-round:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s;--z-sidebar:300;--z-header:200;--z-modal:1000;--z-notification:1000;--z-mobile-nav:1100;--z-dropdown:500;--sidebar-expanded:180px;--sidebar-collapsed:64px;--mobile-nav-height:66px;--header-height:48px;--tab-active:#1e43b8;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--font-xs:10px;--font-sm:11px;--font-md:13px;--font-lg:14px;--font-xl:18px;--control-h:34px;--control-h-lg:40px;--input-radius:6px;--tabbar-h:48px;--head-h:52px;--scrollbar-size:10px;--scrollbar-thumb:#c3cad6;--scrollbar-thumb-hover:#a5aebd}*,:after,:before{box-sizing:border-box}*{scrollbar-color:#c3cad6 #0000;scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;height:var(--scrollbar-size);width:10px;width:var(--scrollbar-size)}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--bg-section)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:5px;border-radius:calc(var(--scrollbar-size)/2)}::-webkit-scrollbar-thumb{background:#c3cad6;background:var(--scrollbar-thumb);border:2px solid #f9fafb;border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:#a5aebd;background:var(--scrollbar-thumb-hover)}.tt-page{background:#f9fafb;background:var(--bg-page);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.tt-page-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px;padding:var(--space-lg)}.tt-head{align-items:center;background:#f9fafb;background:var(--bg-page);display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;gap:var(--space-lg);min-height:52px;min-height:var(--head-h);padding:12px 0;padding:var(--space-md) 0}.tt-head-title{color:#1e293b;color:var(--text-heading);flex-shrink:0;font-size:18px;font-size:var(--font-xl);font-weight:700;margin:0;white-space:nowrap}.tt-head-row{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;gap:var(--space-md);padding:20px 0 12px;padding:var(--space-xl) 0 var(--space-md)}.tt-head-row--end{margin-left:auto}.tt-head-label{color:#6b7280;color:var(--text-muted);font-size:13px;font-size:var(--font-md);font-weight:500;white-space:nowrap}.tt-head-value{white-space:nowrap}.tt-head select,.tt-head-value{color:#374151;color:var(--text-secondary);font-size:13px;font-size:var(--font-md)}.tt-head select{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--input-radius);cursor:pointer;min-width:130px;outline:none;padding:5px 10px}.tt-head select:focus{border-color:#667eea;border-color:var(--brand-primary);box-shadow:0 0 0 2px #667eea1a;box-shadow:0 0 0 2px var(--brand-light)}.tt-tabs{background:#fff;background:var(--bg-card);flex-shrink:0;min-height:48px;min-height:var(--tabbar-h);padding:8px 16px;padding:8px var(--tabbar-pad-x,16px);position:relative;z-index:200;z-index:var(--z-header)}.tt-tabs,.tt-tabs-row{align-items:center;display:flex}.tt-tabs-row{flex-wrap:wrap;gap:6px;justify-content:flex-end;width:100%}.tt-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;color:var(--text-light-muted);cursor:pointer;display:inline-flex;font-size:11px;font-size:var(--font-sm);font-weight:400;gap:6px;justify-content:center;letter-spacing:.03em;line-height:1.4;overflow:hidden;padding:8px 18px;position:relative;transition:color .2s ease,background .2s ease;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.tt-tab:after{background:currentColor;border-radius:0;bottom:4px;content:"";height:2px;left:50%;position:absolute;transition:width .2s ease,left .2s ease;transition:width var(--transition-fast),left var(--transition-fast);width:0}.tt-tab:hover{color:#1e43b8;color:var(--tab-active)}.tt-tab:hover:after{left:25%;width:50%}.tt-tab.active,.tt-tab[aria-selected=true]{color:#1e43b8;color:var(--tab-active);font-weight:700}.tt-tab.active:after,.tt-tab[aria-selected=true]:after{border-radius:0;bottom:0;left:6px;width:calc(100% - 12px)}.tt-tab:disabled{cursor:not-allowed;opacity:.5}.tt-tab .tt-icon{display:inline-flex;font-size:16px;line-height:1}.tt-tab .tt-icon svg{height:16px;width:16px}.tt-tab .tt-label{white-space:nowrap}@media (max-width:768px){.tt-tabs{padding:0}.tt-tabs-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-left:8px;padding-right:16px;scrollbar-width:thin}.tt-tab{flex-shrink:0;line-height:1.2;padding:7px 14px}}.tt-filter{align-items:center;background:#f9fafb;background:var(--bg-page);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-md) var(--space-lg)}.tt-filter-search{flex:1 1;min-width:160px}.tt-filter .tt-item{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.tt-form{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;gap:var(--space-lg);padding:24px;padding:var(--space-2xl)}.tt-grid{grid-gap:16px 24px;grid-gap:var(--space-lg) var(--space-2xl);display:grid;gap:16px 24px;gap:var(--space-lg) var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr))}.tt-field{display:flex;flex-direction:column;gap:6px;min-width:0}.tt-label{color:#6b7280;color:var(--text-muted);font-size:10px;font-size:var(--font-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.tt-input,.tt-select,.tt-textarea{background:#fff;background:var(--bg-card);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-light);border-radius:6px;border-radius:var(--input-radius);color:#1f2937;color:var(--text-primary);font-size:13px;font-size:var(--font-md);padding:9px 11px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.tt-input:focus,.tt-select:focus,.tt-textarea:focus{border-color:#667eea;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--brand-light);outline:none}.tt-textarea{min-height:80px;resize:vertical}.tt-input:disabled,.tt-select:disabled{cursor:not-allowed}.tt-input:disabled,.tt-input[readonly],.tt-select:disabled,.tt-select[readonly]{background:#f8f9fa;background:var(--bg-section);color:#6b7280;color:var(--text-muted)}.tt-input[readonly],.tt-select[readonly]{cursor:default}.tt-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;gap:12px;gap:var(--space-md);justify-content:flex-end;margin-top:16px;margin-top:var(--space-lg);padding-top:16px;padding-top:var(--space-lg)}@media (max-width:768px){.tt-grid{grid-template-columns:1fr}.tt-form{border-radius:6px;border-radius:var(--radius-md);padding:16px 12px;padding:var(--space-lg) var(--space-md)}}.tt-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-size:var(--font-md);font-weight:600;gap:6px;justify-content:center;padding:8px 18px;transition:all .2s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.tt-btn:hover:not(:disabled){background:#0000000d;background:var(--bg-hover-light)}.tt-btn:disabled{cursor:not-allowed;opacity:.55}.tt-btn-sm{font-size:11px;font-size:var(--font-sm);padding:5px 12px}.tt-btn-icon{height:34px;height:var(--control-h);padding:0;width:34px;width:var(--control-h)}.tt-btn-secondary{background:#f8f9fa;background:var(--bg-section);border:1px solid #d1d5db;border:1px solid var(--border-medium);color:#374151;color:var(--text-secondary)}.tt-btn-secondary:hover:not(:disabled){background:#0000000d;background:var(--bg-hover-light)}.tt-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-brand);border:none;box-shadow:0 2px 6px #667eea4d;box-shadow:0 2px 6px var(--brand-glow);color:#fff;color:var(--text-white)}.tt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6d28d9);background:var(--gradient-brand-hover);box-shadow:0 4px 10px #667eea4d;box-shadow:0 4px 10px var(--brand-glow);transform:translateY(-1px)}.tt-btn-success{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);border:none;color:#fff;color:var(--text-white)}.tt-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);background:var(--gradient-success-hover)}.tt-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-error);border:none;color:#fff;color:var(--text-white)}.tt-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);background:var(--gradient-error-hover)}.tt-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--gradient-warning);border:none;color:#fff;color:var(--text-white)}.tt-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);background:var(--gradient-warning-hover)}.tt-btn-info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-info);border:none;color:#fff;color:var(--text-white)}.tt-btn-ghost{background:#0000;border:none;color:#374151;color:var(--text-secondary)}.tt-btn-ghost:hover:not(:disabled){background:#0000000d;background:var(--bg-hover-light)}.tt-table-wrap{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);flex:1 1;min-height:0;overflow:auto;position:relative}.tt-table{border-collapse:initial;border-spacing:0;font-size:13px;font-size:var(--font-md);width:100%}.tt-table thead th{background:#f9fafb;background:var(--bg-page);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-table-header);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-table-header);color:#374151;color:var(--text-secondary);font-size:10px;font-size:var(--font-xs);font-weight:700;letter-spacing:.05em;padding:11px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.tt-table thead th:last-child{border-right:none}.stock-table.tt-table thead th{background:#f9fafb;background:var(--bg-page);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-table-header);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-table-header);color:#374151;color:var(--text-secondary);font-size:10px;font-size:var(--font-xs);font-weight:700;letter-spacing:.05em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.stock-table.tt-table thead th:last-child{border-right:none}.tt-table tbody td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-divider);border-right:1px solid #f0f0f0;border-right:1px solid var(--border-divider);color:#374151;color:var(--text-secondary);line-height:1.4;padding:10px 14px;text-align:left;vertical-align:middle}.tt-table tbody td:last-child{border-right:none}.tt-table tbody tr{transition:background .2s ease;transition:background var(--transition-fast)}.tt-table tbody tr:nth-child(odd){background:#fff;background:var(--bg-card)}.tt-table tbody tr:nth-child(2n){background:#f8f9fa;background:var(--bg-section)}.tt-table tbody tr:hover{background:#eef2ff;background:var(--bg-selected-row)}.tt-table tbody tr:last-child td{border-bottom:none}.tt-table.is-fullscreen-height .tt-table-wrap{height:100%}.tt-td-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.tt-td-mono{color:#4f46e5;color:var(--brand-darker);font-family:Courier New,monospace;font-size:11px;font-size:var(--font-sm);font-weight:700}.tt-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-size:var(--font-xs);font-weight:700;gap:4px;letter-spacing:.04em;line-height:1.6;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.tt-pill-success{background:#d1fae5;background:var(--success-bg);border:1px solid #a7f3d0;border:1px solid var(--success-border);color:#065f46;color:var(--success-text)}.tt-pill-warning{background:#fef3c7;background:var(--warning-bg);border:1px solid #fde68a;border:1px solid var(--warning-border);color:#92400e;color:var(--warning-text)}.tt-pill-error{background:#fee2e2;background:var(--error-bg);border:1px solid #fecaca;border:1px solid var(--error-border);color:#991b1b;color:var(--error-text)}.tt-pill-info{background:#dbeafe;background:var(--info-bg);border:1px solid #bfdbfe;border:1px solid var(--info-border);color:#1e40af;color:var(--info-text)}.tt-pill-muted{background:#f8f9fa;background:var(--bg-section);border:1px solid #e5e7eb;border:1px solid var(--border-light);color:#6b7280;color:var(--text-muted)}.tt-badge{align-items:center;border-radius:50%;border-radius:var(--radius-round);display:inline-flex;font-size:10px;font-size:var(--font-xs);font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.tt-card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-card);overflow:hidden}.tt-card-head{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-brand);color:#fff;color:var(--text-white);display:flex;font-size:14px;font-size:var(--font-lg);font-weight:700;gap:10px;justify-content:space-between;letter-spacing:.02em;padding:12px 18px}.tt-card-body{padding:20px;padding:var(--space-xl)}.tt-summary{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;min-width:240px;padding:12px 16px;padding:var(--space-md) var(--space-lg)}.tt-summary-row{align-items:center;display:flex;font-size:13px;font-size:var(--font-md);gap:12px;gap:var(--space-md);justify-content:space-between}.tt-summary-label{color:#6b7280;color:var(--text-muted)}.tt-summary-value{color:#1f2937;color:var(--text-primary);font-weight:600}.tt-summary-total{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);font-weight:700;padding-top:8px;padding-top:var(--space-sm)}.tt-overlay{align-items:center;animation:tt-fade .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000;z-index:var(--z-modal)}@keyframes tt-fade{0%{opacity:0}to{opacity:1}}.tt-modal{animation:tt-slide .3s ease;background:#fff;background:var(--bg-card);border-radius:16px;border-radius:var(--modal-radius,16px);box-shadow:0 25px 60px #00000040;display:flex;flex-direction:column;max-height:92vh;max-width:700px;overflow:hidden;width:94%}@keyframes tt-slide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tt-modal-head{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-brand);color:#fff;color:var(--text-white);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 24px}.tt-modal-head h3{font-size:16px;font-weight:700;margin:0}.tt-modal-head .tt-subtitle{font-size:12px;margin-top:2px;opacity:.8}.tt-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px;padding:var(--space-xl) var(--space-2xl)}.tt-modal-foot{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.tt-close{align-items:center;background:#ffffff26;border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s ease;transition:background var(--transition-fast);width:32px}.tt-close:hover{background:#ffffff4d}@media (max-width:768px){.tt-modal{max-height:94vh;width:98%}.tt-modal-body{padding:16px 12px;padding:var(--space-lg) var(--space-md)}}.tt-ctx{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-lg);min-width:180px;padding:6px;position:fixed;z-index:500;z-index:var(--z-dropdown)}.tt-ctx-item{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-size:var(--font-md);gap:8px;padding:9px 12px;text-align:left;transition:background .2s ease;transition:background var(--transition-fast);width:100%}.tt-ctx-item:hover{background:#0000000d;background:var(--bg-hover-light)}.tt-ctx-item:first-child{border-radius:6px 6px 0 0}.tt-ctx-item:last-child{border-radius:0 0 6px 6px}.tt-empty{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.tt-empty-icon{font-size:28px;opacity:.5}.tt-empty p{font-size:13px;font-size:var(--font-md);margin:0}.tt-loading{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;font-size:var(--font-lg);gap:10px;height:200px;justify-content:center}.tt-stack{display:flex;flex-direction:column;gap:12px;gap:var(--space-md)}.tt-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-sm)}.tt-between{justify-content:space-between}.tt-end{justify-content:flex-end}.tt-ml-auto{margin-left:auto}.tt-fill{flex:1 1;min-width:0}.tt-center{align-items:center;display:flex;justify-content:center}.text-muted{color:#6b7280!important;color:var(--text-muted)!important}.text-primary{color:#1f2937!important;color:var(--text-primary)!important}.text-success{color:#065f46!important;color:var(--success-text)!important}.text-danger{color:#991b1b!important;color:var(--error-text)!important}.text-white{color:#fff!important;color:var(--text-white)!important}.list-page-layout{display:flex;flex-direction:column;height:calc(100vh - 50px);min-height:0;overflow:hidden}.list-page-layout .list-frozen-header{background:#f9fafb;background:var(--bg-page);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-table-header);flex-shrink:0;margin-top:50px;padding:10px 16px}.list-page-layout .factory-table-container{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}@media (max-width:768px){.list-page-layout{height:calc(100dvh - 66px - env(safe-area-inset-bottom, 0px))}.list-page-layout .list-frozen-header{margin-top:0;padding:8px 10px}}.tab-buttons{justify-content:flex-end;width:100%}.tab-btn,.tab-buttons{align-items:center;gap:6px}.tab-btn{background:#0000;border:none;border-radius:6px;color:#9ca3af;color:var(--text-light-muted);cursor:pointer;display:inline-flex;font-size:11px;font-size:var(--font-sm);font-weight:400;justify-content:center;letter-spacing:.03em;line-height:1.4;overflow:hidden;padding:5px 15px;position:relative;transition:color .2s ease,background .2s ease;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.tab-btn:after{background:currentColor;border-radius:0;bottom:1px;content:"";height:2px;left:50%;position:absolute;transition:width .2s ease,left .2s ease;transition:width var(--transition-fast),left var(--transition-fast);width:0}.tab-btn:hover{color:#1e43b8;color:var(--tab-active)}.tab-btn:hover:after{left:25%;width:50%}.tab-btn.active{color:#1e43b8;color:var(--tab-active);font-weight:700}.tab-btn.active:after{border-radius:0;bottom:0;left:6px;width:calc(100% - 12px)}.supplier-tabs-fixed .tab-btn:has(.delivery-tab-count){overflow:visible}.supplier-tabs-fixed .tab-btn .tt-icon{position:relative}.supplier-tabs-fixed .tab-btn .delivery-tab-count{align-items:center;background:#ef4444;border:1px solid #fff;border-radius:999px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:9px;font-weight:700;height:14px;justify-content:center;left:auto;line-height:1;max-width:none;min-width:16px;overflow:visible;padding:0 4px;position:absolute;right:-6px;top:-5px;white-space:nowrap;z-index:2}.buyer-requirements .supplier-tabs-fixed .tab-btn{border-radius:6px}.buyer-requirements .supplier-tabs-fixed .tab-btn.active:after{border-radius:0;bottom:0;left:6px;width:calc(100% - 12px)}.common-table-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);flex:1 1;min-height:0;overflow:auto;position:relative}.common-table{border-collapse:initial;border-spacing:0;font-size:13px;font-size:var(--font-md);width:100%}.common-table thead th{background:#f9fafb;background:var(--bg-page);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-table-header);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-table-header);color:#374151;color:var(--text-secondary);font-size:10px;font-size:var(--font-xs);font-weight:700;letter-spacing:.05em;padding:11px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.common-table thead th:last-child{border-right:none}.common-table tbody td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-divider);border-right:1px solid #f0f0f0;border-right:1px solid var(--border-divider);color:#374151;color:var(--text-secondary);line-height:1.4;padding:10px 14px;text-align:left;vertical-align:middle}.common-table tbody td:last-child{border-right:none}.common-table tbody tr{transition:background .2s ease;transition:background var(--transition-fast)}.common-table tbody tr:nth-child(odd){background:#fff;background:var(--bg-card)}.common-table tbody tr:nth-child(2n){background:#f8f9fa;background:var(--bg-section)}.common-table tbody tr:hover{background:#eef2ff;background:var(--bg-selected-row)}.common-table tbody tr:last-child td{border-bottom:none}.cost-calculator-tabs-fixed,.factory-info-tabs-fixed,.inventory-tabs-fixed,.machine-tabs-fixed,.material-stock-tabs-fixed,.payment-admin-tabs-fixed,.production-tabs-fixed,.supplier-tabs-fixed{align-items:center;background:#f9fafb;background:var(--bg-page);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-sizing:border-box;display:flex;gap:6px;left:0;left:var(--tabbar-left,0);min-height:48px;min-height:var(--tabbar-h);padding:6px 14px;position:fixed;right:0;top:40px;top:var(--tabbar-top,40px);transition:left .3s ease,width .3s ease;transition:left var(--transition-normal),width var(--transition-normal);z-index:200;z-index:var(--z-header)}.agent-info-tabs .tab-buttons,.cost-calculator-tabs-fixed .tab-buttons,.factory-info-tabs-fixed .tab-buttons,.inventory-tabs-container .tab-buttons,.inventory-tabs-fixed .tab-buttons,.machine-tabs-fixed .machine-tab-buttons,.machine-tabs-fixed .tab-buttons,.material-stock-tabs-fixed .tab-buttons,.payment-admin-tabs-fixed .tab-buttons,.production-tabs-fixed .tab-buttons,.supplier-tabs-fixed .tab-buttons{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:6px;height:45px;justify-content:flex-start;margin-left:0;margin-right:auto;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:2px 0;scrollbar-color:#c3cad6 #0000;scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin;width:100%}.agent-info-tabs .tab-buttons::-webkit-scrollbar,.cost-calculator-tabs-fixed .tab-buttons::-webkit-scrollbar,.factory-info-tabs-fixed .tab-buttons::-webkit-scrollbar,.inventory-tabs-container .tab-buttons::-webkit-scrollbar,.inventory-tabs-fixed .tab-buttons::-webkit-scrollbar,.machine-tabs-fixed .machine-tab-buttons::-webkit-scrollbar,.machine-tabs-fixed .tab-buttons::-webkit-scrollbar,.material-stock-tabs-fixed .tab-buttons::-webkit-scrollbar,.payment-admin-tabs-fixed .tab-buttons::-webkit-scrollbar,.production-tabs-fixed .tab-buttons::-webkit-scrollbar,.supplier-tabs-fixed .tab-buttons::-webkit-scrollbar{height:5px}.agent-info-tabs .tab-buttons::-webkit-scrollbar-track,.cost-calculator-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.factory-info-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.inventory-tabs-container .tab-buttons::-webkit-scrollbar-track,.inventory-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.machine-tabs-fixed .machine-tab-buttons::-webkit-scrollbar-track,.machine-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.material-stock-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.payment-admin-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.production-tabs-fixed .tab-buttons::-webkit-scrollbar-track,.supplier-tabs-fixed .tab-buttons::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.agent-info-tabs .tab-buttons::-webkit-scrollbar-thumb,.cost-calculator-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.factory-info-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.inventory-tabs-container .tab-buttons::-webkit-scrollbar-thumb,.inventory-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.machine-tabs-fixed .machine-tab-buttons::-webkit-scrollbar-thumb,.machine-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.material-stock-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.payment-admin-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.production-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb,.supplier-tabs-fixed .tab-buttons::-webkit-scrollbar-thumb{background-color:#c3cad6;background-color:var(--scrollbar-thumb);border-radius:3px}.agent-info-tabs .tab-buttons .tab-btn,.cost-calculator-tabs-fixed .tab-buttons .tab-btn,.factory-info-tabs-fixed .tab-buttons .tab-btn,.inventory-tabs-container .tab-buttons .tab-btn,.inventory-tabs-fixed .tab-buttons .tab-btn,.machine-tabs-fixed .machine-tab-buttons .tab-btn,.machine-tabs-fixed .tab-buttons .tab-btn,.material-stock-tabs-fixed .tab-buttons .tab-btn,.payment-admin-tabs-fixed .tab-buttons .tab-btn,.production-tabs-fixed .tab-buttons .tab-btn,.supplier-tabs-fixed .tab-buttons .tab-btn{flex-grow:0;flex-shrink:0;white-space:nowrap}.payment-admin-tabs-fixed .tab-side,.supplier-tabs-fixed .tab-side{align-items:center;display:flex}.challan-header .header-row,.ex-stock-header .header-row,.gate-pass-header .header-row,.pending-header .header-row,.stock-l-header .header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;gap:var(--space-md);justify-content:space-between;overflow-x:auto}.challan-header .header-row>*,.ex-stock-header .header-row>*,.gate-pass-header .header-row>*,.pending-header .header-row>*,.stock-l-header .header-row>*{flex-shrink:0}.challan-header .header-title-row,.ex-stock-header .header-title-row,.gate-pass-header .header-title-row,.pending-header .header-title-row,.stock-l-header .header-title-row{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;gap:var(--space-lg)}.challan-header .header-info,.challan-header .header-selects,.ex-stock-header .header-info,.ex-stock-header .header-selects,.gate-pass-header .header-info,.gate-pass-header .header-selects,.pending-header .header-info,.pending-header .header-selects,.stock-l-header .header-info,.stock-l-header .header-selects{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.challan-header .header-actions,.ex-stock-header .header-actions,.gate-pass-header .header-actions,.pending-header .header-actions,.stock-l-header .header-actions{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:12px;gap:var(--space-md);min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.challan-header .header-actions>*,.ex-stock-header .header-actions>*,.gate-pass-header .header-actions>*,.pending-header .header-actions>*,.stock-l-header .header-actions>*{flex-shrink:0}.challan-header .header-actions .pur-filter-line,.ex-stock-header .header-actions .pur-filter-line,.frozen-header-actions .pur-filter-line,.gate-pass-header .header-actions .pur-filter-line,.pending-header .header-actions .pur-filter-line,.stock-l-header .header-actions .pur-filter-line{align-items:center;background:#0000;border-bottom:none;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:8px;gap:var(--space-sm);padding:0}.challan-header .pf-item,.ex-stock-header .pf-item,.frozen-header-actions .pf-item,.gate-pass-header .pf-item,.pending-header .pf-item,.stock-l-header .pf-item{align-items:center;display:inline-flex;flex-shrink:0}.challan-header .header-actions .pur-filter-line select,.ex-stock-header .header-actions .pur-filter-line select,.frozen-header-actions .pur-filter-line select,.gate-pass-header .header-actions .pur-filter-line select,.pending-header .header-actions .pur-filter-line select,.stock-l-header .header-actions .pur-filter-line select{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--input-radius);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:13px;font-size:var(--font-md);max-width:160px;outline:none;padding:1px 5px}.challan-header .header-actions .pur-filter-line input[type=date],.gate-pass-header .header-actions .pur-filter-line input[type=date]{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--input-radius);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:13px;font-size:var(--font-md);outline:none;padding:3px 8px}.challan-header .header-actions .pf-reset-btn,.ex-stock-header .header-actions .pf-reset-btn,.frozen-header-actions .pf-reset-btn,.gate-pass-header .header-actions .pf-reset-btn,.pending-header .header-actions .pf-reset-btn,.stock-l-header .header-actions .pf-reset-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-size:var(--font-md);gap:5px;padding:5px 12px;transition:border-color .15s,background .15s;white-space:nowrap}.challan-header .header-actions .pf-reset-btn:hover:not(:disabled),.ex-stock-header .header-actions .pf-reset-btn:hover:not(:disabled),.frozen-header-actions .pf-reset-btn:hover:not(:disabled),.gate-pass-header .header-actions .pf-reset-btn:hover:not(:disabled),.pending-header .header-actions .pf-reset-btn:hover:not(:disabled),.stock-l-header .header-actions .pf-reset-btn:hover:not(:disabled){background:#eef2ff;background:var(--bg-selected-row);border-color:#667eea;border-color:var(--brand-primary)}.challan-header .header-actions .pf-reset-btn:disabled,.ex-stock-header .header-actions .pf-reset-btn:disabled,.frozen-header-actions .pf-reset-btn:disabled,.gate-pass-header .header-actions .pf-reset-btn:disabled,.pending-header .header-actions .pf-reset-btn:disabled,.stock-l-header .header-actions .pf-reset-btn:disabled{cursor:not-allowed;opacity:.5}.challan-header,.ex-stock-header,.gate-pass-header,.pending-header,.stock-l-header{background:#fff;background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-lg)}.challan-header h2,.ex-stock-header h2,.gate-pass-header h2,.pending-header h2{color:#1f2937;color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.challan-header .header-selects select,.ex-stock-header .header-selects select,.gate-pass-header .header-selects select,.pending-header .header-selects select,.stock-l-header .header-selects select{background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;font-size:11px;font-size:var(--font-sm);font-weight:500;min-width:120px;outline:none;padding:6px 12px;transition:border-color .2s ease}.challan-header .header-selects select:hover,.ex-stock-header .header-selects select:hover,.gate-pass-header .header-selects select:hover,.pending-header .header-selects select:hover,.stock-l-header .header-selects select:hover{border-color:#667eea;border-color:var(--brand-primary)}.challan-header .header-selects select:focus,.ex-stock-header .header-selects select:focus,.gate-pass-header .header-selects select:focus,.pending-header .header-selects select:focus,.stock-l-header .header-selects select:focus{border-color:#667eea;border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--brand-light)}.challan-header .header-selects select:disabled,.ex-stock-header .header-selects select:disabled,.gate-pass-header .header-selects select:disabled,.pending-header .header-selects select:disabled,.stock-l-header .header-selects select:disabled{cursor:not-allowed;opacity:.6}.group-badge{background:#dbeafe;color:#2563eb}.factory-badge,.group-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.factory-badge{background:#d1fae5;color:#059669;color:var(--success-dark)}.challan-table,.gate-pass-table,.stock-table{border-collapse:collapse;font-size:13px;font-size:var(--font-md);width:100%}.challan-table thead,.gate-pass-table thead,.stock-table thead{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-brand);position:-webkit-sticky;position:sticky;top:0;z-index:10}.challan-table thead th,.gate-pass-table thead th,.stock-table thead th{border:none;color:#000;font-size:11px;font-size:var(--font-sm);font-weight:600;letter-spacing:.05em;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.challan-table thead th:first-child,.gate-pass-table thead th:first-child,.stock-table thead th:first-child{text-align:center;width:44px}.challan-table tbody tr,.gate-pass-table tbody tr,.stock-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s ease}.challan-table tbody tr:nth-child(2n),.gate-pass-table tbody tr:nth-child(2n),.stock-table tbody tr:nth-child(2n){background-color:#fafbff}.challan-table tbody tr:hover,.gate-pass-table tbody tr:hover,.stock-table tbody tr:hover{background-color:#eef2ff;background-color:var(--bg-selected-row)}.challan-table tbody td,.gate-pass-table tbody td,.stock-table tbody td{border:none;color:#374151;color:var(--text-secondary);padding:10px 14px;vertical-align:middle}.challan-table tbody td:first-child,.gate-pass-table tbody td:first-child,.stock-table tbody td:first-child{text-align:center}.table-container .challan-table tbody td,.table-container .gate-pass-table tbody td,.table-container .stock-table tbody td{white-space:nowrap}.stock-l-table{border-collapse:collapse;width:100%}.stock-l-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#1f2937;color:var(--text-primary);font-size:13px;font-size:var(--font-md);font-weight:600;padding:12px 14px;text-align:left}.stock-l-table td{color:#374151;color:var(--text-secondary);font-size:14px;padding:10px 14px}.stock-l-table tbody tr{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-divider);cursor:pointer;transition:background-color .15s ease}.stock-l-table tbody tr:hover{background:#eef2ff;background:var(--bg-selected-row)}.stock-l-table tbody tr:last-child{border-bottom:none}.table-container .stock-l-table td{white-space:nowrap}.production-content-scroll{padding-top:70px}.production-content-scroll .list-frozen-header{margin-top:0}.cost-calculator-content-scroll .list-frozen-header,.cost-calculator-content-scroll .stock-l-header{margin-top:80px}.factory-info-content-scroll .list-frozen-header{margin-top:0}.mtype-subtab-line{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;gap:var(--space-sm);margin:0;overflow-x:auto;overflow-y:hidden;padding:0}.mtype-subtab-line::-webkit-scrollbar{height:5px}.mtype-subtab-line::-webkit-scrollbar-thumb{background:#c3cad6;background:var(--scrollbar-thumb);border-radius:3px}.mtype-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:6px;border-radius:var(--radius-md);color:#374151;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-size:var(--font-md);font-weight:500;justify-content:center;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.mtype-btn:hover{color:#5a67d8;color:var(--brand-dark)}.mtype-btn.active,.mtype-btn:hover{border-color:#667eea;border-color:var(--brand-primary)}.mtype-btn.active{background:#667eea;background:var(--brand-primary);color:#fff;color:var(--text-white)}.mtype-action-btn{align-items:center;border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-size:var(--font-md);font-weight:600;justify-content:center;padding:6px 16px;white-space:nowrap}.mtype-template-btn{background:#d1fae5;background:var(--success-bg);border:1px solid #059669;border:1px solid var(--success-dark);color:#059669;color:var(--success-dark)}.mtype-upload-btn{background:linear-gradient(135deg,#28a745,#20c997);background:var(--gradient-green-upload);border:none;color:#fff;color:var(--text-white)}.mtype-upload-btn:disabled{background:#9ca3af;background:var(--text-light-muted);cursor:not-allowed}.additem-form-body{flex:1 1;min-height:0;overflow-y:auto;padding:16px 20px;padding:var(--space-lg) var(--space-xl)}.br-content-row{align-items:center;background:#f9fafb;background:var(--bg-page);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:5px 20px}.br-content-row-inner{flex:1 1;gap:10px}.br-content-row-inner,.req-filter-row{align-items:center;display:flex;min-width:0}.req-filter-row{-webkit-overflow-scrolling:touch;flex:1 1;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#c3cad6 #0000;scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}.req-filter-row::-webkit-scrollbar{height:5px}.req-filter-row::-webkit-scrollbar-thumb{background:#c3cad6;background:var(--scrollbar-thumb);border-radius:3px}.req-filter-panel{background:#f1f5f9;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;flex-wrap:wrap;gap:14px;padding:12px 20px}.req-filter-panel-btns{display:flex;flex-wrap:wrap;gap:4px}.tab-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.demo-header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;width:100%}.demo-header-row::-webkit-scrollbar{height:6px}.demo-header-row::-webkit-scrollbar-thumb{background:#c3cad6;background:var(--scrollbar-thumb);border-radius:3px}.demo-header-row::-webkit-scrollbar-thumb:hover{background:#a5aebd;background:var(--scrollbar-thumb-hover)}.bill-header,.challan-header,.demo-header,.pi-header,.quotation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.bill-header-actions,.challan-header-actions,.demo-header-actions,.pi-header-actions,.quotation-header-actions{align-items:center;display:flex;gap:12px}.page-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.page-header,.page-header-left{align-items:center;display:flex;gap:16px}.agent-action-bar,.page-header-right{align-items:center;display:flex;gap:12px}.agent-action-bar{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.exstock-scrollable-container{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.bill-table-wrapper,.challan-table-wrapper,.demo-table-wrapper,.pi-table-wrapper,.quotation-table-wrapper{max-height:560px;overflow-x:auto;overflow-y:auto}.gate-pass-tab .table-container{flex:1 1;min-height:0;overflow:auto}.scroll-wrapper{overflow-x:auto}.excel-preview-table-wrapper{overflow-x:auto;padding:16px 24px}.preview-items-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);margin:8px 0;overflow-x:auto}@media (max-width:768px){.cost-calculator-tabs-fixed,.factory-info-tabs-fixed,.inventory-tabs-fixed,.machine-tabs-fixed,.material-stock-tabs-fixed,.production-tabs-fixed,.supplier-tabs-fixed{left:0;overflow:hidden;padding:0 10px 0 0;right:0;top:0;top:var(--tabbar-top-mobile,0)}.agent-info-tabs .tab-buttons,.cost-calculator-tabs-fixed .tab-buttons,.factory-info-tabs-fixed .tab-buttons,.inventory-tabs-container .tab-buttons,.inventory-tabs-fixed .tab-buttons,.machine-tabs-fixed .machine-tab-buttons,.machine-tabs-fixed .tab-buttons,.material-stock-tabs-fixed .tab-buttons,.payment-admin-tabs-fixed .tab-buttons,.production-tabs-fixed .tab-buttons,.supplier-tabs-fixed .tab-buttons{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-wrap:nowrap;justify-content:flex-start;margin-left:0;margin-right:0;max-width:100%;overscroll-behavior-x:contain;padding:0 14px 0 8px;scrollbar-color:#64748b8c #0000;scrollbar-width:thin;width:100%}.agent-info-tabs .tab-buttons:after,.cost-calculator-tabs-fixed .tab-buttons:after,.factory-info-tabs-fixed .tab-buttons:after,.inventory-tabs-container .tab-buttons:after,.inventory-tabs-fixed .tab-buttons:after,.machine-tabs-fixed .machine-tab-buttons:after,.machine-tabs-fixed .tab-buttons:after,.material-stock-tabs-fixed .tab-buttons:after,.payment-admin-tabs-fixed .tab-buttons:after,.production-tabs-fixed .tab-buttons:after,.supplier-tabs-fixed .tab-buttons:after{content:"";flex:0 0 auto;height:1px;min-width:14px;pointer-events:none}.tab-btn{align-items:center;background:#0000;border:none;box-shadow:none;color:#6b7280;color:var(--text-muted);display:flex;flex-direction:row;flex-shrink:0;font-weight:400;gap:6px;justify-content:center;line-height:1.2;padding:7px 14px;transform:none}.tab-btn:before{display:none}.tab-icon{display:inline-flex;line-height:1}.tab-icon svg{display:block;height:16px;width:16px}.tab-label{font-size:11px;font-size:var(--font-sm);line-height:1.2;position:relative;white-space:nowrap}.tab-btn.active{color:#1e43b8;color:var(--tab-active);font-weight:700}}.sidebar{background-color:var(--sidebar-bg);background-image:linear-gradient(to bottom,var(--border-medium),var(--border-medium));background-position:100% 100%;background-repeat:no-repeat;background-size:1px calc(100% - 65px);color:var(--text-body);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width var(--transition-normal),box-shadow var(--transition-normal);z-index:var(--z-sidebar)}.sidebar.expanded{width:var(--sidebar-expanded)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar:before{background:radial-gradient(circle at 100% 100%,#0000 19.5px,var(--border-medium) 19.5px 20.5px,var(--sidebar-bg) 20.5px);content:"";height:20px;left:100%;pointer-events:none;position:absolute;top:45px;width:20px}.sidebar-header{align-items:center;background:#0000;display:flex;flex-shrink:0;height:60px;padding:5px 15px;width:calc(100% - 8px)}.sidebar-header,.sidebar.collapsed .sidebar-header{justify-content:space-between;position:relative}.sidebar .toggle-btn{align-items:center;background:none;border:none;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:40px;justify-content:center;order:1;position:relative;text-align:center;width:40px}.sidebar .toggle-btn svg{display:block;height:20px;width:20px}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;scrollbar-color:var(--sidebar-scrollbar-thumb) #0000;scrollbar-width:thin;width:100%}.sidebar-menu::-webkit-scrollbar{width:3px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar-thumb);border-radius:2px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#999}.sidebar-menu::-webkit-scrollbar-button{display:none}.sidebar-menu li a{align-items:center;color:var(--sidebar-text);display:flex;font-weight:400;gap:0;height:40px;padding:0;position:relative;text-decoration:none;transition:color var(--transition-normal);width:100%}.sidebar-menu li a:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.sidebar-menu li a svg{color:#555;flex-shrink:0;font-size:16px;height:16px;left:26px;opacity:1;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-normal),opacity var(--transition-normal);width:16px}.sidebar-menu li a:hover svg{opacity:1}.sidebar-menu li a.active{font-weight:700}.sidebar-menu li a.active svg{fill:#0000;stroke:currentColor;stroke-width:2.5px;color:var(--sidebar-text-active);opacity:1}.sidebar-menu li a.active svg .nav-icon-body,.sidebar-menu li a.active svg>circle,.sidebar-menu li a.active svg>rect{fill:currentColor;stroke:currentColor;stroke-width:2.5px}.sidebar-menu li a.active svg .nav-icon-detail{fill:none;stroke:var(--bg-sidebar);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.sidebar-menu li a.active svg.icon-boxes>path,.sidebar-menu li a.active svg.icon-cart>path,.sidebar-menu li a.active svg.icon-cog>path:first-child,.sidebar-menu li a.active svg.icon-factory>path:first-child,.sidebar-menu li a.active svg.icon-home>path:last-child,.sidebar-menu li a.active svg.icon-message>path,.sidebar-menu li a.active svg.icon-users>path:not(:first-child),.sidebar-menu li a.active svg.icon-warehouse>path:first-child,.sidebar-menu li a.active svg.icon-wrench>path{fill:currentColor;stroke:currentColor;stroke-width:2.5px}.sidebar-menu li a.active svg.icon-calculator>line,.sidebar-menu li a.active svg.icon-calculator>path,.sidebar-menu li a.active svg.icon-clipboard>path:not(:first-of-type),.sidebar-menu li a.active svg.icon-cog>path:not(:first-child),.sidebar-menu li a.active svg.icon-factory>path:not(:first-child),.sidebar-menu li a.active svg.icon-home>path:first-child,.sidebar-menu li a.active svg.icon-warehouse>path:not(:first-child),.sidebar-menu li a.active svg.icon-warehouse>rect{fill:none;stroke:var(--bg-sidebar);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.sidebar-menu li a.active svg.icon-calculator>rect,.sidebar-menu li a.active svg.icon-clipboard>path:first-of-type,.sidebar-menu li a.active svg.icon-users>circle,.sidebar-menu li a.active svg.icon-users>path:first-child{fill:currentColor;stroke:currentColor;stroke-width:2.5px}.sidebar-menu li a span{font-size:13px;left:58px;opacity:0;position:absolute;transition:opacity .2s ease .5s,visibility .2s ease .5s;visibility:hidden;white-space:nowrap}.sidebar.expanded .sidebar-menu li a span{opacity:1;visibility:visible}.sidebar.collapsed .sidebar-menu li a span{opacity:0;transition-delay:0s;visibility:hidden}.sidebar-logout .btn span{left:50px;opacity:0;position:absolute;transition:opacity .2s ease .5s,visibility .2s ease .5s;visibility:hidden}.sidebar.expanded .sidebar-logout .btn span{opacity:1;visibility:visible}.sidebar.collapsed .sidebar-logout .btn span{opacity:0;transition-delay:0s;visibility:hidden}.sidebar-menu li a.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.sidebar-menu li a.active:after{background:var(--sidebar-active-indicator);bottom:0;content:"";position:absolute;right:0;top:0;width:3px}.sidebar-user-section{margin-top:auto;padding:0}.sidebar-user-profile{box-sizing:border-box;height:60px;margin-bottom:0;padding:6px 0;position:relative}.sidebar .user-avatar,.sidebar-user-profile{align-items:center;display:flex;flex-shrink:0}.sidebar .user-avatar{background:#0000;border-radius:var(--radius-round);color:#555;font-size:20px;height:30px;justify-content:center;left:20px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:none;width:30px}.sidebar .user-avatar svg{font-size:30px!important;height:30px!important;width:30px!important}.sidebar .user-avatar img{border-radius:50%;height:30px!important;object-fit:cover;width:30px!important}.user-info{margin-left:58px;min-width:0;opacity:0;transition:opacity .2s ease .5s,visibility .2s ease .5s;visibility:hidden}.sidebar.expanded .user-info{opacity:1;visibility:visible}.sidebar.collapsed .user-info{display:none}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{color:#000;font-size:12px}.user-meta{display:flex;flex-direction:column;gap:2px;margin-left:58px;margin-right:12px;opacity:0;padding:2px 0 6px;transition:opacity .2s ease .5s,visibility .2s ease .5s;visibility:hidden}.sidebar.expanded .user-meta{opacity:1;visibility:visible}.sidebar.collapsed .user-meta{display:none}.sidebar-scope-only{color:var(--text-secondary);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-scope{min-width:0;position:relative}.sidebar-scope-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;max-width:100%;padding:2px 6px;text-align:left;width:100%}.sidebar-scope-btn:hover{background:var(--sidebar-hover-bg);border-color:var(--sidebar-btn-border)}.sidebar-scope-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-scope-caret{color:var(--text-muted);flex-shrink:0;font-size:9px}.sidebar-scope-menu{background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-md);bottom:calc(100% + 3px);box-shadow:var(--shadow-lg);left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:4px;position:absolute;right:0;z-index:var(--z-dropdown)}.sidebar-scope-menu li{margin:0;padding:0}.sidebar-scope-option{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:block;font-size:12px;overflow:hidden;padding:6px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.sidebar-scope-option:hover{background:var(--sidebar-hover-bg)}.sidebar-scope-option.selected{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600}.sidebar.collapsed .sidebar-user-section,.sidebar.expanded .sidebar-user-section{padding:0}.sidebar-logout{display:flex;flex-direction:column;gap:1px;padding:10px 20px}.sidebar-logout .btn{align-items:center;background:var(--sidebar-btn-bg);border:1px solid var(--sidebar-btn-border);border-radius:var(--radius-md);color:var(--text-body);cursor:pointer;display:flex;font-size:12px;height:25px;position:relative;transition:background var(--transition-normal);width:100%}.sidebar-logout .btn svg{color:#555;font-size:16px;height:16px;left:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:none;width:16px}.sidebar-logout .btn:hover{background:var(--sidebar-btn-hover-bg)}.sidebar-logout .btn.btn-primary{background:var(--sidebar-btn-bg);border:1px solid var(--sidebar-btn-border)}.sidebar-logout .btn.btn-primary:hover{background:var(--sidebar-btn-hover-bg)}.sidebar-logout .btn.btn-agent{background:#10b98133;border:1px solid #10b9814d}.sidebar-logout .btn.btn-agent:hover{background:#10b9814d}.sidebar-logout .btn.btn-danger{background:#dc354533;border:1px solid #dc35454d}.sidebar-logout .btn.btn-danger:hover{background:#dc35454d}.notification-section{height:48px;position:relative}.notification-btn,.notification-section{align-items:center;display:flex;flex-shrink:0}.notification-btn{background:none;border:none;border-radius:var(--radius-round);color:#555;cursor:pointer;height:40px;justify-content:center;left:16px;position:absolute;transition:background-color var(--transition-normal);width:40px}.notification-btn svg{font-size:18px!important;height:18px!important;width:18px!important}.notification-btn:hover{background-color:var(--sidebar-hover-bg)}.notification-btn.active svg.icon-bell{fill:currentColor;stroke:currentColor;stroke-width:2.5px;color:#1e43b8}.notification-btn.active svg.icon-bell>path:last-child,.sidebar-logout .btn:hover svg.icon-logout>line,.sidebar-logout .btn:hover svg.icon-logout>polyline{fill:none;stroke:var(--bg-sidebar);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.sidebar-logout .btn:hover svg.icon-logout,.sidebar-logout .btn:hover svg.icon-switch,.sidebar-user-profile.active .user-avatar svg{fill:currentColor;stroke:currentColor;stroke-width:2.5px;color:#1e43b8}.notification-count{border:2px solid var(--sidebar-notification-border);border-radius:var(--radius-round);height:18px;min-width:10px;right:-2px;top:-2px}.notification-count,.sidebar-menu li a .message-nav-badge{align-items:center;background:var(--error-dark);color:var(--text-white);display:flex;font-size:10px;font-weight:700;justify-content:center;padding:0 4px;position:absolute}.sidebar-menu li a .message-nav-badge{border-radius:var(--radius-round);height:16px;left:38px;line-height:1;min-width:16px;opacity:1;top:3px;visibility:visible;z-index:5}.notification-panel{background:var(--bg-card);box-shadow:var(--shadow-notification);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:350px;z-index:2000}.notification-header{background:var(--bg-section);border-bottom:1px solid var(--border-light);padding:20px}.notification-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.close-notifications{align-items:center;background:none;border:none;border-radius:var(--radius-round);color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:background-color var(--transition-normal);width:30px}.close-notifications:hover{background-color:var(--border-light)}.notification-list{flex:1 1;overflow-y:auto;padding:10px}.no-notifications{color:var(--text-muted);padding:60px 20px}.no-notifications-icon{font-size:48px;margin-bottom:15px}.notification-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.notification-item:hover{background:var(--bg-section);border-color:var(--border-medium);box-shadow:var(--shadow-card);transform:translateY(-1px)}.notification-item.urgent{background:var(--error-bg);border-left:4px solid var(--error-dark)}.notification-item.urgent:hover{background:var(--error-border)}.notification-content{display:flex;flex-direction:column;gap:5px}.notification-source{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.urgent-badge{background:var(--error-dark);border-radius:var(--radius-sm);color:var(--text-white);font-size:10px;font-weight:700;padding:2px 6px}.notification-recipient{background:var(--success-bg);border-radius:var(--radius-sm);color:var(--success-dark);display:inline-block;font-size:13px;font-weight:600;margin-bottom:3px;padding:2px 8px}.notification-machine{color:var(--text-secondary);font-size:13px;font-weight:500}.notification-date{color:var(--text-muted);font-size:12px}.notification-issue{color:var(--text-secondary);font-size:12px;font-style:italic}.notification-parts{color:#7c3aed;font-size:12px;font-weight:500}.notification-title{color:var(--text-primary);font-size:14px;margin-bottom:3px}.notification-message{color:var(--text-secondary);font-size:13px;margin-bottom:5px}.notification-requester{background:var(--success-bg);color:var(--success-dark);font-size:12px;font-weight:500;margin-bottom:3px}.notification-location,.notification-requester{border-radius:3px;display:inline-block;padding:2px 6px}.notification-location{background:#fef7ed;color:#7c2d12;font-size:11px}@media (max-width:768px){.notification-panel{width:100vw}.notification-section{display:none!important}}.search-overlay-backdrop{align-items:flex-start;background:#00000080;display:flex;inset:0;justify-content:center;padding:60px 20px 20px;position:fixed;z-index:2000}.search-overlay-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 100px);max-width:520px;overflow:hidden;width:100%}.search-overlay-input-wrap{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:12px 16px}.search-overlay-search-icon{color:var(--text-muted);flex-shrink:0;font-size:18px}.search-overlay-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:16px;outline:none;padding:4px 0}.search-overlay-input::placeholder{color:var(--text-placeholder)}.search-overlay-close{align-items:center;background:var(--bg-hover-light);border:none;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:background var(--transition-fast);width:32px}.search-overlay-close:hover{background:var(--bg-hover-medium)}.search-overlay-results{flex:1 1;overflow-y:auto;padding:8px}.search-overlay-empty{color:var(--text-muted);font-size:14px;padding:40px 20px;text-align:center}.search-overlay-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:background var(--transition-fast);width:100%}.search-overlay-item:hover{background:var(--bg-hover-light)}.search-overlay-item-icon{color:var(--brand-primary);flex-shrink:0;font-size:16px;text-align:center;width:20px}.search-overlay-item-label{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600}.search-overlay-item-path{color:var(--text-muted);flex-shrink:0;font-size:12px}@media (max-width:768px){.search-overlay-backdrop{align-items:flex-start;padding:10px}.search-overlay-modal{max-height:calc(100vh - 20px)}}.qr-scanner-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.qr-scanner-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:420px;overflow:hidden;width:100%}.qr-scanner-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.qr-scanner-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.qr-scanner-close{align-items:center;background:var(--bg-hover-light);border:none;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background var(--transition-fast);width:32px}.qr-scanner-close:hover{background:var(--bg-hover-medium)}.qr-scanner-body{flex:1 1;overflow-y:auto;padding:16px}.qr-video-container{aspect-ratio:4/3;background:#000;border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;position:relative;width:100%}.qr-video{height:100%;object-fit:cover;width:100%}.qr-scan-frame{height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.qr-corner{border-color:var(--brand-primary);border-style:solid;border-width:0;height:24px;position:absolute;width:24px}.qr-corner-tl{border-left-width:3px;border-top-left-radius:8px;border-top-width:3px;left:0;top:0}.qr-corner-tr{border-right-width:3px;border-top-right-radius:8px;border-top-width:3px;right:0;top:0}.qr-corner-bl{border-bottom-left-radius:8px;border-bottom-width:3px;border-left-width:3px;bottom:0;left:0}.qr-corner-br{border-bottom-right-radius:8px;border-bottom-width:3px;border-right-width:3px;bottom:0;right:0}.qr-scan-line{animation:qr-scan-sweep 2s ease-in-out infinite;background:var(--brand-primary);box-shadow:0 0 8px var(--brand-primary);height:2px;left:10%;position:absolute;top:0;width:80%}@keyframes qr-scan-sweep{0%,to{top:0}50%{top:calc(100% - 2px)}}.qr-error{padding:30px 20px;text-align:center}.qr-error-icon{color:var(--text-light-muted);font-size:48px;margin-bottom:16px}.qr-error p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.qr-retry-btn{background:var(--gradient-brand);border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.qr-retry-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.qr-result{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-md);color:var(--success-text);font-size:13px;margin-bottom:16px;padding:12px 16px;word-break:break-all}.qr-controls{display:flex;gap:10px;justify-content:center}.qr-control-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:background var(--transition-fast),color var(--transition-fast)}.qr-control-btn:hover{background:var(--bg-hover-light);color:var(--text-primary)}.qr-stop-btn{border-color:var(--error-border);color:var(--error)}.qr-stop-btn:hover{background:var(--error-bg)}.qr-start-btn{border-color:var(--success-border);color:var(--success-dark)}.qr-start-btn:hover{background:var(--success-bg)}.qr-scanner-footer{border-top:1px solid var(--border-light);padding:12px 20px;text-align:center}.qr-scanner-footer p{color:var(--text-muted);font-size:12px;margin:0}.gf-scope{gap:10px;min-width:0;position:relative}.gf-scope,.gf-scope-avatar{align-items:center;display:flex}.gf-scope-avatar{background:var(--bg-card);color:var(--text-muted);flex-shrink:0;justify-content:center;overflow:hidden}.gf-scope-desktop .gf-scope-avatar,.gf-scope-mobile .gf-scope-avatar{height:30px;width:30px}.gf-scope-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}.gf-scope-name{color:var(--text-primary);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-scope-desktop .gf-scope-name{font-size:14px}.gf-scope-mobile .gf-scope-name{font-size:13px}.gf-scope-sub{color:var(--brand-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-scope-desktop .gf-scope-sub{font-size:12px}.gf-scope-mobile .gf-scope-sub{font-size:10px}.gf-scope-toggle{align-items:center;display:flex;max-width:260px;min-width:0;position:relative}.gf-scope-toggle .gf-scope-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:4px;line-height:1.2;max-width:260px;padding:0;text-align:left}.gf-scope-toggle .gf-scope-btn,.gf-scope-toggle .gf-scope-btn .gf-scope-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-scope-toggle-primary .gf-scope-btn{color:var(--text-primary);font-weight:700}.gf-scope-toggle-secondary .gf-scope-btn{color:var(--brand-primary);font-weight:600}.gf-scope-toggle-desktop .gf-scope-btn,.gf-scope-toggle:not(.gf-scope-toggle-mobile) .gf-scope-btn{font-size:14px}.gf-scope-toggle-primary.gf-scope-toggle-mobile .gf-scope-btn{font-size:13px}.gf-scope-toggle-secondary.gf-scope-toggle-mobile .gf-scope-btn{font-size:10px}.gf-scope-btn:focus{outline:none}.gf-scope-btn:focus-visible{border-radius:4px;outline:2px solid var(--brand-primary);outline-offset:2px}.gf-scope-btn .gf-scope-caret{flex-shrink:0;font-size:11px;transition:transform .2s ease}.gf-scope-menu{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);left:0;list-style:none;margin:0;max-height:340px;max-width:280px;min-width:200px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 6px);z-index:9999}.gf-scope-option{background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:block;font-family:inherit;font-size:13px;overflow:hidden;padding:8px 10px;text-align:left;text-overflow:ellipsis;transition:background var(--transition-fast);white-space:nowrap;width:100%}.gf-scope-option:hover{background:var(--bg-hover-light)}.gf-scope-option.selected{background:#1e43b814;color:var(--brand-primary);font-weight:600}.gf-scope-mobile{flex:1 1;min-width:0}.app-header .gf-scope,.mobile-top-bar .gf-scope{position:relative;z-index:var(--z-notification)}.app-header .gf-scope-avatar,.mobile-top-bar .gf-scope-avatar{background:var(--bg-card);z-index:1}.app-header{display:none}@media (min-width:769px){.app-header{align-items:center;background:var(--sidebar-bg);display:flex;gap:20px;height:45px;justify-content:space-between;left:var(--sidebar-collapsed);padding:0 20px;position:fixed;right:0;top:0;transition:left var(--transition-normal),width var(--transition-normal);width:calc(100% - var(--sidebar-collapsed));z-index:var(--z-dropdown)}.app-header:after{background:var(--border-medium);bottom:0;content:"";height:1px;left:20px;position:absolute;right:0;transition:left var(--transition-normal)}.app-header.header-shifted{left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.app-header.header-shifted:after{left:136px}.app-header-left{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;padding:6px 10px;transition:background var(--transition-fast)}.app-header>.gf-scope{min-width:0}.app-header-left:hover{background:var(--bg-hover-light)}.app-header-avatar{align-items:center;border-radius:var(--radius-round);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.app-header-avatar-icon{color:var(--text-muted);font-size:36px}.app-header-user-info{display:flex;flex-direction:column;min-width:0}.app-header-username{color:var(--text-primary);font-size:15px;font-weight:700}.app-header-subtitle,.app-header-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-subtitle{color:var(--brand-primary);font-size:12px;font-weight:600}.app-header-right{align-items:center;display:flex;flex:0 0 auto;gap:6px;justify-content:flex-end}.app-header-search-wrap{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.app-header-search-icon{color:var(--text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.app-header-search-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;height:28px;max-width:620px;min-width:350px;outline:none;padding:0 14px 0 34px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:50%}.app-header-search-input::placeholder{color:var(--text-muted)}.app-header-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #1e43b81f}.app-header-search-dropdown{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);left:50%;max-height:420px;max-width:calc(100vw - var(--sidebar-collapsed) - 40px);overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);width:clamp(320px,32vw,500px);z-index:var(--z-notification)}.app-header-search-empty{color:var(--text-muted);font-size:14px;padding:24px;text-align:center}.app-header-search-empty p{margin:0}.app-header-search-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background var(--transition-fast);width:100%}.app-header-search-item:focus,.app-header-search-item:hover{background:var(--bg-hover-light);outline:none}.app-header-search-item-icon{color:var(--brand-primary);flex-shrink:0;font-size:15px}.app-header-search-item-label{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-search-item-path{color:var(--text-muted);flex-shrink:0;font-size:12px}.app-header-icon-btn{align-items:center;background:none;border:none;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;right:30px;transition:background var(--transition-fast),color var(--transition-fast);width:40px}.app-header-icon-btn:hover{background:var(--bg-hover-light);color:var(--text-primary)}.app-header-notif-badge{align-items:center;background:var(--error-dark);border:2px solid var(--bg-card);border-radius:var(--radius-round);color:var(--text-white);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:4px;top:4px}}.mobile-top-bar{display:none}@media (max-width:768px){.mobile-top-bar{align-items:center;background:var(--bg-card);display:flex;height:40px;justify-content:space-between;left:0;padding:0 8px 0 4px;position:fixed;right:0;top:0;z-index:1050}.mobile-top-bar-left{flex:1 1;gap:4px}.mobile-search-wrap,.mobile-top-bar-left{align-items:center;display:flex;min-width:0}.mobile-search-wrap{flex:0 0 auto;height:100%;margin:0 4px;position:relative;width:clamp(130px,34vw,220px)}.mobile-search-icon{color:var(--text-muted);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.mobile-search-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;height:30px;outline:none;padding:0 10px 0 30px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.mobile-search-input::placeholder{color:var(--text-muted)}.mobile-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #1e43b81f}.mobile-search-dropdown{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);left:50%;max-height:60vh;overflow-y:auto;padding:6px;position:absolute;right:auto;top:calc(100% + 8px);transform:translateX(-50%);width:min(94vw,420px);z-index:1060}.mobile-search-empty{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.mobile-search-empty p{margin:0}.mobile-search-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;padding:10px 12px;text-align:left;transition:background var(--transition-fast);width:100%}.mobile-search-item:focus,.mobile-search-item:hover{background:var(--bg-hover-light);outline:none}.mobile-search-item-icon{color:var(--brand-primary);flex-shrink:0;font-size:14px}.mobile-search-item-label{flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-search-item-path{color:var(--text-muted);flex-shrink:0;font-size:11px}.mobile-top-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-round);color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast);width:36px}.mobile-top-toggle:active{background:var(--bg-hover-light)}.mobile-top-toggle .mobile-toggle-dots{align-items:center;display:flex;flex-direction:column;gap:3px}.mobile-top-toggle .mob-dot{background:#0000;border:2px solid #000;border-radius:50%;box-sizing:border-box;height:6px;width:6px}.mobile-top-profile{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;gap:8px;min-width:0;padding:4px 8px;transition:background var(--transition-fast)}.mobile-top-profile:active{background:var(--bg-hover-light)}.mobile-top-avatar{align-items:center;border-radius:var(--radius-round);display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.mobile-top-avatar-icon{color:var(--text-muted);font-size:30px}.mobile-top-user-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}.mobile-top-username{color:var(--text-primary);font-size:13px;font-weight:700}.mobile-top-subtitle,.mobile-top-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-top-subtitle{color:var(--brand-primary);font-size:10px;font-weight:600}.mobile-top-bar-right{align-items:center;display:flex;flex-shrink:0;gap:2px}.mobile-top-icon-btn{align-items:center;background:none;border:none;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:relative;transition:background var(--transition-fast),color var(--transition-fast);width:36px}.mobile-top-icon-btn:active{background:var(--bg-hover-medium);color:var(--text-primary)}.mobile-top-notif-badge{align-items:center;background:var(--error-dark);border:2px solid var(--bg-card);border-radius:var(--radius-round);color:var(--text-white);display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;pointer-events:none;position:absolute;right:2px;top:2px}}.notification-panel-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.notification-panel{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.notification-panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.header-buttons{align-items:center;display:flex;gap:10px}.read-all-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.read-all-btn:hover{background:#c82333}.notification-panel-header h3{color:#333;font-size:18px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#f0f0f0;color:#333}.notification-panel-content{max-height:calc(80vh - 80px);overflow-y:auto}.loading,.no-notifications{color:#666;font-size:16px;padding:40px;text-align:center}.notifications-list{padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:16px 20px;transition:background-color .2s}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-icon{font-size:24px;margin-right:12px;margin-top:4px}.notification-content{flex:1 1;min-width:0}.notification-title{font-size:16px;font-weight:600;margin-bottom:4px}.notification-message{color:#666;font-size:14px;line-height:1.4;margin-bottom:8px}.notification-meta{color:#888;display:flex;font-size:12px;gap:12px;margin-bottom:4px}.notification-meta span{background:#f0f0f0;border-radius:4px;padding:2px 6px}.notification-time{color:#999;font-size:12px}.notification-status{margin-left:12px;margin-top:4px}.status-badge{font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.in-progress{background:#cce5ff;color:#004085}.status-badge.cancelled{background:#f8d7da;color:#721c24}@media (max-width:768px){.notification-panel{max-height:90vh;width:95%}.notification-meta{flex-direction:column;gap:4px}.notification-item{padding:12px 16px}}.global-button-container{bottom:20px;position:fixed;right:20px;transition:bottom .3s ease;z-index:1101}.notification-toolbar-button{position:relative}@media (max-width:768px){.global-button-container{bottom:68px;right:0}}.global-button-raised{bottom:95px}@media (max-width:768px){.global-button-raised{bottom:165px}}.completion-form-container{height:100%;width:100%}.completion-form-content{background:#fff;border-radius:0;height:100%;overflow:hidden;width:100%}.completion-form-body{max-height:70vh;overflow:auto;padding:20px}@media (max-height:800px){.completion-form-body{max-height:75vh;padding:15px}}@media (max-height:600px){.completion-form-body{max-height:80vh;padding:10px}.tasks-table td,.tasks-table th{font-size:.875rem;padding:8px}}@media (max-height:500px){.completion-form-body{max-height:85vh;padding:8px}.tasks-table td,.tasks-table th{font-size:.8rem;padding:6px}}.no-tasks-message{color:#666;padding:40px;text-align:center}.no-tasks-icon{font-size:48px;margin-bottom:20px}.tasks-table-container{border:1px solid #dee2e6;border-radius:.375rem;overflow-x:auto;overflow-y:hidden}.tasks-table-wrapper{max-height:calc(100vh - 300px);overflow-y:auto}.tasks-table{border-collapse:collapse;width:100%}.tasks-table thead tr{background:#f8f9fa}.tasks-table th{background:#f8f9fa;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.tasks-table td,.tasks-table th{border:1px solid #dee2e6;padding:12px}.status-badge{border-radius:12px}.status-completed{background:#d1fae5;color:#065f46}.status-other{background:#fef3c7;color:#92400e}.parts-form-container,.parts-form-content{height:100%;width:100%}.parts-form-content{background:#fff;border-radius:0;overflow:hidden}.parts-form-body{max-height:70vh;overflow:auto;padding:20px}@media (max-height:800px){.parts-form-body{max-height:75vh;padding:15px}}@media (max-height:600px){.parts-form-body{max-height:80vh;padding:10px}.parts-table td,.parts-table th{font-size:.875rem;padding:6px}}@media (max-height:500px){.parts-form-body{max-height:85vh;padding:8px}.parts-table td,.parts-table th{font-size:.8rem;padding:4px}}.no-parts-message{color:#666;padding:40px;text-align:center}.no-parts-icon{font-size:48px;margin-bottom:20px}.parts-requirement-card{background:#fef3c7;border:2px solid #fbbf24;border-radius:10px;margin-bottom:15px;padding:20px}.parts-requirement-card.urgent-card{background:#ffebee;border:2px solid #f44336;box-shadow:0 2px 8px #f4433633}.parts-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.parts-card-title{color:#92400e;margin:0 0 5px}.parts-card-location{color:#78350f;margin:0 0 5px}.parts-card-requester{color:#78350f;margin:0}.parts-status-badge{background:#fbbf24;border-radius:15px;color:#92400e;font-size:12px;font-weight:700;padding:6px 12px}.parts-list-title{color:#92400e;margin:0 0 10px}.parts-table-container{border:1px solid #f59e0b;border-radius:.375rem;overflow-x:auto;overflow-y:hidden}.parts-table-wrapper{max-height:200px;overflow-y:auto}.parts-table{border-collapse:collapse;width:100%}.parts-table thead tr{background:#fbbf24}.parts-table th{background:#fbbf24;color:#92400e;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.parts-table td,.parts-table th{border:1px solid #f59e0b;padding:8px}.parts-table td{color:#78350f}.loading-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-dialog{background:#fff;border-radius:16px;padding:40px;text-align:center}.stats-container{height:100%;padding:10px;width:95%}.stats-content{background:#fff;border-radius:0;height:100%;overflow:hidden;padding:10px;width:100%}.stats-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.stats-tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:400;padding:10px 20px}.stats-tab-btn.active,.stats-tab-btn.declined-active{background:#0000;color:#1e43b8;font-weight:700}.stats-tab-btn.inactive{background:#0000;color:#333}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-radius:12px;color:#fff;padding:20px;text-align:center}.stat-card.total-sent{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.accepted{background:linear-gradient(135deg,#28a745,#20c997)}.stat-card.declined{background:linear-gradient(135deg,#dc3545,#e83e8c)}.stat-card.accept-rate{background:linear-gradient(135deg,#6c757d,#495057)}.stat-number{font-size:32px;font-weight:700}.stat-label{font-size:14px;opacity:.9}.completion-title{color:#333;margin-bottom:15px}.completion-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.completion-card{background:#f8f9fa;border-radius:8px;padding:15px;text-align:center}.completion-card.completed{border:2px solid #28a745}.completion-card.need-help{border:2px solid #fd7e14}.completion-card.require-parts{border:2px solid #6f42c1}.completion-number{font-size:24px;font-weight:700}.completion-number.completed{color:#28a745}.completion-number.need-help{color:#fd7e14}.completion-number.require-parts{color:#6f42c1}.completion-label{color:#666;font-size:12px}.details-title{color:#333;margin-bottom:15px}.no-notifications{background:#f8f9fa;border-radius:8px;color:#666;padding:40px;text-align:center}.notifications-list{max-height:400px;overflow:auto}.notification-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:10px;padding:15px}.notification-header{align-items:flex-start;justify-content:space-between;margin-bottom:10px}.notification-title{color:#333}.notification-body{color:#666;font-size:14px;margin-top:5px}.status-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px}.notification-details{grid-gap:10px;color:#666;font-size:13px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.completion-status-badge{border-radius:4px;color:#fff;font-size:11px;margin-left:5px;padding:2px 6px}.parts-required{background:#e9ecef;border-radius:6px;margin-top:10px;padding:10px}.parts-required strong{color:#6f42c1}.parts-list{font-size:12px;margin:5px 0 0 20px}.declined-title{color:#dc3545;margin-bottom:15px}.no-declined{background:#f8f9fa;border-radius:8px;color:#666;padding:40px;text-align:center}.declined-table-container{border:1px solid #dee2e6;border-radius:.375rem;overflow-x:auto;overflow-y:hidden}.declined-table-wrapper{max-height:calc(100vh - 300px);overflow-y:auto}@media (max-height:800px){.declined-table-container{max-height:450px}.stats-content{padding:8px}}@media (max-height:600px){.declined-table-container{max-height:350px}.declined-table td,.declined-table th{font-size:.875rem;padding:8px}.stats-content{padding:5px}}@media (max-height:500px){.declined-table-container{max-height:300px}.declined-table td,.declined-table th{font-size:.8rem;padding:6px}.stats-content{padding:3px}}.declined-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:850px}.declined-table thead tr{background:#dc3545;color:#fff}.declined-table th{background:#dc3545;font-size:14px;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.declined-table td{font-size:13px;padding:12px}.declined-table tbody tr{border-bottom:1px solid #dee2e6}.declined-table tbody tr:nth-child(2n){background:#f8f9fa}.declined-table tbody tr:nth-child(odd){background:#fff}.machine-id-cell{font-weight:700}.declined-status-badge{background:#dc3545;border-radius:4px;color:#fff;font-size:11px;padding:4px 8px}.stats-footer{border-top:1px solid #dee2e6;display:flex;justify-content:center;margin-top:20px;padding-top:20px}.close-stats-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.unified-inbox-root{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.unified-filter-bar{align-items:center;background:#fff;border-bottom:1px solid #eef0f3;display:flex;flex:0 0 auto;gap:10px;padding:8px 10px}.category-pills{display:flex;flex:1 1 auto;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{background:#f1f3f5;border:none;border-radius:999px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:5px 11px;transition:background .15s ease,color .15s ease;white-space:nowrap}.category-pill:hover{background:#e5e7eb}.category-pill.active{background:#0a7cff;color:#fff}.unified-search{align-items:center;background:#f1f3f5;border:1px solid #0000;border-radius:8px;display:flex;flex:0 1 220px;gap:6px;padding:0 8px;transition:border-color .15s ease,background .15s ease}.unified-search.focused{background:#fff;border-color:#0a7cff}.unified-search-icon{color:#9ca3af;font-size:12px}.unified-search input{background:#0000;border:none;font-size:13px;outline:none;padding:7px 0;width:100%}.unified-inbox-body{display:grid;flex:1 1;grid-template-columns:minmax(260px,340px) 1fr;min-height:0;overflow:hidden}.unified-conversation-list{background:#fff;border-right:1px solid #eef0f3;overflow-y:auto}.unified-list-header{align-items:center;background:#fff;color:#6b7280;display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.04em;padding:12px 14px 8px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.unified-list-count{background:#f1f3f5;border-radius:999px;font-size:11px;padding:2px 8px}.unified-list-empty{color:#9ca3af;font-size:13px;padding:24px 16px;text-align:center}.unified-convo-item{border-bottom:1px solid #f5f6f8;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s ease}.unified-convo-item:hover{background:#f7f9fc}.unified-convo-item.active{background:#eaf4ff}.unified-avatar,.unified-thread-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 40px;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.unified-convo-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.unified-convo-bottom,.unified-convo-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.unified-convo-name{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-convo-item.unread .unified-convo-name{font-weight:700}.unified-convo-time{color:#9ca3af;flex:0 0 auto;font-size:11px}.unified-convo-preview{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-convo-item.unread .unified-convo-preview{color:#111827;font-weight:500}.unified-convo-meta{align-items:center;display:flex;flex:0 0 auto;gap:6px}.unified-channel-chip{border-radius:10px;font-size:10px;font-weight:600;padding:1px 7px;white-space:nowrap}.unified-unread-badge{align-items:center;background:#0a7cff;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.unified-thread-view{background:#f6f8fa;display:flex;flex-direction:column;min-width:0;overflow:hidden}.unified-thread-header{align-items:center;background:#fff;border-bottom:1px solid #eef0f3;display:flex;flex:0 0 auto;gap:10px;padding:10px 14px}.unified-thread-back{background:#0000;border:none;color:#374151;cursor:pointer;display:none;font-size:15px;padding:4px}.unified-thread-avatar{flex-basis:36px;font-size:14px;height:36px;width:36px}.unified-thread-info{display:flex;flex-direction:column;gap:1px;min-width:0}.unified-thread-name{color:#111827;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-thread-channel{color:#6b7280;font-size:11px}.unified-messages-area{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding:16px 14px}.unified-message{align-items:flex-start;display:flex;gap:6px}.unified-message.received{flex-direction:row;justify-content:flex-start}.unified-message.sent{flex-direction:row-reverse;justify-content:flex-start}.unified-message-wrap{display:flex;flex-direction:column;max-width:calc(78% - 34px)}.unified-message-wrap.received{align-items:flex-start}.unified-message-wrap.sent{align-items:flex-end}.unified-message-content{border-radius:12px;box-shadow:0 1px 2px #0000000a;max-width:100%;padding:8px 12px}.unified-message.received .unified-message-content{background:#fff;border-top-left-radius:3px}.unified-message.sent .unified-message-content{background:#dbeafe;border-top-right-radius:3px}.unified-message-text{color:#111827;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.unified-message-footer{align-items:center;display:flex;gap:6px;margin-top:4px}.unified-category-tag{border-radius:8px;font-size:10px;font-weight:600;padding:1px 6px}.unified-message-time{color:#9ca3af;font-size:10px}.unified-message-check{color:#0a7cff;font-size:11px}.unified-composer{background:#fff;border-top:1px solid #eef0f3;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;padding:10px 12px}.unified-composer-row{align-items:center;display:flex;gap:8px}.unified-attach-btn{align-items:center;background:#f1f3f5;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;flex:0 0 38px;font-size:15px;height:38px;justify-content:center;transition:background .15s ease,color .15s ease;width:38px}.unified-attach-btn:hover:not(:disabled){background:#e5e7eb;color:#0a7cff}.unified-attach-btn:disabled{cursor:not-allowed;opacity:.5}.unified-send-spinner{animation:unified-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes unified-spin{to{transform:rotate(1turn)}}.unified-composer-attachments{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow-y:auto}.unified-pending-attachment{align-items:center;background:#f1f3f5;border:1px solid #e5e7eb;border-radius:8px;color:#374151;display:inline-flex;font-size:12px;gap:6px;max-width:100%;padding:4px 8px}.unified-pending-icon{font-size:13px}.unified-pending-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-pending-size{color:#9ca3af;flex:0 0 auto;font-size:11px}.unified-pending-remove{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:inline-flex;flex:0 0 auto;padding:2px}.unified-pending-remove:hover{color:#ef4444}.attachment-preview{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-bottom:6px;max-width:100%}.attachment-img{border-radius:8px;cursor:pointer;display:block;max-height:220px;max-width:260px;object-fit:cover}.attachment-video{border-radius:8px;display:block;max-height:200px;max-width:280px}.attachment-info{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:8px}.attachment-name{color:#374151;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{flex:0 0 auto}.attachment-audio-preview{align-items:center;background:#f1f3f5;border-radius:8px;flex-direction:row;gap:10px;padding:8px 10px}.attachment-audio-icon,.attachment-file-icon{align-items:center;border-radius:8px;display:flex;flex:0 0 38px;font-size:18px;height:38px;justify-content:center;width:38px}.attachment-audio-details{display:flex;flex-direction:column;gap:4px;min-width:0}.attachment-audio{height:34px;max-width:200px}.attachment-file-preview{align-items:center;background:#f1f3f5;border-radius:8px;flex-direction:row;gap:10px;max-width:260px;min-width:180px;padding:8px 10px}.attachment-file-preview:hover{background:#e5e7eb}.attachment-file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.attachment-download-icon{color:#6b7280;flex:0 0 auto;font-size:14px}@media (max-width:768px){.attachment-img{max-height:180px;max-width:200px}.attachment-video{max-width:220px}}.unified-composer-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;flex:1 1;font-size:13px;outline:none;padding:9px 14px;transition:border-color .15s ease,background .15s ease}.unified-composer-input:focus{background:#fff;border-color:#0a7cff}.unified-send-btn{align-items:center;background:#0a7cff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex:0 0 38px;font-size:14px;height:38px;justify-content:center;transition:background .15s ease;width:38px}.unified-send-btn:hover:not(:disabled){background:#0866d6}.unified-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.unified-empty-pane{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:24px;text-align:center}.unified-empty-icon{font-size:40px}.unified-empty-pane h3{color:#111827;font-size:16px;margin:0}.unified-empty-pane p{color:#9ca3af;font-size:13px;margin:0}@media (max-width:768px){.unified-inbox-body{grid-template-columns:1fr}.unified-conversation-list{display:block}.unified-thread-view{background:#f6f8fa;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px));display:none;left:0;position:fixed;right:0;top:40px;z-index:5}.unified-inbox-body.thread-open .unified-conversation-list{display:none}.unified-inbox-body.thread-open .unified-thread-view{display:flex}.unified-thread-back{display:inline-flex}.unified-filter-bar{flex-wrap:wrap}.unified-search{flex-basis:100%}}.message-hover-actions{display:flex;flex:0 0 28px;flex-direction:column;gap:4px;opacity:0;padding-top:2px;position:relative;transition:opacity .15s ease,visibility .15s ease;visibility:hidden;width:28px}.unified-message:focus-within .message-hover-actions,.unified-message:hover .message-hover-actions{opacity:1;visibility:visible}@media (hover:none){.message-hover-actions{opacity:1;visibility:visible}}.hover-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 1px 2px #0000000f;color:#6b7280;cursor:pointer;display:inline-flex;font-size:13px;height:28px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;width:28px}.hover-action-btn:hover{background:#f3f4f6;color:#0a7cff}.message-action-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 16px #00000024;left:0;max-width:240px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 4px);z-index:20}.unified-message.sent .message-action-card{left:auto;right:0}.action-card-title{color:#6b7280;font-size:11px;font-weight:700;padding:4px 8px 6px}.action-card-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:9px 10px;text-align:left;width:100%}.action-card-item svg{color:#6b7280;flex:0 0 auto;font-size:14px}.action-card-item:hover{background:#f3f4f6}.action-card-item.danger,.action-card-item.danger svg{color:#dc2626}.action-card-item.danger:hover{background:#fee2e2}.action-card-item.cancel{color:#6b7280}.action-card-item.back{border-bottom:1px solid #f0f1f3;border-radius:0;color:#6b7280;font-size:12px;margin-bottom:4px;padding:6px 8px 8px}.action-card-item.back svg{font-size:12px}.forward-target-text{display:flex;flex-direction:column;min-width:0}.forward-target-channel{color:#9ca3af;font-size:10px}.action-card-empty{color:#9ca3af;font-size:12px;padding:8px 6px;text-align:center}.reaction-popover{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #0000001f;display:flex;gap:2px;left:0;padding:4px;position:absolute;top:calc(100% + 4px);z-index:20}.unified-message.sent .reaction-popover{left:auto;right:0}.reaction-emoji{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:16px;line-height:1;padding:4px}.reaction-emoji:hover{background:#f3f4f6}.unified-reactions-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.unified-reaction-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;cursor:pointer;font-size:11px;padding:1px 6px}.unified-reaction-chip:hover{background:#dbeafe}.message-edit-box{background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1 1;margin-top:2px;max-width:420px;min-width:220px;padding:6px}.message-edit-box textarea{background:#0000;border:none;color:#111827;font-family:inherit;font-size:13px;outline:none;resize:none;width:100%}.message-edit-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:4px}.message-edit-cancel,.message-edit-save{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px}.message-edit-save{background:#0a7cff;color:#fff}.message-edit-save:hover{background:#0966d1}.message-edit-cancel{background:#fff;border-color:#e5e7eb;color:#6b7280}.message-edit-cancel:hover{background:#f3f4f6}.unified-reply-quote{align-items:flex-start;background:#0a7cff0f;border-left:3px solid #0a7cff;border-radius:6px;color:#6b7280;display:flex;font-size:11px;gap:6px;margin-bottom:6px;padding:4px 8px}.unified-reply-quote svg{flex-shrink:0;font-size:10px;margin-top:1px}.unified-reply-quote span{overflow:hidden;white-space:pre-wrap;word-break:break-word}.unified-forwarded-mark{font-weight:600;margin-bottom:4px}.unified-edited-mark,.unified-forwarded-mark{color:#9ca3af;font-size:10px}.unified-reply-bar{align-items:center;background:#eff6ff;border-top:1px solid #bfdbfe;display:flex;font-size:12px;gap:8px;padding:6px 10px}.unified-reply-bar-info{align-items:center;color:#0a7cff;display:flex;flex-shrink:0;gap:6px}.unified-reply-title{color:#6b7280}.unified-reply-title b{color:#111827}.unified-reply-preview{color:#374151;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-reply-dismiss{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:18px;line-height:1;padding:0 4px}.unified-reply-dismiss:hover{color:#111827}.connect-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 10px;white-space:nowrap}.connect-chip:hover{background:#f3f4f6;color:#0a7cff}.connect-chip.connected{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.connect-chip.connected:hover{background:#d1fae5}.connect-banner{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;text-align:left;width:100%}.connect-banner:hover{background:#dbeafe}.connect-banner svg{color:#0a7cff;flex:0 0 auto}.connect-primary-inline{align-items:center;background:#0a7cff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-top:6px;padding:9px 16px}.connect-primary-inline:hover{background:#0966d1}.connect-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.connect-modal{background:#fff;border-radius:14px;box-shadow:0 20px 48px #00000040;max-height:88vh;max-width:560px;overflow-y:auto;position:relative;width:100%}.connect-modal-close{align-items:center;background:#f1f3f5;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;float:right;height:30px;justify-content:center;margin:10px 10px -38px 0;position:-webkit-sticky;position:sticky;top:8px;width:30px;z-index:2}.connect-modal-close:hover{background:#e5e7eb;color:#111827}.connect-panel{padding:18px 20px 12px}.connect-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.connect-icon{font-size:30px;line-height:1}.connect-title{color:#111827;font-size:16px;font-weight:700}.connect-summary{color:#6b7280;font-size:12px;line-height:1.4;margin-top:2px}.connect-status-ok{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;display:inline-flex;font-size:11px;font-weight:700;gap:5px;margin-left:auto;padding:3px 9px;white-space:nowrap}.connect-steps{background:#f8fafc;border:1px solid #eef0f3;border-radius:10px;margin:8px 0;padding:10px 12px}.connect-steps-title{color:#4b5563;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.connect-step{color:#374151;font-size:12px;line-height:1.45;margin:4px 0}.connect-step b{color:#0a7cff}.connect-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#6b7280;font-size:11px;line-height:1.4;margin:6px 0;padding:8px 10px}.connect-field{margin:10px 0}.connect-field label{color:#374151;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.connect-field input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:13px;outline:none;padding:8px 10px;width:100%}.connect-field input:focus{border-color:#0a7cff;box-shadow:0 0 0 3px #0a7cff1f}.connect-copy-row{display:flex;gap:6px}.connect-copy-row input{flex:1 1}.connect-copy-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;justify-content:center;width:36px}.connect-copy-btn:hover{background:#f3f4f6;color:#0a7cff}.connect-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.connect-danger,.connect-primary,.connect-secondary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:9px 16px}.connect-primary{background:#0a7cff;border:none;color:#fff}.connect-primary:hover{background:#0966d1}.connect-primary:disabled{cursor:not-allowed;opacity:.6}.connect-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.connect-secondary:hover{background:#f3f4f6}.connect-danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;justify-content:center;margin-top:8px;width:100%}.connect-danger:hover{background:#fecaca}.connect-danger:disabled{cursor:not-allowed;opacity:.6}.connect-test{border-top:1px solid #eef0f3;margin-top:10px;padding-top:10px}.connect-test-label{color:#374151;font-size:12px;font-weight:600;margin-bottom:6px}.connect-test-row{display:flex;gap:8px}.connect-test-row input{flex:1 1;vertical-align:middle}.connect-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:12px;margin-top:8px;padding:8px 10px}.connect-modal-footer{padding:10px 20px 16px;text-align:right}.connect-modal-footer .connect-secondary{padding:8px 14px}.messages-container{background:#f0f2f5;height:100vh;overflow:hidden}.messages-chrome{display:flex;flex-direction:column;height:100%;min-height:0}.inbox-channel-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex:0 0 auto;gap:4px;overflow-x:auto;padding:6px 10px;scrollbar-width:none}.inbox-channel-bar::-webkit-scrollbar{display:none}.inbox-channel-tab{align-items:center;background:#f1f3f5;border:none;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:background .15s ease,color .15s ease;white-space:nowrap}.inbox-channel-tab:hover{background:#e5e7eb}.inbox-channel-tab.active{background:#0a7cff;color:#fff}.messages-chrome .messages-layout{flex:1 1;height:auto;min-height:0}.messages-container .messages-chrome>.unified-inbox-root{flex:1 1;min-height:0}@media (min-width:769px){.messages-container{height:calc(100vh - 55px);margin-top:35px}}@media (max-width:768px){.messages-container:not(.messages-embedded){bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px));height:auto;left:0;position:fixed;right:0;top:40px;z-index:20}}.messages-container.messages-embedded{height:100%;margin:0;overflow:hidden;padding:0}@media (min-width:769px){.agent-app .agent-content,.supplier-app .supplier-content{margin-top:60px!important}.agent-app .agent-sidebar.collapsed+.agent-content>.messages-container.messages-embedded,.agent-app .agent-sidebar.expanded+.agent-content>.messages-container.messages-embedded,.supplier-app .supplier-sidebar.collapsed+.supplier-content>.messages-container.messages-embedded,.supplier-app .supplier-sidebar.expanded+.supplier-content>.messages-container.messages-embedded{bottom:0;height:auto;position:fixed;right:0;top:45px;transition:left var(--transition-normal),width var(--transition-normal);z-index:10}.agent-app .agent-sidebar.collapsed+.agent-content>.messages-container.messages-embedded,.supplier-app .supplier-sidebar.collapsed+.supplier-content>.messages-container.messages-embedded{left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.agent-app .agent-sidebar.expanded+.agent-content>.messages-container.messages-embedded,.supplier-app .supplier-sidebar.expanded+.supplier-content>.messages-container.messages-embedded{left:var(--sidebar-expanded);width:calc(100% - var(--sidebar-expanded))}}@media (max-width:768px){.agent-app .messages-container.messages-embedded,.supplier-app .messages-container.messages-embedded{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom, 0px));height:auto;left:0;position:fixed;right:0;top:40px;z-index:10}}.messages-container .preview-section{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;margin-top:1.5rem;padding:1rem}.messages-layout{display:flex;height:100%;overflow:hidden}.conversations-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;width:350px}.conversations-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.conversations-header h3{color:#333;margin:0}.sidebar-search{border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:10px 15px;position:relative}.sidebar-search-icon{color:#666;font-size:12px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-search-input{border:1px solid #e0e0e0;border-radius:15px;font-size:12px;outline:none;padding:10px 8px 10px 24px;transition:border-color .3s;width:90%}.sidebar-search-input:focus{border-color:#25d366}.new-chat-btn{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:background .3s;width:30px}.new-chat-btn:hover{background:#128c7e}.conversations-list{flex-grow:1;min-height:0;overflow-y:auto}.search-results-header{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:10px 20px}.search-results-header h4{color:#666;font-size:12px;font-weight:600;margin:0;text-transform:uppercase}.department-group{border-top:1px solid #e0e0e0}.department-header{background:#f8f9fa;color:#666;font-size:10px;font-weight:600;padding:8px 20px;text-transform:uppercase}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;border-right:2px solid #0000;cursor:pointer;display:flex;padding:15px 20px;transition:background .2s}.conversation-item:hover{background:#f5f5f5}.conversation-item.active,.conversation-item.active:hover{background:#f5f5f5;border-right:2px solid #25d366}.conversation-item.active .conversation-name{color:#000;font-weight:700}.conversation-item.active .conversation-preview{color:#333}.conversation-item.active .conversation-time{color:#666}.conversation-item.active .message-count{background:#fff;color:#25d366}.conversation-item.unread{background:#f0f8ff;border-left:3px solid #25d366}.conversation-item.unread .conversation-name{color:#000;font-weight:700}.conversation-item.unread .conversation-preview{color:#333;font-weight:600}.conversation-avatar{align-items:center;background:#ddd;border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;margin-right:15px;width:50px}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:#333;font-weight:600;margin-bottom:5px}.conversation-preview{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{text-align:right}.conversation-time{color:#999;font-size:12px;margin-bottom:5px}.message-count{background:#25d366;border-radius:10px;color:#fff;font-size:12px;min-width:20px;padding:2px 8px;text-align:center}.message-count.unread{animation:pulse 2s infinite;background:#f44}.message-count:empty{display:none}.chat-area{background:#e5ddd5;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.chat-back-btn{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:18px;justify-content:center;margin-right:10px;padding:5px}@media (max-width:768px){.conversations-sidebar{border-right:none;flex:0 0 100%;width:100%}.chat-area,.messages-layout.mobile-chat-open .conversations-sidebar{display:none}.messages-layout.mobile-chat-open .chat-area{display:flex;flex:0 0 100%;width:100%}}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:15px 20px;z-index:10}.chat-header,.chat-profile{align-items:center;display:flex}.chat-profile{cursor:pointer}.profile-avatar{align-items:center;background:#ddd;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:15px;width:40px}.profile-info{flex:1 1}.profile-name{color:#333;font-weight:600;margin-bottom:2px}.profile-status{color:#666;font-size:14px}.messages-area{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3Cpattern id='a' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");flex:1 1;min-height:0;overflow-y:auto;padding:20px}.message{display:flex;margin-bottom:15px;position:relative}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:18px;max-width:70%;min-width:0;overflow-wrap:break-word;padding:10px 15px;position:relative}.message.sent .message-content{background:#dcf8c6;border-bottom-right-radius:5px}.message.received .message-content{background:#fff;border-bottom-left-radius:5px}.message-text{line-height:1.4;margin-bottom:5px}.message-time{color:#666;font-size:11px;text-align:right}.message-actions{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:none;gap:5px;padding:5px;position:absolute;right:10px;top:-10px}.message:hover .message-actions{display:flex}.message-actions button{background:none;border:none;border-radius:50%;cursor:pointer;padding:5px;transition:background .2s}.message-actions button:hover{background:#f0f0f0}.message-input-area{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:10px;padding:15px 20px;z-index:10}.attachment-btn,.send-btn,.voice-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;padding:10px;transition:all .2s}.attachment-btn:hover,.voice-btn:hover{background:#f0f0f0;color:#333}.voice-btn.recording{animation:pulse 1s infinite;color:#f44}.send-btn{background:#25d366;color:#fff}.send-btn:hover{background:#128c7e}.input-wrapper{flex:1 1}.message-input{border:1px solid #e0e0e0;border-radius:25px;font-size:14px;outline:none;padding:12px 15px;width:100%}.message-input:focus{border-color:#25d366}.no-chat-selected{background:#fff;display:flex;flex-direction:column;height:100%}.no-chat-content{color:#666;text-align:center}.no-chat-content h3{color:#333;margin-bottom:10px}.no-messages{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-messages h3{color:#333;margin-bottom:10px}.message-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.attachment-btn:disabled,.send-btn:disabled,.voice-btn:disabled{cursor:not-allowed;opacity:.5}.send-btn:disabled{background:#ccc}.modal-overlay{z-index:1000}.profile-modal,.user-list-modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:600px;width:400px}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{margin:0}.modal-header button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.search-box{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.search-box input{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;outline:none;padding:10px}.users-list{flex:1 1;overflow-y:auto}.user-item{align-items:center;cursor:pointer;display:flex;padding:10px 15px;transition:background .2s}.user-item:hover{background:#f5f5f5}.user-avatar{align-items:center;background:#ddd;border-radius:50%;display:flex;font-size:20px;height:30px;justify-content:center;margin-right:15px;width:30px}.user-info{flex:1 1}.user-name{color:#000;font-weight:600;margin-bottom:2px}.user-email{color:#666;font-size:14px}.profile-details{padding:30px;text-align:center}.profile-avatar-large{background:#ddd;border-radius:50%;font-size:48px;height:100px;margin:0 auto 20px;width:100px}.dm-overlay,.profile-avatar-large{align-items:center;display:flex;justify-content:center}.dm-overlay{background:#00000059;inset:0;position:fixed;z-index:2000}.dm-panel{background:#fff;border-radius:8px;box-shadow:0 6px 24px #0003;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:420px}.dm-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 12px}.dm-title{font-weight:600}.dm-close{background:none;border:0;color:#333;cursor:pointer}.dm-messages{background:#f7f9fc;flex:1 1;overflow-y:auto;padding:12px}.dm-message{border-radius:8px;box-shadow:0 1px 0 #0000000a;margin-bottom:10px;max-width:85%;padding:8px 10px}.dm-message.incoming{align-self:flex-start;background:#fff}.dm-message.outgoing{align-self:flex-end;background:#d1efff;text-align:right}.dm-sender{color:#666;font-size:12px;margin-bottom:4px}.dm-text{font-size:14px}.dm-time{color:#888;font-size:11px;margin-top:4px}.dm-input-row{border-top:1px solid #eee;display:flex;padding:8px}.dm-input{border:1px solid #ddd;border-radius:6px;flex:1 1;padding:8px 10px}.dm-send{background:#1976d2;border:0;border-radius:6px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 12px}.filter-box{border-bottom:1px solid #e0e0e0;padding:10px 20px}.filter-box select{border:1px solid #e0e0e0;border-radius:20px;outline:none;padding:10px;width:100%}.alert-button{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:16px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.alert-button.no-alerts{background:linear-gradient(135deg,#667eea,#764ba2)}.alert-button.pulse{animation:pulse 2s infinite}.alert-button:hover{transform:scale(1.1)}.alert-button.alerts-active{background:linear-gradient(135deg,#dc2626,#b91c1c)}.alert-button.completed-active{background:linear-gradient(135deg,#10b981,#059669)}.alert-button.parts-active{background:linear-gradient(135deg,#f59e0b,#d97706)}.alert-button.declined-active{background:linear-gradient(135deg,#6366f1,#4f46e5)}.alert-button.messages-active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.alert-button.default-active{background:linear-gradient(135deg,#dc2626,#b91c1c)}.alert-button.default-inactive{background:linear-gradient(135deg,#667eea,#764ba2)}.alert-button-icon{font-size:16px}.alert-button-count{font-size:10px;font-weight:700;line-height:1;text-align:center;width:12px}.confirmation-dialog-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1003}.alert-dialog{animation:pulse 2s infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:95vw;overflow:auto;padding:0;width:600px}.alert-dialog-header{border-bottom:1px solid #fff3;justify-content:space-between;padding:30px 30px 20px}.alert-dialog-header,.alert-dialog-icon,.alert-dialog-title-section{align-items:center;display:flex}.alert-dialog-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;height:50px;justify-content:center;margin-right:15px;width:50px}.alert-dialog-icon span,.alert-dialog-title{color:#fff;font-size:24px}.alert-dialog-title{font-weight:700;margin:0 0 5px}.alert-dialog-subtitle{color:#fffc;font-size:16px;margin:0}.alert-dialog-close{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.alert-dialog-content{background:#fff;border-radius:0 0 20px 20px;padding:30px}.all-clear-section{color:#666;font-size:16px;padding:40px 20px;text-align:center}.all-clear-icon{font-size:48px;margin-bottom:20px}.all-clear-title{color:#28a745;margin:0 0 10px}.all-clear-message{margin:0}.notification-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:15px;margin-bottom:20px;padding:20px}.notification-card:last-child{margin-bottom:0}.notification-header{align-items:center;display:flex;margin-bottom:15px}.notification-type-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.notification-type-icon span{color:#fff;font-size:18px}.notification-title{color:#991b1b;font-size:18px;font-weight:700;margin:0 0 5px}.notification-subtitle{color:#7f1d1d;font-size:14px;margin:0}.notification-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.notification-detail-label{color:#7f1d1d;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.notification-detail-value{color:#991b1b;font-size:14px;font-weight:500;margin:0}.accepted-info{color:#1e3a8a;font-size:16px;font-weight:700;margin:0 0 10px}.timer-display{color:#1e3a8a;font-size:18px;font-weight:700;margin:0 0 15px}.action-buttons{display:flex;gap:15px;justify-content:center}.action-button{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.accept-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.decline-button{background:#6b7280;color:#fff}.complete-button{background:#10b981;color:#fff}.parts-button{background:#f59e0b;color:#fff}.help-button{background:#ef4444;color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1004}.complete-modal{width:400px}.complete-modal,.parts-modal{background:#fff;border-radius:10px;padding:20px}.parts-modal{max-height:80vh;overflow:auto;width:500px}.modal-content{background:#fff;border-radius:10px;padding:20px;width:400px}.modal-content.wide{max-height:80vh;overflow:auto;width:500px}.modal-title{margin:0 0 15px}.modal-textarea{border:1px solid #ddd;border-radius:5px;height:100px;margin-bottom:15px;padding:10px;resize:vertical;width:100%}.modal-h3{margin:0 0 15px}.parts-input-flex{flex:1 1}.parts-input-flex,.parts-input-width{border:1px solid #ddd;border-radius:5px;padding:8px}.parts-input-width{width:80px}.parts-input{border:1px solid #ddd;border-radius:5px;flex:1 1;padding:8px}.parts-input.quantity{flex:none;width:80px}.add-part-button{background:#3b82f6;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:15px;padding:8px 16px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px}.modal-button.cancel{background:#6b7280;color:#fff}.modal-button.submit{background:#10b981;color:#fff}.modal-button.parts-submit{background:#f59e0b;color:#fff}.alert-dialog-dynamic{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;height:85vh;max-height:90vh;max-width:900px;overflow:auto;padding:0;width:90vw}.alert-dialog-dynamic.alerts{animation:pulse 2s infinite;background:linear-gradient(135deg,#dc2626,#b91c1c)}.alert-dialog-dynamic.completed{background:linear-gradient(135deg,#10b981,#059669)}.alert-dialog-dynamic.parts{background:linear-gradient(135deg,#f59e0b,#d97706)}.alert-dialog-dynamic.declined{background:linear-gradient(135deg,#6366f1,#4f46e5)}.alert-dialog-dynamic.messages{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dialog-header{background:inherit;border-bottom:1px solid #fff3;padding:20px 20px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dialog-header-content{justify-content:space-between;margin-bottom:15px}.dialog-header-content,.dialog-icon,.dialog-title-section{align-items:center;display:flex}.dialog-icon{background:#fff3;border-radius:12px;height:40px;justify-content:center;margin-right:12px;width:40px}.dialog-icon-text,.dialog-title{color:#fff;font-size:20px}.dialog-title{font-weight:700;margin:0}.dialog-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.tab-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:left}.tab-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.tab-button.active{background:#ffffff4d}.tab-button.inactive{background:#ffffff1a}.dialog-content{background:#fff;border-radius:0 0 20px 20px;height:calc(85vh - 120px);min-height:400px;overflow-y:auto;position:relative}.alerts-content{padding:20px}.access-restricted{color:#666;font-size:16px;padding:40px 20px;text-align:center}.access-restricted-icon{font-size:48px;margin-bottom:20px}.access-restricted-title{color:#dc2626;margin:0 0 10px}.access-restricted-message{margin:0}.accepted-timer{color:#1e3a8a;font-size:18px;font-weight:700;margin:0 0 15px}.action-buttons-flex{gap:10px}.action-buttons-flex,.action-buttons-flex-wide{display:flex;flex-wrap:wrap;justify-content:center}.action-buttons-flex-wide{gap:15px}.declined-tab-content,.embedded-component,.parts-tab-content{height:100%;overflow:hidden}.messages-tab-content{height:calc(100% - 20px);margin:0;overflow:hidden;padding:0}.messages-tab-content .messages-container{height:100%;margin:0;padding:0;width:100%}.messages-tab-content .messages-layout{display:flex;height:100%}.messages-tab-content .conversations-sidebar{display:flex;flex-direction:column;height:100%}.messages-tab-content .conversations-header{padding:15px;top:0;z-index:10}.messages-tab-content .conversations-header,.messages-tab-content .sidebar-search{background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky}.messages-tab-content .sidebar-search{padding:10px 15px;top:60px;z-index:9}.messages-tab-content .conversations-list{flex:1 1;overflow-y:auto;padding:0 15px}.messages-tab-content .chat-area{display:flex;flex-direction:column;height:100%}.messages-tab-content .chat-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.messages-tab-content .messages-area{flex:1 1;overflow-y:auto;padding:15px}.messages-tab-content .message-input-area{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 4px #0000001a;flex-shrink:0;margin-top:auto;padding:15px;position:-webkit-sticky;position:sticky;z-index:10}.all-clear-container{color:#666;font-size:16px;padding:40px 20px;text-align:center}.all-clear-emoji{font-size:48px;margin-bottom:20px}.all-clear-heading{color:#28a745;margin:0 0 10px}.all-clear-text{margin:0}.notification-card-container{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:15px;margin-bottom:20px;padding:20px}.notification-card-container:last-child{margin-bottom:0}.notification-header-flex{align-items:center;display:flex;margin-bottom:15px}.notification-problem-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.notification-problem-emoji{color:#fff;font-size:18px}.notification-problem-title{color:#991b1b;font-size:18px;font-weight:700;margin:0 0 5px}.notification-problem-subtitle{color:#7f1d1d;font-size:14px;margin:0}.notification-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.notification-detail-item label{color:#7f1d1d;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.notification-detail-item p{color:#991b1b;font-size:14px;font-weight:500;margin:0}.accept-time-info{color:#1e3a8a;font-size:16px;font-weight:700;margin:0 0 10px}.timer-info{color:#1e3a8a;font-size:18px;font-weight:700;margin:0 0 15px}.accepted-action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.complete-action-btn{background:#10b981}.complete-action-btn,.parts-action-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.parts-action-btn{background:#f59e0b}.help-action-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.initial-action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.accept-ticket-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.accept-ticket-btn,.decline-ticket-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.decline-ticket-btn{background:#6b7280}.modal-actions-flex{display:flex;gap:10px;justify-content:flex-end}.modal-cancel-btn{background:#6b7280}.modal-cancel-btn,.modal-complete-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.modal-complete-btn{background:#10b981}.modal-submit-btn{background:#f59e0b;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.parts-form-row{display:flex;gap:10px;margin-bottom:10px}.add-part-btn{background:#3b82f6;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:15px;padding:8px 16px}@media (max-height:800px){.alert-dialog-dynamic{height:90vh}.dialog-content{height:calc(90vh - 120px)}}@media (max-height:600px){.alert-dialog-dynamic{height:95vh}.dialog-content{height:calc(95vh - 100px);min-height:300px}.dialog-header{padding:15px 15px 8px}}@media (max-height:500px){.alert-dialog-dynamic{height:98vh}.dialog-content{height:calc(98vh - 80px);min-height:250px}.dialog-header{padding:10px 15px 5px}.dialog-title{font-size:18px}}.offline-indicator{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:10px 16px;position:fixed;right:10px;top:10px;z-index:9999}.offline-indicator.offline{background-color:#f44;color:#fff}.offline-indicator.online{background-color:orange;color:#fff}.indicator-content{align-items:center;display:flex;gap:10px}.status-dot{animation:pulse 2s infinite;background-color:#fff;border-radius:50%;height:8px;width:8px}.status-text{font-size:14px;font-weight:500}.sync-button{background-color:#fff;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s}.sync-button:hover:not(:disabled){background-color:#f0f0f0;transform:scale(1.05)}.sync-button:disabled{cursor:not-allowed;opacity:.6}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{bottom:0;box-shadow:var(--shadow-mobile-nav);display:flex;height:var(--mobile-nav-height);left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:var(--z-mobile-nav)}.mobile-bottom-nav-scroll{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-color:#0000004d #0000000d;scrollbar-width:thin;width:100%}.mobile-bottom-nav-scroll::-webkit-scrollbar{height:3px}.mobile-bottom-nav-scroll::-webkit-scrollbar-track{background:#0000000d}.mobile-bottom-nav-scroll::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:12px 12px 0 0;border-top:3px solid #0000;color:var(--sidebar-text);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-weight:400;gap:3px;justify-content:center;min-width:68px;overflow:hidden;padding:6px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mobile-nav-item.active{background:var(--sidebar-active-bg);border-top-color:var(--sidebar-active-indicator);box-shadow:0 -2px 12px #6366f133;color:var(--sidebar-text-active);font-weight:700;transform:scale(1.02)}.mobile-nav-item.active .mobile-nav-icon{opacity:1}.mobile-nav-item.active .mobile-nav-icon,.mobile-nav-item.active .mobile-nav-icon.icon-boxes>path,.mobile-nav-item.active .mobile-nav-icon.icon-cart>path,.mobile-nav-item.active .mobile-nav-icon.icon-cog>path:first-child,.mobile-nav-item.active .mobile-nav-icon.icon-factory>path:first-child,.mobile-nav-item.active .mobile-nav-icon.icon-home>path:last-child,.mobile-nav-item.active .mobile-nav-icon.icon-message>path,.mobile-nav-item.active .mobile-nav-icon.icon-users>path:not(:first-child),.mobile-nav-item.active .mobile-nav-icon.icon-warehouse>path:first-child,.mobile-nav-item.active .mobile-nav-icon.icon-wrench>path,.mobile-nav-item.active .mobile-nav-icon>circle,.mobile-nav-item.active .mobile-nav-icon>rect{fill:currentColor;stroke:currentColor;stroke-width:2.5px}.mobile-nav-item.active .mobile-nav-icon.icon-bag>path:not(:first-child),.mobile-nav-item.active .mobile-nav-icon.icon-calculator>line,.mobile-nav-item.active .mobile-nav-icon.icon-calculator>path,.mobile-nav-item.active .mobile-nav-icon.icon-card>line,.mobile-nav-item.active .mobile-nav-icon.icon-clipboard>path:not(:first-of-type),.mobile-nav-item.active .mobile-nav-icon.icon-cog>path:not(:first-child),.mobile-nav-item.active .mobile-nav-icon.icon-factory>path:not(:first-child),.mobile-nav-item.active .mobile-nav-icon.icon-gauge>path:first-child,.mobile-nav-item.active .mobile-nav-icon.icon-home>path:first-child,.mobile-nav-item.active .mobile-nav-icon.icon-note>circle,.mobile-nav-item.active .mobile-nav-icon.icon-note>path,.mobile-nav-item.active .mobile-nav-icon.icon-pkg>line,.mobile-nav-item.active .mobile-nav-icon.icon-pkg>path:not(:nth-child(3)),.mobile-nav-item.active .mobile-nav-icon.icon-pkg>polyline,.mobile-nav-item.active .mobile-nav-icon.icon-truck>path:nth-child(2),.mobile-nav-item.active .mobile-nav-icon.icon-warehouse>path:not(:first-child),.mobile-nav-item.active .mobile-nav-icon.icon-warehouse>rect{fill:none;stroke:var(--bg-sidebar);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-item.active .mobile-nav-icon.icon-calculator>rect,.mobile-nav-item.active .mobile-nav-icon.icon-clipboard>path:first-of-type,.mobile-nav-item.active .mobile-nav-icon.icon-users>circle,.mobile-nav-item.active .mobile-nav-icon.icon-users>path:first-child{fill:currentColor;stroke:currentColor;stroke-width:2.5px}.mobile-nav-item.active:before{display:none}.mobile-nav-item:active{background:var(--sidebar-hover-bg);transform:scale(.95)}.mobile-nav-icon{flex-shrink:0;font-size:18px;height:18px;opacity:1;transition:opacity .3s ease,stroke-width .3s ease;width:18px}.mobile-nav-icon-wrap{display:inline-flex;position:relative}.mobile-nav-badge{align-items:center;background:var(--success-dark);border-radius:var(--radius-round);color:var(--text-white);display:flex;font-size:9px;font-weight:700;height:13px;justify-content:center;line-height:1;min-width:13px;padding:0 2px;pointer-events:none;position:absolute;right:-7px;top:-6px}.mobile-nav-label{font-size:10px;font-weight:400;letter-spacing:.02em;white-space:nowrap}.mobile-nav-item.active .mobile-nav-label{font-weight:700}.mobile-nav-item:last-child{margin-right:20px}.mobile-bottom-nav-scroll:after{content:"";flex-shrink:0;height:1px;width:20px}.agent-sidebar,.sidebar,.supplier-sidebar{display:none!important}.agent-app,.supplier-app{height:auto!important;min-height:100vh}.agent-content,.supplier-content{height:calc(100vh - 122px)!important;margin-left:0!important;margin-top:56px!important;overflow:hidden!important;padding-bottom:0!important;width:100%!important}}.mobile-user-backdrop,.mobile-user-panel{display:none}@media (max-width:768px){.mobile-user-backdrop{background:#00000059;display:block;inset:0;position:fixed;z-index:1250}.mobile-user-panel{box-shadow:4px 0 20px #0003;display:flex;flex-direction:column;height:100vh;left:0;padding-top:env(safe-area-inset-top);position:fixed;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:260px;z-index:1300}.mobile-user-panel.open{transform:translateX(0)}.mobile-user-panel-header{align-items:center;display:flex;gap:14px;padding:24px 20px 20px}.mup-profile-section{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:14px}.mup-avatar{color:#000;flex-shrink:0;font-size:42px}.mup-name{color:#000;flex:1 1;font-size:16px;font-weight:700;word-break:break-word}.mup-subtitle{color:#667eea;font-size:12px;font-weight:600;margin-top:2px}.mup-close{font-size:16px}.mup-close,.mup-icon-btn{align-items:center;background:#00000014;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .2s;width:30px}.mup-icon-btn{font-size:15px;position:relative}.mup-icon-btn:hover{background:#00000026}.mup-notif-badge{align-items:center;background:var(--error-dark);border-radius:999px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}.mup-close:hover{background:#00000026}.mup-divider{background:#0000001a;height:1px;margin:4px 0}.mup-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;padding:14px 20px;text-align:left;transition:background .15s;width:100%}.mup-item:active,.mup-item:hover{background:#0000000f;color:#000}.mup-icon{color:#000;flex-shrink:0;font-size:18px;width:18px}.mup-badge{align-items:center;background:var(--error-dark);border-radius:10px;color:var(--text-white);display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 5px}.mup-logout{color:var(--error)}.mup-logout:active,.mup-logout:hover{background:#dc35451a;color:var(--error-dark)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--bg-app-header);color:var(--text-white);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{display:flex;height:100vh}.app-layout{min-height:100vh;position:relative}.main-content{background:var(--bg-page);box-sizing:border-box;height:100vh;overflow:hidden;padding:10px;transition:width var(--transition-normal),margin-left var(--transition-normal);width:calc(100% - var(--sidebar-collapsed))}.main-content.sidebar-expanded{margin-left:var(--sidebar-expanded);width:calc(100% - var(--sidebar-expanded))}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.main-content.scrollable{overflow-y:auto}.header-expanded{margin-left:var(--sidebar-expanded);width:calc(100% - var(--sidebar-expanded))}.header-collapsed,.header-expanded{transition:width var(--transition-normal),margin-left var(--transition-normal)}.header-collapsed{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}@media (min-width:769px){.app-layout .main-content .cost-calculator-tabs-fixed,.app-layout .main-content .factory-info-tabs-fixed,.app-layout .main-content .inventory-tabs-fixed,.app-layout .main-content .machine-tabs-fixed,.app-layout .main-content .material-stock-tabs-fixed,.app-layout .main-content .order-input-tabs-fixed,.app-layout .main-content .payment-admin-tabs-fixed,.app-layout .main-content .production-tabs-fixed{transition:left var(--transition-normal),width var(--transition-normal)}.app-layout .main-content.sidebar-collapsed .cost-calculator-tabs-fixed,.app-layout .main-content.sidebar-collapsed .factory-info-tabs-fixed,.app-layout .main-content.sidebar-collapsed .inventory-tabs-fixed,.app-layout .main-content.sidebar-collapsed .machine-tabs-fixed,.app-layout .main-content.sidebar-collapsed .material-stock-tabs-fixed,.app-layout .main-content.sidebar-collapsed .payment-admin-tabs-fixed,.app-layout .main-content.sidebar-collapsed .production-tabs-fixed{left:var(--sidebar-collapsed)}.app-layout .main-content.sidebar-collapsed .order-input-tabs-fixed{left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.app-layout .main-content.sidebar-expanded .cost-calculator-tabs-fixed,.app-layout .main-content.sidebar-expanded .factory-info-tabs-fixed,.app-layout .main-content.sidebar-expanded .inventory-tabs-fixed,.app-layout .main-content.sidebar-expanded .machine-tabs-fixed,.app-layout .main-content.sidebar-expanded .material-stock-tabs-fixed,.app-layout .main-content.sidebar-expanded .payment-admin-tabs-fixed,.app-layout .main-content.sidebar-expanded .production-tabs-fixed{left:var(--sidebar-expanded)}.app-layout .main-content.sidebar-expanded .order-input-tabs-fixed{left:var(--sidebar-expanded);width:calc(100% - var(--sidebar-expanded))}}@media (max-width:768px){.header-collapsed,.header-expanded{margin-left:0!important;width:100%!important}}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}@media (max-width:768px){#root,body,html{height:100%!important;left:0!important;overflow:hidden!important;position:fixed!important;top:0!important;width:100%!important}.app-layout{bottom:66px!important;height:auto!important;left:0!important;min-height:0!important;min-height:auto!important;overflow:hidden!important;position:fixed!important;right:0!important;top:30px!important}.main-content,.main-content.scrollable,.main-content.sidebar-collapsed,.main-content.sidebar-expanded{bottom:0!important;box-sizing:border-box!important;height:100%!important;left:0!important;margin-left:0!important;min-height:0!important;min-height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:10px!important;position:absolute!important;right:0!important;scrollbar-width:none!important;top:0!important;width:100%!important}.main-content.scrollable::-webkit-scrollbar,.main-content.sidebar-collapsed::-webkit-scrollbar,.main-content.sidebar-expanded::-webkit-scrollbar,.main-content::-webkit-scrollbar{display:none!important}}.app-loading-screen{align-items:center;background:var(--bg-card);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}.app-loading-content{text-align:center}.app-loading-logo{height:70px;margin-bottom:1.5rem}.app-loading-spinner{animation:app-spin .8s linear infinite;border:3px solid var(--border-card);border-radius:var(--radius-round);border-top-color:var(--facebook);height:36px;margin:0 auto;width:36px}@keyframes app-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-layout .main-content .cost-calculator-tabs-fixed,.app-layout .main-content .factory-info-tabs-fixed,.app-layout .main-content .inventory-tabs-fixed,.app-layout .main-content .machine-tabs-fixed,.app-layout .main-content .material-stock-tabs-fixed,.app-layout .main-content .payment-admin-tabs-fixed,.app-layout .main-content .production-tabs-fixed{background:var(--bg-page);left:0;padding:0;position:relative;right:0}}