:root{--app-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--app-font-family)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--app-font-family)}@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:#cfd5df;--border-medium:#aab4c4;--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:#f2f8fd;--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 -1px 8px #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;--surface-page-bg:var(--bg-page);--surface-page-fg:var(--text-primary);--surface-page-muted:var(--text-muted);--surface-card-bg:var(--bg-card);--surface-card-fg:var(--text-primary);--surface-card-muted:var(--text-secondary);--surface-section-bg:var(--bg-section);--surface-section-fg:var(--text-primary);--surface-section-muted:var(--text-secondary);--surface-sidebar-bg:var(--sidebar-bg);--surface-sidebar-fg:var(--text-sidebar);--surface-sidebar-muted:var(--text-light-muted);--surface-sidebar-active-fg:var(--sidebar-text-active);--surface-header-bg:var(--bg-app-header);--surface-header-fg:var(--text-white);--surface-header-muted:#fff9;--surface-mobile-nav-bg:var(--bg-card);--surface-mobile-nav-fg:var(--text-primary);--surface-mobile-nav-muted:var(--text-muted);--surface-mobile-nav-active-fg:var(--brand-primary);--surface-badge-success-bg:var(--success);--surface-badge-success-fg:var(--text-white);--surface-badge-warning-bg:var(--warning);--surface-badge-warning-fg:var(--text-white);--surface-badge-error-bg:var(--error);--surface-badge-error-fg:var(--text-white);--surface-badge-info-bg:var(--info);--surface-badge-info-fg:var(--text-white);--surface-badge-muted-bg:var(--bg-section);--surface-badge-muted-fg:var(--text-secondary);--surface-brand-bg:var(--brand-primary);--surface-brand-fg:var(--text-white);--surface-brand-gradient-bg:var(--gradient-brand);--surface-brand-gradient-fg:var(--text-white);--on-gradient-brand:var(--text-white);--on-gradient-success:var(--text-white);--on-gradient-error:var(--text-white);--on-gradient-warning:var(--text-white);--on-gradient-info:var(--text-white);--adaptive-fg:inherit;--adaptive-muted:color-mix(in srgb,var(--adaptive-fg) 60%,#0000);--adaptive-icon:currentColor;--count-bg:var(--surface-badge-success-bg);--count-fg:var(--surface-badge-success-fg)}*,: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)}.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 #aab4c4;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;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%}.tab-btn.active .tt-icon,.tab-btn.active .tt-label,.tt-tab.active,.tt-tab.active .tt-icon,.tt-tab.active .tt-label,.tt-tab[aria-selected=true],.tt-tab[aria-selected=true] .tt-icon,.tt-tab[aria-selected=true] .tt-label{color:#1e43b8;color:var(--tab-active)}.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;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 #cfd5df;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}.tab-btn .tt-label,.tt-tab .tt-label{font-family:var(--app-font-family);font-size:14px;font-weight:inherit;text-transform:none}.tt-input,.tt-select,.tt-textarea{background:#fff;background:var(--bg-card);border:1.5px solid #cfd5df;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 #cfd5df;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 #aab4c4;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:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity 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 #aab4c4;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 1.5px 4px #667eea4d;box-shadow:0 1.5px 4px 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 #cfd5df;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 #cfd5df;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 #cfd5df;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 #cfd5df;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 #cfd5df;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;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 20px #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 #cfd5df;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 #cfd5df;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}.surface-page{--adaptive-fg:var(--surface-page-fg);--adaptive-muted:var(--surface-page-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.surface-card{--adaptive-fg:var(--surface-card-fg);--adaptive-muted:var(--surface-card-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.surface-section{--adaptive-fg:var(--surface-section-fg);--adaptive-muted:var(--surface-section-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.surface-sidebar{--adaptive-fg:var(--surface-sidebar-fg);--adaptive-muted:var(--surface-sidebar-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.surface-header{--adaptive-fg:var(--surface-header-fg);--adaptive-muted:var(--surface-header-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.surface-mobile-nav{--adaptive-fg:var(--surface-mobile-nav-fg);--adaptive-muted:var(--surface-mobile-nav-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.surface-brand{--adaptive-fg:var(--surface-brand-fg);--adaptive-muted:color-mix(in srgb,var(--surface-brand-fg) 70%,#0000);--count-bg:var(--surface-badge-success-bg);--count-fg:var(--surface-badge-success-fg)}.surface-brand-gradient{--adaptive-fg:var(--surface-brand-gradient-fg);--adaptive-muted:color-mix(in srgb,var(--surface-brand-gradient-fg) 70%,#0000)}.surface-brand-gradient,.surface-success{--count-bg:var(--surface-badge-success-bg);--count-fg:var(--surface-badge-success-fg)}.surface-warning{--count-bg:var(--surface-badge-warning-bg);--count-fg:var(--surface-badge-warning-fg)}.surface-error{--count-bg:var(--surface-badge-error-bg);--count-fg:var(--surface-badge-error-fg)}.surface-info{--count-bg:var(--surface-badge-info-bg);--count-fg:var(--surface-badge-info-fg)}.adaptive-icon{fill:currentColor;stroke:currentColor;color:currentColor!important;color:var(--adaptive-icon,currentColor)!important}.adaptive-text{color:inherit!important;color:var(--adaptive-fg)!important}.adaptive-muted{color:color-mix(in srgb,inherit 60%,#0000)!important;color:var(--adaptive-muted)!important}.adaptive-count{align-items:center;background:#10b981;background:var(--count-bg);border:2px solid #10b981;border:2px solid var(--count-bg);border-radius:50%;border-radius:var(--radius-round);color:#fff;color:var(--count-fg);display:inline-flex;font-size:10px;font-size:var(--font-xs);font-weight:700;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding:0 .375rem}.adaptive-count--success{--count-bg:var(--surface-badge-success-bg);--count-fg:var(--surface-badge-success-fg)}.adaptive-count--warning{--count-bg:var(--surface-badge-warning-bg);--count-fg:var(--surface-badge-warning-fg)}.adaptive-count--error{--count-bg:var(--surface-badge-error-bg);--count-fg:var(--surface-badge-error-fg)}.adaptive-count--info{--count-bg:var(--surface-badge-info-bg);--count-fg:var(--surface-badge-info-fg)}.adaptive-count--muted{--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.icon-adaptive{color:inherit;color:var(--adaptive-fg);display:inline-flex}.icon-adaptive svg{fill:currentColor;stroke:currentColor;color:inherit;height:1em;width:1em}.icons-light,.icons-light .adaptive-icon,.icons-light .adaptive-muted,.icons-light .adaptive-text,.icons-light .icon-adaptive{--adaptive-fg:var(--text-white)!important;--adaptive-muted:#ffffffb3!important;--adaptive-icon:var(--text-white)!important;color:#fff!important;color:var(--text-white)!important}.icons-light .adaptive-count{--count-bg:var(--text-white)!important;--count-fg:var(--text-primary)!important}.icons-dark,.icons-dark .adaptive-icon,.icons-dark .adaptive-muted,.icons-dark .adaptive-text,.icons-dark .icon-adaptive{--adaptive-fg:var(--text-primary)!important;--adaptive-muted:var(--text-muted)!important;--adaptive-icon:var(--text-primary)!important;color:#1f2937!important;color:var(--text-primary)!important}.icons-dark .adaptive-count{--count-bg:var(--text-primary)!important;--count-fg:var(--text-white)!important}.icons-high-contrast .adaptive-icon{filter:contrast(150%)}[data-bg-luminance=dark] .adaptive-icon,[data-bg-luminance=dark] .adaptive-muted,[data-bg-luminance=dark] .adaptive-text,[data-bg-luminance=dark] .icon-adaptive{--adaptive-fg:var(--text-white)!important;--adaptive-muted:#ffffffb3!important;--adaptive-icon:var(--text-white)!important;color:#fff!important;color:var(--text-white)!important}[data-bg-luminance=light] .adaptive-icon,[data-bg-luminance=light] .adaptive-muted,[data-bg-luminance=light] .adaptive-text,[data-bg-luminance=light] .icon-adaptive{--adaptive-fg:var(--text-primary)!important;--adaptive-muted:var(--text-muted)!important;--adaptive-icon:var(--text-primary)!important;color:#1f2937!important;color:var(--text-primary)!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;padding:5px 15px;position:relative;transition:color .2s ease,background .2s ease;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.purchase-unread-badge{background:#ef4444;border-radius:10px;box-shadow:0 2px 6px #ef444466;color:#fff;font-size:10px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-6px;text-align:center;top:-6px}.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)}.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 #cfd5df;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}.agent-info-tabs,.cost-calculator-tabs-fixed,.factory-info-tabs-fixed,.home-tabs-fixed,.inventory-tabs-container,.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 #cfd5df;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:0 14px;position:fixed;right:0;top:45px;top:var(--tabbar-top,45px);transition:left .3s ease,width .3s ease;transition:left var(--transition-normal),width var(--transition-normal);z-index:200;z-index:var(--z-header)}@media (min-width:769px){.agent-info-tabs,.cost-calculator-tabs-fixed,.factory-info-tabs-fixed,.home-tabs-fixed,.inventory-tabs-container,.inventory-tabs-fixed,.machine-tabs-fixed,.material-stock-tabs-fixed,.payment-admin-tabs-fixed,.production-tabs-fixed,.supplier-tabs-fixed{padding-left:5px;padding-right:5px}}.agent-info-tabs .tab-buttons,.cost-calculator-tabs-fixed .tab-buttons,.factory-info-tabs-fixed .tab-buttons,.home-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,.home-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,.home-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,.home-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,.home-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:10px;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:10px;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:1.5px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;max-width:160px;outline:none;padding:6px 10px;transition:border-color .2s ease}.challan-header .header-actions .pur-filter-line select:focus,.ex-stock-header .header-actions .pur-filter-line select:focus,.frozen-header-actions .pur-filter-line select:focus,.gate-pass-header .header-actions .pur-filter-line select:focus,.pending-header .header-actions .pur-filter-line select:focus,.stock-l-header .header-actions .pur-filter-line select:focus{border-color:#667eea}.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:1.5px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 10px;transition:border-color .2s ease}.challan-header .header-actions .pur-filter-line input[type=date]:focus,.gate-pass-header .header-actions .pur-filter-line input[type=date]:focus{border-color:#667eea}.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:#0000;border:1.5px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:5px;padding:6px 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{border-radius:12px;margin-bottom:10px;margin-top:5px}.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 #aab4c4;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:initial;border-spacing:0;width:100%}.stock-l-table th{border-bottom:1px solid #cfd5df;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:10px;text-align:left}.stock-l-table td{color:#374151;color:var(--text-secondary);font-size:14px;padding:7px 10px}.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)}.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 #aab4c4;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:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .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 #cfd5df;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 #cfd5df;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}.demo-header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px;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 #cfd5df;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-md);margin:8px 0;overflow-x:auto}@media (max-width:768px){.agent-info-tabs,.cost-calculator-tabs-fixed,.factory-info-tabs-fixed,.home-tabs-fixed,.inventory-tabs-container,.inventory-tabs-fixed,.machine-tabs-fixed,.material-stock-tabs-fixed,.payment-admin-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,.home-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 0;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,.home-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:first-child{padding:7px 14px 7px 7px}.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)}}.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% - 57px);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.surface-sidebar{--adaptive-fg:var(--surface-sidebar-fg);--adaptive-muted:var(--surface-sidebar-muted)}.sidebar.expanded{width:var(--sidebar-expanded)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar:before{background:radial-gradient(circle at 100% 100%,#0000 11.5px,var(--border-medium) 11.5px 12.5px,var(--sidebar-bg) 12.5px);content:"";height:12px;left:100%;pointer-events:none;position:absolute;top:45px;width:12px}.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:var(--sidebar-text);color:var(--adaptive-fg,var(--sidebar-text));cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:40px;justify-content:center;order:1;position:relative;text-align:center;transition:color var(--transition-normal);width:40px}.sidebar .toggle-btn svg{fill:none;stroke:currentColor;stroke-width:2.5px;display:block;height:20px;width:20px}.sidebar .toggle-btn.active svg,.sidebar .toggle-btn:hover svg{stroke-width:2px}.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);color:var(--adaptive-fg,var(--sidebar-text));display:flex;font-weight:400;gap:0;height:34px;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{fill:none;stroke:currentColor;stroke-width:2px;color:#555;flex-shrink:0;font-size:20px;height:20px;left:26px;opacity:1;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-normal);width:20px}.sidebar-menu li a:hover svg{color:var(--sidebar-text-active)}.sidebar-menu li a.active{font-weight:700}.sidebar-menu li a.active svg{color:#1e43b8}.sidebar-menu li a.active svg,.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:2px}.sidebar-menu li a.active svg .nav-icon-detail{fill:none;stroke:var(--bg-sidebar);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.sidebar-menu li a.active svg.icon-bell>path:last-child,.sidebar-menu li a.active svg.icon-boxes>path,.sidebar-menu li a.active svg.icon-calculator>path:last-child,.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-logout>path:last-child,.sidebar-menu li a.active svg.icon-message>path,.sidebar-menu li a.active svg.icon-switch>path:last-child,.sidebar-menu li a.active svg.icon-userround>path:last-child,.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:2px}.sidebar-menu li a.active svg.icon-bell>path:not(:last-child),.sidebar-menu li a.active svg.icon-calculator>line,.sidebar-menu li a.active svg.icon-calculator>path:not(:last-child),.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-logout>path:not(:last-child),.sidebar-menu li a.active svg.icon-switch>path:not(:last-child),.sidebar-menu li a.active svg.icon-userround>path:not(:last-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.5px;stroke-linecap:round;stroke-linejoin:round}.sidebar-menu li a.active svg.icon-bell>circle,.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-logout>path:first-of-type,.sidebar-menu li a.active svg.icon-switch>path:first-of-type,.sidebar-menu li a.active svg.icon-userround>circle,.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:not(.message-nav-badge){font-size:15px;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:not(.message-nav-badge){opacity:1;visibility:visible}.sidebar.collapsed .sidebar-menu li a span:not(.message-nav-badge){opacity:0;transition-delay:0s;visibility:hidden}.sidebar-logout .btn span{left:35px;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:35px;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:var(--sidebar-text);color:var(--adaptive-fg,var(--sidebar-text));font-size:20px;height:30px;justify-content:center;left:20px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);transition:color var(--transition-normal);width:30px}.sidebar .user-avatar svg{fill:none;stroke:currentColor;stroke-width:2px;color:#555;font-size:30px!important;height:30px!important;transition:color var(--transition-normal);width:30px!important}.sidebar-user-profile.active .user-avatar svg{fill:currentColor;stroke:currentColor;stroke-width:2px;color:#1e43b8}.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);color:var(--adaptive-fg,var(--text-body));cursor:pointer;display:flex;font-size:14px;height:25px;position:relative;transition:background var(--transition-normal);width:100%}.sidebar-logout .btn svg{fill:none;stroke:currentColor;stroke-width:2px;font-size:18px;height:18px;left:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color var(--transition-normal);width:18px}.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}.sidebar-logout .btn-switch{align-items:center;background:var(--sidebar-btn-bg);border:1px solid var(--sidebar-btn-border);border-radius:var(--radius-md);color:var(--text-body);color:var(--adaptive-fg,var(--text-body));cursor:pointer;display:flex;font-size:14px;font-weight:600;height:25px;margin-bottom:5px;padding:6px 15px;position:relative;transition:background var(--transition-normal);width:100%}.sidebar-logout .btn-switch svg{fill:none;stroke:currentColor;stroke-width:2px;color:#555;font-size:16px;height:16px;left:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal);width:16px}.sidebar-logout .btn-switch:hover{background:var(--sidebar-btn-hover-bg)}.sidebar-logout .btn-switch:hover svg{color:var(--sidebar-text-active)}.sidebar-logout .btn-switch:hover svg.icon-switch{fill:none;stroke:currentColor;stroke-width:3px;color:#1e43b8!important}.sidebar-logout .btn-agent.btn-switch{background:var(--sidebar-btn-bg);border:1px solid var(--sidebar-btn-border)}.sidebar-logout .btn-agent.btn-switch:hover{background:var(--sidebar-btn-hover-bg)}.sidebar-logout .btn-agent.btn-switch:hover svg{fill:none;stroke:currentColor;stroke-width:3px;color:#1e43b8!important}.sidebar-logout .btn-logout{align-items:center;background:#dc354533;border:1px solid #dc35454d;border-radius:var(--radius-md);color:var(--text-body);color:var(--adaptive-fg,var(--text-body));cursor:pointer;display:flex;font-size:12px;height:25px;padding:6px 15px;position:relative;transition:background var(--transition-normal);width:100%}.sidebar-logout .btn-logout svg{fill:none;stroke:currentColor;stroke-width:2px;color:#555;font-size:16px;height:16px;left:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal);width:16px}.sidebar-logout .btn-logout:hover{background:#dc35454d}.sidebar-logout .btn-logout:hover svg{fill:none;stroke:currentColor;stroke-width:3px;color:#1e43b8!important}.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:var(--sidebar-text);color:var(--adaptive-fg,var(--sidebar-text));cursor:pointer;height:40px;justify-content:center;left:16px;position:absolute;transition:background-color var(--transition-normal),color var(--transition-normal);width:40px}.notification-btn svg{fill:none;stroke:currentColor;stroke-width:2px;color:#555;font-size:18px!important;height:18px!important;transition:color var(--transition-normal);width:18px!important}.notification-btn:hover{background-color:var(--sidebar-hover-bg)}.notification-btn:hover svg{color:var(--sidebar-text-active)}.notification-btn.active svg.icon-bell{fill:currentColor;stroke:currentColor;stroke-width:2px;color:#1e43b8}.sidebar .notification-btn svg{transition:color var(--transition-normal)}.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:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal),opacity 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}.sidebar-menu li a:not(.active) .adaptive-icon,.sidebar-menu li a:not(.active) .icon-bell,.sidebar-menu li a:not(.active) .icon-boxes,.sidebar-menu li a:not(.active) .icon-calculator,.sidebar-menu li a:not(.active) .icon-cart,.sidebar-menu li a:not(.active) .icon-cog,.sidebar-menu li a:not(.active) .icon-factory,.sidebar-menu li a:not(.active) .icon-home,.sidebar-menu li a:not(.active) .icon-logout,.sidebar-menu li a:not(.active) .icon-message,.sidebar-menu li a:not(.active) .icon-switch,.sidebar-menu li a:not(.active) .icon-userround,.sidebar-menu li a:not(.active) .icon-users,.sidebar-menu li a:not(.active) .icon-warehouse,.sidebar-menu li a:not(.active) .icon-wrench,.sidebar-menu li a:not(.active) .nav-icon,.sidebar-menu li a:not(.active) svg{color:#555}.sidebar-menu li a.active .adaptive-icon,.sidebar-menu li a.active .icon-bell,.sidebar-menu li a.active .icon-boxes,.sidebar-menu li a.active .icon-calculator,.sidebar-menu li a.active .icon-cart,.sidebar-menu li a.active .icon-cog,.sidebar-menu li a.active .icon-factory,.sidebar-menu li a.active .icon-home,.sidebar-menu li a.active .icon-logout,.sidebar-menu li a.active .icon-message,.sidebar-menu li a.active .icon-switch,.sidebar-menu li a.active .icon-userround,.sidebar-menu li a.active .icon-users,.sidebar-menu li a.active .icon-warehouse,.sidebar-menu li a.active .icon-wrench,.sidebar-menu li a.active .nav-icon,.sidebar-menu li a.active svg{fill:currentColor;stroke:currentColor;stroke-width:2.5px;color:#1e43b8}.sidebar-menu li a.active svg .icon-bell>path:not(:last-child),.sidebar-menu li a.active svg .icon-calculator>line,.sidebar-menu li a.active svg .icon-calculator>path:not(:last-child),.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-logout>path:not(:last-child),.sidebar-menu li a.active svg .icon-switch>path:not(:last-child),.sidebar-menu li a.active svg .icon-userround>path:not(:last-child),.sidebar-menu li a.active svg .icon-warehouse>path:not(:first-child),.sidebar-menu li a.active svg .icon-warehouse>rect,.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 .toggle-btn svg{color:#555;transition:color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal)}.sidebar .toggle-btn:hover svg{color:var(--sidebar-text-active)}.sidebar .toggle-btn.active svg,.sidebar .toggle-btn:hover svg{fill:currentColor;stroke:currentColor;stroke-width:2.5px;color:#1e43b8}.sidebar .notification-btn svg{color:#555;transition:color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal)}.sidebar .notification-btn:hover svg{color:var(--sidebar-text-active)}.sidebar .notification-btn.active svg,.sidebar .notification-btn:hover svg{fill:currentColor;stroke:currentColor;stroke-width:2.5px;color:#1e43b8}.notification-btn.active svg.icon-bell>path:last-child{fill:none;stroke:var(--bg-sidebar);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.sidebar-logout .btn svg{color:#555;transition:color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal)}.sidebar-logout .btn:hover svg{color:var(--sidebar-text-active)}.sidebar-logout .btn:hover svg.icon-logout,.sidebar-logout .btn:hover svg.icon-switch{fill:none;stroke:currentColor;stroke-width:3px;color:#1e43b8!important}@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 20px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 100px);max-width:520px;overflow:hidden;width:100%}.search-overlay-modal.surface-card{--adaptive-fg:var(--surface-card-fg);--adaptive-muted:var(--surface-card-muted)}.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:currentColor;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),color 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:currentColor;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 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:420px;overflow:hidden;width:100%}.qr-scanner-modal.surface-card{--adaptive-fg:var(--surface-card-fg);--adaptive-muted:var(--surface-card-muted)}.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),color 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.surface-sidebar{--adaptive-fg:var(--surface-sidebar-fg);--adaptive-muted:var(--surface-sidebar-muted)}.app-header:after{background:var(--border-medium);bottom:0;content:"";height:1px;left:12px;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:128px}.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{flex:1 1;min-width:0}.app-header-search-box,.app-header-search-wrap{align-items:center;display:flex;position:relative}.app-header-search-box{max-width:620px;min-width:350px;width:50%}.app-header-search-icon{color:currentColor;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;outline:none;padding:0 34px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.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-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-round);color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:background var(--transition-fast),color var(--transition-fast);width:20px}.app-header-search-clear:hover{background:var(--bg-hover-light);color:var(--text-primary)}.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.surface-card{--adaptive-fg:var(--surface-card-fg);--adaptive-muted:var(--surface-card-muted)}.mobile-search-full,.mobile-top-bar-left{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0}.mobile-search-full{height:100%;position:relative}.mobile-search-back{align-items:center;background:#0000;border:none;border-radius:var(--radius-round);color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:32px;justify-content:center;padding:0;transition:background var(--transition-fast);width:30px}.mobile-search-back:active{background:var(--bg-hover-light)}.mobile-search-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;margin:0;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:36px}.mobile-search-toggle:active{background:var(--bg-hover-light)}.mobile-search-field{align-items:center;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);display:flex;flex:1 1;height:30px;min-width:0;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mobile-search-icon{color:currentColor;flex-shrink:0;font-size:13px;margin-left:8px;pointer-events:none}.mobile-search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:13px;height:100%;min-width:0;outline:none;padding:0 4px 0 6px;width:100%}.mobile-search-input::placeholder{color:var(--text-muted)}.mobile-search-field:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #1e43b81f}.mobile-search-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-round);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;margin-right:4px;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:24px}.mobile-search-clear:active{background:var(--bg-hover-light);color:var(--text-primary)}.mobile-search-filter{align-items:center;background:#0000;border:none;border-radius:var(--radius-round);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;padding:0;transition:background var(--transition-fast),color var(--transition-fast);width:32px}.mobile-search-filter:active{background:var(--bg-hover-light)}.mobile-search-filter.active{background:#1e43b81f;color:var(--brand-primary)}.mobile-filter-menu{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:200px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1061}.mobile-filter-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:8px 10px 4px;text-transform:uppercase}.mobile-filter-option{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;justify-content:space-between;padding:10px;text-align:left;transition:background var(--transition-fast);width:100%}.mobile-filter-option:focus,.mobile-filter-option:hover{background:var(--bg-hover-light);outline:none}.mobile-filter-check{color:var(--brand-primary);flex-shrink:0;font-size:13px;font-weight:700}.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:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;padding:0;transition:background var(--transition-fast),color 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;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 20px #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{color:inherit;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}.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}.sc-items{background:#fff;background:#f1f5f9;display:flex;flex-direction:column;gap:8px;max-height:38%;overflow-y:auto;padding:8px 12px 0}.sc-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;padding:10px 12px}.sc-parts-no{color:#334155;font-size:13px;font-weight:600;margin-bottom:8px;word-break:break-word}.sc-parts-no strong{color:#0f172a;font-weight:700}.sc-item-pic{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;max-height:130px;object-fit:contain;width:100%}.sc-meta{display:flex;flex-direction:column;gap:6px}.sc-meta-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.sc-meta-row span{color:#64748b}.sc-meta-row strong{color:#0f172a}.sc-meta-row.sc-price strong{color:#0284c7;font-size:15px}.sc-meta-row strong.sc-meta-sell{color:#059669;font-size:14px;font-weight:700}.sc-item-card .sc-meta{gap:4px}.sc-price strong{color:#059669;font-weight:700}.sc-shortfall{background:#fee2e2;border-radius:10px;color:#b91c1c;display:inline-block;font-size:12px;font-weight:700;margin:2px 0;padding:2px 9px}.sc-lt-area{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;position:relative}.sc-lt-toggle{align-items:center;background:#fef3c7;border:none;border-top:1px solid #fde68a;color:#92400e;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:9px 12px;transition:background-color .2s ease;width:100%}.sc-lt-toggle:hover{background:#fde68a}.sc-lt-toggle svg{font-size:13px}.sc-lt-count{align-items:center;background:#f59e0b;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}.sc-lt-pop{background:#fff;border:1px solid #e2e8f0;border-radius:12px;bottom:calc(100% + 6px);box-shadow:0 12px 30px #0f172a38;left:8px;overflow:hidden;position:absolute;right:8px;z-index:10}.sc-lt-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 12px}.sc-lt-note{background:#fffbeb;border-bottom:1px solid #fde68a;color:#92400e;font-size:11px;padding:8px 12px}.sc-lt-note-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;font-family:inherit;font-size:12px;margin:6px 10px 0;min-height:48px;padding:7px 9px;resize:vertical;width:calc(100% - 20px)}.sc-lt-note-input:focus{border-color:#f59e0b;outline:none}.sc-lt-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;padding:6px 10px}.sc-lt-row{grid-gap:8px;align-items:center;border-radius:8px;cursor:pointer;display:grid;font-size:12px;gap:8px;grid-template-columns:auto 1fr auto;padding:6px 8px}.sc-lt-row:hover{background:#f8fafc}.sc-lt-row input{accent-color:#d97706;cursor:pointer}.sc-lt-label{color:#334155;font-weight:600;word-break:break-word}.sc-lt-qty{background:#fef3c7;border-radius:10px;color:#b45309;font-size:11px;font-weight:700;padding:2px 8px;white-space:nowrap}.sc-lt-actions{border-top:1px solid #f1f5f9;display:flex;gap:6px;padding:8px 10px 10px}.sc-lt-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:700;gap:5px;justify-content:center;padding:7px 10px;transition:opacity .2s ease,background-color .2s ease}.sc-lt-btn:disabled{cursor:not-allowed;opacity:.5}.sc-lt-all{background:#d97706;color:#fff}.sc-lt-all:hover:not(:disabled){background:#b45309}.sc-lt-add{background:#059669;color:#fff}.sc-lt-add:hover:not(:disabled){background:#047857}.sc-lt-cancel{background:#f1f5f9;color:#475569;flex:0 0 auto;padding:7px 14px}.sc-lt-cancel:hover{background:#e2e8f0}.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}.gmail-convo-avatar,.gmail-convo-dot{align-self:center}.gmail-convo-dot{background:#1a73e8;border-radius:999px;flex:0 0 auto;height:8px;width:8px}.gmail-convo-clip{color:#5f6368;flex:0 0 auto;font-size:11px}.unified-avatar,.unified-thread-avatar{align-items:center;border-radius:50%;color:#fff;cursor:default;display:flex;flex:0 0 40px;font-size:16px;font-weight:600;height:40px;justify-content:center;position:relative;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;min-width:0;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;min-width:0;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{display:flex;padding:10px 14px}.unified-thread-bar,.unified-thread-header{align-items:center;background:#fff;border-bottom:1px solid #eef0f3;flex:0 0 auto;gap:10px;position:relative}.unified-thread-bar{display:none;min-height:52px;padding:7px 8px 7px 4px;z-index:3}.unified-thread-bar-back,.unified-thread-bar-clear,.unified-thread-bar-search-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:15px;height:36px;justify-content:center;transition:background .15s ease;width:36px}.unified-thread-bar-back:active,.unified-thread-bar-clear:active,.unified-thread-bar-search-btn:active{background:#f1f3f5}.unified-thread-bar-avatar{align-items:center;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;height:32px;justify-content:center;overflow:visible;position:relative;width:32px}.unified-thread-bar-identity{display:flex;flex:1 1;flex-direction:column;gap:1px;justify-content:center;min-width:0;text-align:left}.unified-thread-bar-title{color:#111827;font-size:14px;font-weight:600;line-height:1.2}.unified-thread-bar-subline,.unified-thread-bar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-thread-bar-subline{color:#6b7280;font-size:11px;line-height:1.25}.unified-thread-bar-search{align-items:center;background:#f1f3f5;border-radius:999px;display:flex;flex:1 1;gap:4px;height:36px;min-width:0;padding:0 4px 0 12px}.unified-thread-bar-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;min-width:0;outline:none}.unified-thread-bar-input::placeholder{color:#9ca3af}.unified-thread-bar-clear{color:#6b7280;font-size:13px;height:30px;width:30px}.unified-search-summary{background:#eef4ff;border-bottom:1px solid #e3ecfb;color:#1e40af;flex:0 0 auto;font-size:12px;line-height:1.35;padding:7px 14px}.unified-search-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:auto 0;padding:24px 16px;text-align:center}.unified-search-empty svg{font-size:28px;opacity:.6}.unified-search-empty p{font-size:13px;line-height:1.45;margin:0}.unified-search-hit{background:#fde68a;border-radius:2px;color:inherit;padding:0 1px}.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}.gmail-pane{background:#f6f8fa;gap:0;padding:0}.gmail-subject-bar{align-items:center;background:#fff;display:flex;flex:0 0 auto}.gmail-subject-back{background:none;border:none;color:#5f6368;cursor:pointer;flex:0 0 auto;font-size:16px;height:36px;padding:0;width:36px}@media (min-width:769px) and (hover:hover) and (pointer:fine){.gmail-subject-back{display:none}}.gmail-subject-line{align-items:baseline;display:flex;flex:1 1;gap:10px;justify-content:flex-start;min-width:0;padding:9px 16px}.gmail-subject{color:#202124;flex:0 1 auto;font-size:15px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-subject-counter{color:#5f6368;flex:0 0 auto;font-size:12px;white-space:nowrap}.gmail-message{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 1px 2px #3c40431a;margin:12px 16px;padding:12px 16px 14px}.gmail-message-head{align-items:center;display:flex;gap:10px;margin-bottom:8px}.gmail-message-sender{align-items:baseline;display:flex;flex:1 1;gap:5px;min-width:0}.gmail-message-sender-name{color:#202124;font-size:14px;font-weight:600;white-space:nowrap}.gmail-message-sender-email{color:#5f6368;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-message-recipient,.gmail-message-time{color:#5f6368;flex:0 0 auto;font-size:12px;white-space:nowrap}.gmail-message-body{color:#202124;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.gmail-action-bar{align-items:center;background:#fff;border-top:1px solid #e4e6eb;display:flex;flex:0 0 auto;gap:4px;justify-content:flex-end;padding:4px 8px}.gmail-action-bar button{align-items:center;background:#0000;border:none;border-radius:999px;color:#3c4043;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;white-space:nowrap}.gmail-action-bar button:hover{background:#f1f3f4}.gmail-action-bar svg{color:#5f6368;font-size:14px}.gmail-emoji-wrap{display:inline-flex;position:relative}.emoji-picker-backdrop{inset:0;position:fixed;z-index:20}.emoji-picker{grid-gap:2px;background:#fff;border:1px solid #e4e6eb;border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 6px 20px #3c404333;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);padding:8px;position:absolute;right:0;z-index:21}.emoji-picker-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;width:32px}.emoji-picker-item:hover{background:#f1f3f4}.gmail-thread .unified-thread-avatar,.gmail-thread .unified-thread-details-btn,.gmail-thread .unified-thread-info{display:none}.gmail-thread .unified-composer{background:#fff;border-top:1px solid #e4e6eb}@media (max-width:768px){.gmail-subject-bar{border-bottom:1px solid #e4e6eb}.gmail-subject-line{padding:8px 14px}.gmail-subject{font-size:14px}.gmail-message{border:none;border-bottom:1px solid #eceff1;border-radius:0;box-shadow:none;margin:0;padding:12px 14px 16px}.gmail-message-head{align-items:flex-start}.gmail-message-recipient{display:none}.gmail-message-time{text-align:right;white-space:normal}.gmail-message-sender{flex-direction:column;gap:0}.gmail-action-bar{padding:2px 6px calc(2px + env(safe-area-inset-bottom, 0px))}.gmail-action-bar button span{display:none}.gmail-action-bar button{font-size:16px;padding:10px 14px}}.unified-message{align-items:center;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;position:relative}.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-readonly-note{background:#fef3c7;border-radius:8px;color:#92400e;font-size:12px;margin:10px 12px 0;padding:8px 10px;text-align:center}.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-inbox-body.has-conversations .unified-empty-pane,.unified-inbox-body:not(.has-conversations) .unified-conversation-list{display:none}.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-thread-view .unified-thread-header{display:none}.unified-thread-bar{display:flex}.unified-filter-bar{flex-wrap:wrap}body.inbox-conversation-open .mobile-bottom-nav,body.inbox-conversation-open .mobile-top-bar{display:none}body.inbox-conversation-open .messages-container,body.inbox-conversation-open .messages-container.messages-embedded,body.inbox-conversation-open .unified-thread-view{bottom:0;top:0}body.inbox-conversation-open .global-button-container.global-button-raised{bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}.message-hover-actions{align-items:center;align-self:center;display:flex;flex:0 0 28px;flex-direction:column;gap:4px;justify-content:center;opacity:0;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}.reaction-emoji{font-size:20px;padding:8px}}.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}.hover-action-btn-more{background:#0000;border:none;box-shadow:none;color:#0f172a;font-size:14px;height:22px;opacity:0;position:absolute;right:2px;top:2px;transform:translateY(-2px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease,color .15s ease,background .15s ease;visibility:hidden;width:22px;z-index:6}.hover-action-btn-more svg path{stroke:#fff;stroke-width:1.8px;stroke-linejoin:round;vector-effect:non-scaling-stroke;paint-order:stroke fill}.hover-action-btn-more:focus-visible,.hover-action-btn-more:hover{background:#0f172a12;color:#0a7cff}.hover-action-btn-more[aria-expanded=true],.unified-message:focus-within .hover-action-btn-more,.unified-message:hover .hover-action-btn-more{opacity:1;transform:translateY(0);visibility:visible}@media (hover:none){.hover-action-btn-more{display:none}}.message-action-card{animation:action-card-in .12s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 16px #00000024;left:auto;max-width:150px;min-width:132px;padding:6px;position:absolute;right:2px;top:28px;z-index:20}@keyframes action-card-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.message-action-card.drop-up{animation-name:action-card-in-up;bottom:28px;top:auto}@keyframes action-card-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.unified-message.received .message-action-card{left:2px;right:auto}.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:12.5px;gap:9px;padding:8px 9px;text-align:left;width:100%}.action-card-item>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-card-item svg{color:#6b7280;flex:0 0 auto;font-size:14px}.action-card-item.active,.action-card-item:hover{background:#f3f4f6}.action-card-item.danger,.action-card-item.danger svg{color:#dc2626}.action-card-item.danger.active,.action-card-item.danger:hover{background:#fee2e2}.action-card-item.done,.action-card-item.done svg{color:#16a34a}.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}.action-card-caret{color:#9ca3af!important;font-size:11px!important;margin-left:auto}.action-card-tick{color:#16a34a!important;font-size:12px!important;margin-left:auto}.action-card-submenu{animation:action-card-in .1s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 6px 16px #00000024;max-height:320px;overflow-y:auto;padding:6px;position:absolute;top:0;width:158px}.unified-message.received .action-card-submenu{left:calc(100% + 8px)}.unified-message.sent .action-card-submenu{right:calc(100% + 8px)}.forward-target-text{display:flex;flex-direction:column;min-width:0;white-space:normal}.forward-target-text b{font-weight:600}.forward-target-channel{color:#9ca3af;font-size:10px;font-style:normal}.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:0;right:auto}.unified-message.received .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-reaction-corner{align-items:center;bottom:-9px;display:flex;gap:2px;position:absolute;z-index:6}.unified-message.received .unified-reaction-corner{right:-8px}.unified-message.sent .unified-reaction-corner{left:-8px}.unified-reaction-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 1px 3px #0000001f;cursor:pointer;display:inline-flex;font-size:13px;line-height:1;padding:3px 6px}.unified-reaction-chip:hover{background:#f3f4f6}.unified-reaction-chip.mine{background:#eff6ff;border-color:#bfdbfe}.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 20px #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}.connect-modal-wide{max-width:720px}.connect-header-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:5px 11px;white-space:nowrap}.connect-header-btn:hover{background:#f1f7ff;border-color:#0a7cff;color:#0a7cff}.connect-header-btn.has-any{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.connect-header-btn.has-any:hover{background:#d1fae5}.connect-accounts{padding:18px 20px 4px}.connect-accounts-head{margin-bottom:12px}.connect-accounts-title{color:#111827;font-size:17px;font-weight:700;margin:0 0 4px}.connect-accounts-sub{color:#6b7280;font-size:12px;line-height:1.45;margin:0}.connect-accounts-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:14px}.connect-account-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 12px;text-align:left;transition:border-color .12s ease,box-shadow .12s ease}.connect-account-item:hover{border-color:#c7d2fe}.connect-account-item.active{border-color:#0a7cff;box-shadow:0 0 0 3px #0a7cff1f}.connect-account-icon{font-size:20px;line-height:1}.connect-account-name{color:#111827;font-size:13px;font-weight:700}.connect-account-status{align-items:center;color:#9ca3af;display:inline-flex;font-size:11px;gap:4px}.connect-account-status svg{flex:0 0 auto}.connect-account-item.is-connected .connect-account-status{color:#059669}.connect-accounts-panel{border-top:1px solid #eef0f3;padding-top:4px}.ui-supplier-pin{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;max-height:42%}.ui-supplier-pin-head{align-items:center;background:#ecfdf5;border-bottom:1px solid #d1fae5;color:#065f46;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:8px;padding:9px 12px}.ui-supplier-pin-icon{flex:0 0 auto;font-size:14px}.ui-supplier-pin-count{background:#a7f3d0;border-radius:10px;color:#065f46;font-size:11px;font-weight:700;margin-left:auto;padding:2px 9px;white-space:nowrap}.ui-supplier-pin-items{max-height:180px;overflow-y:auto;padding:8px 12px 12px}.ui-supplier-pin .sc-lt-area{border-left:none;border-right:none}.ui-msg-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:6px;max-width:280px}.ui-msg-cards .sc-item-card{width:auto}.ui-autoquote-head{align-items:center;background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;color:#0f766e;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.ui-autoquote-head svg{font-size:11px}.unified-folder-pills{display:flex;flex:0 0 auto;gap:6px}.folder-pill{background:#eef2ff;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}.folder-pill:hover{background:#e0e7ff}.folder-pill.active{background:#0a7cff;color:#fff}.compose-btn{margin-left:2px}.unified-channel-badge{align-items:center;align-self:flex-start;background:#f1f3f5;border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:3px 10px}.unified-channel-badge-icon{font-size:13px}.unified-channel-badge-label{text-transform:capitalize}.unified-subject-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 12px;width:100%}.unified-subject-input:focus{background:#fff;border-color:#0a7cff}.unified-voice-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-voice-btn:hover:not(:disabled){background:#e5e7eb;color:#dc2626}.unified-voice-btn.recording{animation:unified-pulse 1s infinite;background:#fee2e2;color:#dc2626}.unified-voice-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes unified-pulse{0%,to{box-shadow:0 0 0 0 #dc262659}50%{box-shadow:0 0 0 6px #dc262600}}.unified-recording-indicator{align-items:center;background:#fee2e2;border-radius:999px;color:#dc2626;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.unified-message-ticks{align-items:center;color:#9ca3af;display:inline-flex;font-size:11px;gap:1px}.unified-message-ticks.receipts{color:#0a7cff}.unified-message-tick-read{margin-left:-4px}.unified-message-subject{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:4px}.unified-day-divider{display:flex;justify-content:center;margin:10px 0 4px}.unified-day-divider span{background:#eef1f5;border-radius:999px;color:#6b7280;font-size:11px;font-weight:600;padding:3px 12px}.compose-modal{background:#fff;border-radius:14px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:88vh;max-width:92vw;overflow:hidden;width:480px}.compose-modal-head{align-items:center;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;padding:14px 18px}.compose-modal-title{color:#1f2937;font-size:15px;font-weight:600}.compose-modal-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px}.compose-modal-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 18px}.compose-field{display:flex;flex-direction:column;gap:4px}.compose-field span{color:#6b7280;font-size:12px;font-weight:600}.compose-field input,.compose-field textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:9px 12px;resize:vertical}.compose-field input:focus,.compose-field textarea:focus{background:#fff;border-color:#0a7cff}.compose-modal-actions{border-top:1px solid #eef0f3;display:flex;gap:8px;justify-content:flex-end;padding:12px 18px}.compose-send-btn{align-items:center;background:#0a7cff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:background .15s ease}.compose-send-btn:hover:not(:disabled){background:#0866d6}.compose-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.compose-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:9px 16px}.drafts-list{border-right:1px solid #e5e7eb;display:flex;flex:0 0 340px;flex-direction:column;gap:6px;min-width:0;overflow-y:auto;padding:8px}.drafts-empty{color:#9ca3af;font-size:13px;padding:16px 8px;text-align:center}.draft-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.draft-item:hover{border-color:#c7d2fe;box-shadow:0 1px 4px #0000000f}.draft-item.active{background:#f0f7ff;border-color:#0a7cff}.draft-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.draft-subject{align-items:center;color:#1f2937;display:inline-flex;font-size:13px;font-weight:600;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-file-icon{color:#0a7cff;flex:0 0 auto;font-size:12px}.draft-delete{background:#0000;border:none;color:#9ca3af;cursor:pointer;flex:0 0 auto;font-size:13px;padding:2px 4px}.draft-delete:hover{color:#dc2626}.draft-meta{color:#6b7280;margin-top:2px;text-overflow:ellipsis;white-space:nowrap}.draft-meta,.draft-snippet{font-size:12px;overflow:hidden}.draft-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;display:-webkit-box;margin-top:3px}.draft-date{color:#9ca3af;font-size:11px;margin-top:5px;text-align:right}.compose-delete-btn,.compose-save-btn{align-items:center;background:#fff;border:1px solid #c7d2fe;border-radius:8px;color:#0a7cff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:9px 16px;transition:background .15s ease}.compose-save-btn:hover:not(:disabled){background:#f0f7ff}.compose-save-btn:disabled{cursor:not-allowed;opacity:.5}.compose-delete-btn{border-color:#fecaca;color:#dc2626}.compose-delete-btn:hover:not(:disabled){background:#fef2f2}.compose-saved-flag{align-self:center;color:#16a34a;font-size:12px;font-weight:600}.compose-flex-spacer{flex:1 1}.unified-save-draft-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:0 0 38px;font-size:14px;height:38px;justify-content:center;transition:background .15s ease,color .15s ease;width:38px}.unified-save-draft-btn:hover:not(:disabled){background:#e0f2fe;color:#0369a1}.unified-save-draft-btn:disabled{cursor:not-allowed;opacity:.4}.unified-draft-saved{color:#16a34a;flex:0 0 auto;font-size:12px;font-weight:600}.relay-btn{margin-left:2px}.forward-modal{background:#fff;border-radius:14px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:88vh;max-width:92vw;overflow:hidden;width:460px}.forward-modal-head{align-items:center;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;padding:14px 18px}.forward-modal-title{align-items:center;color:#1f2937;display:inline-flex;font-size:15px;font-weight:600;gap:8px}.forward-modal-title svg{color:#0a7cff}.forward-modal-close{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px}.forward-modal-body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:14px 18px}.forward-source{background:#f7f9fc;border:1px solid #eef0f3;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.forward-source-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.forward-source-preview{color:#1f2937;font-size:13px}.forward-attachments{display:flex;flex-wrap:wrap;gap:6px}.forward-attachment-chip{background:#eef2ff;border-radius:999px;color:#3730a3;font-size:12px;padding:3px 10px}.forward-empty,.forward-note{color:#6b7280;font-size:13px}.forward-note{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;padding:8px 10px}.forward-modal-actions{border-top:1px solid #eef0f3;display:flex;gap:8px;justify-content:flex-end;padding:12px 18px}.forward-external-row{color:#0a7cff}.relay-panel{background:#fff;border-radius:14px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:94vw;overflow:hidden;width:560px}.relay-panel-head{align-items:center;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;padding:14px 18px}.relay-panel-title{align-items:center;color:#1f2937;display:inline-flex;font-size:15px;font-weight:600;gap:8px}.relay-panel-title svg{color:#0a7cff}.relay-panel-intro{background:#f0f7ff;border:1px solid #dbeafe;border-radius:10px;color:#1e40af;font-size:12.5px;line-height:1.5;margin:14px 18px 4px;padding:10px 12px}.relay-panel-form{border-bottom:1px solid #eef0f3;display:flex;flex-direction:column;gap:10px;padding:12px 18px}.relay-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.relay-form-grid input,.relay-form-grid select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:9px 12px;width:100%}.relay-form-grid input:focus,.relay-form-grid select:focus{background:#fff;border-color:#0a7cff}.relay-check{align-self:end;color:#374151;display:flex;gap:8px;padding-bottom:10px}.relay-add-btn,.relay-check{align-items:center;font-size:13px}.relay-add-btn{align-self:flex-start;background:#0a7cff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:9px 16px;transition:background .15s ease}.relay-add-btn:hover:not(:disabled){background:#0866d6}.relay-add-btn:disabled{background:#cbd5e1;cursor:not-allowed}.relay-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px 18px 14px}.relay-empty{color:#9ca3af;font-size:13px;padding:14px 0;text-align:center}.relay-rule{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px;transition:opacity .15s ease}.relay-rule.disabled{opacity:.55}.relay-rule-main{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.relay-channel-badge{align-items:center;background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.relay-arrow{color:#9ca3af;font-size:12px}.relay-recipient{background:#f3f4f6;border-radius:6px;color:#374151;font-size:12px;padding:2px 8px}.relay-rule-sub{color:#6b7280;flex:1 1;font-size:11.5px}.relay-rule-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.relay-toggle{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:5px}.relay-delete{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:13px;padding:2px}.relay-delete:hover{color:#dc2626}.unified-presence-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;bottom:0;box-sizing:initial;height:12px;position:absolute;right:0;width:12px}.unified-presence-popover{align-items:center;background:#fff;border:1px solid #eef0f3;border-radius:10px;box-shadow:0 6px 20px #0000001f;color:#374151;display:flex;font-size:12px;gap:6px;left:14px;padding:8px 12px;position:absolute;top:52px;white-space:nowrap;z-index:40}.unified-presence-popover-dot{background:#22c55e;border-radius:50%;box-sizing:initial;height:8px;width:8px}.unified-thread-status-online{color:#16a34a;font-weight:600}.ui-avatar{display:inline-flex;flex:0 0 auto;line-height:1;overflow:hidden}.ui-avatar,.ui-avatar-initials{align-items:center;border-radius:50%;justify-content:center}.ui-avatar-initials{color:#fff;display:flex;font-weight:700;height:100%;width:100%}.ui-sheet-backdrop{align-items:flex-end;animation:ui-sheet-fade .16s ease;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes ui-sheet-fade{0%{opacity:0}to{opacity:1}}.ui-sheet-handle{background:#cbd5e1;border-radius:999px;flex:0 0 auto;height:4px;margin:8px auto 4px;width:38px}.ui-sheet-close{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:16px;padding:6px;position:absolute;right:12px;top:10px}.ui-sheet-close:hover{background:#f1f5f9;color:#0f172a}.ui-sheet-empty,.ui-sheet-loading{color:#94a3b8;font-size:13px;padding:22px 16px;text-align:center}.ui-sheet-error{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:12.5px;margin:10px 16px;padding:9px 12px}.ui-reaction-sheet{animation:ui-reaction-rise .32s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -14px 44px #0f172a52;display:flex;flex-direction:column;max-height:72vh;max-width:480px;position:relative;width:100%}.ui-reaction-backdrop{animation:none;background:#0000;z-index:1200;z-index:calc(var(--z-mobile-nav, 1100) + 100)}@media (max-width:768px){.ui-reaction-sheet{height:min(300px,82vh);padding-bottom:env(safe-area-inset-bottom,0)}}.ui-reaction-sheet.ui-reaction-card{border-radius:14px;box-shadow:0 14px 44px #0f172a52;left:0;max-width:none;opacity:0;overflow:hidden;position:fixed;top:0;width:min(360px,calc(100vw - 24px))}.ui-reaction-card[data-open]{animation:ui-card-in .3s cubic-bezier(.4,0,.2,1)}.ui-reaction-card[data-open=down]{transform-origin:top center}.ui-reaction-card[data-open=up]{transform-origin:bottom center}@keyframes ui-card-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.ui-reaction-card[data-closing]{animation:ui-card-out .26s cubic-bezier(.4,0,.2,1) forwards}@keyframes ui-card-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.ui-reaction-sheet[data-closing]:not(.ui-reaction-card){animation:ui-reaction-sink .26s cubic-bezier(.4,0,.2,1) forwards}@keyframes ui-reaction-sink{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.ui-reaction-card[data-closing],.ui-reaction-sheet.ui-reaction-card[data-open],.ui-reaction-sheet:not(.ui-reaction-card),.ui-reaction-sheet[data-closing]:not(.ui-reaction-card){animation:none;transition:none}}@keyframes ui-sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ui-reaction-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ui-reaction-sheet-head{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:nowrap;gap:10px;padding:12px 16px;position:relative}.ui-reaction-sheet-total{color:#0f172a;flex:0 0 auto;font-size:14px;white-space:nowrap}.ui-reaction-sheet-total b{font-size:16px}.ui-reaction-sheet-chips{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;justify-content:flex-end;min-width:0}.ui-reaction-chip{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:999px;color:inherit;display:inline-flex;font-size:12px;gap:4px;padding:3px 9px}.ui-reaction-chip.mine{background:#e0edff;border-color:#0a7cff;cursor:pointer}.ui-reaction-chip.mine:hover{background:#cfe2ff}.ui-reaction-chip.mine:disabled{cursor:default;opacity:.55}.ui-reaction-chip-emoji{font-size:14px}.ui-reaction-chip-count{color:#475569;font-weight:600}.ui-reaction-sheet-head .ui-sheet-close{flex:0 0 auto;margin:-6px -8px -6px 0;position:static}.ui-reaction-sheet-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 0 12px}.ui-reaction-row{align-items:center;display:flex;gap:10px;padding:9px 16px}.ui-reaction-row.mine{background:#f7faff}.ui-reaction-row-name{color:#0f172a;flex:1 1 auto;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-reaction-row-emoji{font-size:17px;line-height:1}.ui-reaction-row-remove{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;height:28px;justify-content:center;transition:background .15s ease,color .15s ease;width:28px}.ui-reaction-row-remove:hover{background:#fee2e2;color:#dc2626}.ui-reaction-row-remove:disabled{cursor:default;opacity:.5}.ui-group-sheet{animation:ui-sheet-rise .22s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px #0f172a2e;max-height:82vh;max-width:480px;overflow-y:auto;padding-bottom:18px;position:relative;width:100%}.ui-group-head{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;padding:14px 16px}.ui-group-picture{flex:0 0 auto}.ui-group-title{flex:1 1 auto;min-width:0}.ui-group-name{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:8px}.ui-group-rename-btn{background:#0000;color:#94a3b8;padding:2px}.ui-group-count,.ui-group-rename-btn{border:none;cursor:pointer;font-size:12px}.ui-group-count{align-items:center;background:#eff6ff;border-radius:999px;color:#1877f2;display:inline-flex;gap:5px;margin-top:5px;padding:3px 10px}.ui-group-rename{display:flex;flex-wrap:wrap;gap:6px}.ui-group-rename input{border:1px solid #cbd5e1;border-radius:8px;flex:1 1 160px;font-size:14px;padding:7px 9px}.ui-group-rename button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:12.5px;padding:7px 11px}.ui-group-members{border-bottom:1px solid #f1f5f9;max-height:240px;overflow-y:auto;padding:6px 0}.ui-group-member{align-items:center;display:flex;gap:10px;padding:8px 16px}.ui-group-member-name{color:#0f172a;flex:1 1 auto;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-group-member-admin{align-items:center;background:#fef3c7;border-radius:999px;color:#b45309;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:2px 8px}.ui-group-admin{padding:14px 16px 4px}.ui-group-admin-title{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:8px}.ui-group-lock-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ui-group-lock-options button,.ui-group-locked button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12.5px;gap:6px;padding:8px 12px}.ui-group-lock-options button:disabled{cursor:default;opacity:.55}.ui-group-lock-date{align-items:center;border:1px dashed #cbd5e1;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12.5px;gap:6px;padding:6px 10px}.ui-group-lock-date input{border:none;font-size:12px;outline:none}.ui-group-locked{gap:10px;margin-bottom:16px}.ui-group-locked,.ui-group-locked-note{align-items:center;background:#fef2f2;border-radius:10px;color:#991b1b;display:flex;font-size:13px;padding:10px 12px}.ui-group-locked-note{gap:8px;margin:12px 16px}.ui-create-group{animation:ui-sheet-rise .22s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px #0f172a2e;display:flex;flex-direction:column;max-height:84vh;max-width:480px;position:relative;width:100%}.ui-create-group-head{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:12px 16px}.ui-create-group-title{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font-size:15px;font-weight:700;gap:7px}.ui-create-group-scope{background:#eff6ff;border-radius:999px;color:#1877f2;font-size:11px;font-weight:600;padding:2px 8px}.ui-field{display:block;padding:12px 16px 0}.ui-field-label{color:#475569;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.ui-field input,.ui-field select{background:#fff;border:1px solid #cbd5e1;border-radius:9px;font-size:14px;padding:9px 10px;width:100%}.ui-create-group-all{align-items:center;display:flex;gap:10px;padding:12px 16px 6px}.ui-create-group-all button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12.5px;gap:6px;padding:6px 12px}.ui-create-group-all span{color:#64748b;font-size:12px}.ui-create-group-list{flex:1 1 auto;overflow-y:auto;padding:0 16px 8px}.ui-create-group-row{align-items:center;cursor:pointer;display:flex;gap:10px;padding:8px 0}.ui-create-group-name{color:#0f172a;flex:1 1 auto;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-create-group-title-role{background:#f1f5f9;border-radius:999px;color:#64748b;font-size:11px;padding:2px 8px}.ui-create-group-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.ui-create-group-actions button{background:#fff;border:1px solid #cbd5e1;border-radius:9px;cursor:pointer;font-size:13px;padding:9px 16px}.ui-create-group-actions button:last-child{background:#1877f2;border-color:#1877f2;color:#fff;font-weight:600}.ui-create-group-actions button:disabled{cursor:default;opacity:.5}.unified-reaction-corner.has-reactions{cursor:pointer}.unified-seen-row{align-items:center;display:flex;gap:5px;margin-top:5px;padding-left:4px}.unified-seen-row-label{color:#94a3b8;font-size:10.5px;margin-right:2px}.unified-seen-row .ui-avatar{box-shadow:0 0 0 1.5px #fff}.unified-seen-row .ui-avatar+.ui-avatar{margin-left:-8px}.unified-lock-banner{align-items:center;background:#fef2f2;border-top:1px solid #fecaca;color:#991b1b;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:13px 16px}.unified-lock-banner button{background:#fff;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;cursor:pointer;font-size:12.5px;font-weight:600;padding:5px 12px}.message-action-dock{animation:message-dock-in .18s cubic-bezier(.22,1,.36,1);background:#fff;border-top:1px solid #e2e8f0;flex:0 0 auto;overflow:hidden;padding:0 8px;width:100%}.message-action-dock.closing{animation:message-dock-out .2s cubic-bezier(.4,0,1,1) forwards}@keyframes message-dock-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes message-dock-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.message-action-dock-inner{display:flex;flex-direction:column;gap:4px;padding:7px 0 6px}.message-emoji-strip-anchor{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:6}.message-emoji-strip{align-items:center;animation:message-emoji-strip-in .18s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:999px;box-shadow:0 8px 26px #0f172a42;display:flex;gap:2px;padding:5px 6px;pointer-events:auto}.message-emoji-strip-btn{background:#0000;border:none;border-radius:999px;cursor:pointer;font-size:21px;line-height:1;padding:5px 4px;transition:transform .12s ease,background .12s ease}.message-emoji-strip-btn:active{background:#f1f5f9;transform:scale(1.22)}@keyframes message-emoji-strip-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.message-dock-icons{align-items:center;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.message-dock-icons::-webkit-scrollbar{display:none}.message-dock-icon{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;color:#334155;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;gap:6px;height:34px;justify-content:center;min-width:38px;padding:0 10px}.message-dock-icon.wide span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-dock-icon.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.message-dock-empty{color:#94a3b8;font-size:12px;padding:0 4px}.unified-thread-details-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;color:#334155;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-left:auto;min-width:36px}.unified-thread-group-info{background:#0000;border:none;color:#1877f2;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-align:left}.unified-list-create-group{align-items:center;background:#1877f2;border:1px solid #1877f2;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:11.5px;font-weight:700;gap:5px;letter-spacing:0;padding:5px 12px;text-transform:none}.unified-list-create-group:hover{background:#0a7cff;border-color:#0a7cff}.ui-group-member-dm{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1877f2;cursor:pointer;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;width:28px}.ui-group-member-dm:hover{background:#eff6ff;border-color:#bfdbfe}.messages-container{background:#f0f2f5;height:100vh;overflow:hidden}.messages-chrome{display:flex;flex-direction:column;height:100%;min-height:0}.inbox-channel-bar{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(180deg,#fff,#f6f8fb);border-bottom:1px solid #e5e7eb;display:flex;flex:0 0 auto;gap:6px;overflow-x:auto;padding:8px 12px;scroll-behavior:smooth;scrollbar-width:none}.inbox-channel-bar::-webkit-scrollbar{display:none}.inbox-channel-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 1px 2px #0f172a0a;color:#4b5563;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 13px;position:relative;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;white-space:nowrap}.inbox-channel-tab svg{font-size:13px}.inbox-channel-tab:hover{background:#eef4ff;border-color:#bcd6ff;box-shadow:0 4px 12px #0a7cff29;color:#0a7cff;transform:translateY(-1px)}.inbox-channel-tab:active{transform:translateY(0) scale(.97)}.inbox-channel-tab.active{background:linear-gradient(135deg,#0a7cff,#0063e6);border-color:#0000;box-shadow:0 6px 16px #0a7cff59;color:#fff}.inbox-channel-tab.active:hover{background:linear-gradient(135deg,#1e8cff,#0a7cff);box-shadow:0 8px 20px #0a7cff6b;color:#fff}.inbox-channel-badge{animation:inbox-badge-pop .25s ease-out;background:linear-gradient(135deg,#ff5b5b,#ef4444);border:2px solid #fff;border-radius:999px;box-shadow:0 1.5px 5px #ef444473;box-sizing:border-box;color:#fff;font-size:10px;font-weight:700;height:18px;line-height:15px;min-width:18px;padding:0 5px;position:absolute;right:-6px;text-align:center;top:-6px}.inbox-channel-tab.active .inbox-channel-badge{border-color:#0a7cff}@keyframes inbox-badge-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.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){.app-layout .main-content.sidebar-collapsed>div>.messages-container:not(.messages-embedded),.app-layout .main-content.sidebar-expanded>div>.messages-container:not(.messages-embedded){bottom:0;height:auto;margin:0;padding:0;position:fixed;right:0;top:45px;transition:left var(--transition-normal),width var(--transition-normal);z-index:10}.app-layout .main-content.sidebar-collapsed>div>.messages-container:not(.messages-embedded){left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.app-layout .main-content.sidebar-expanded>div>.messages-container:not(.messages-embedded){left:var(--sidebar-expanded);width:calc(100% - var(--sidebar-expanded))}}@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){.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{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:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .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 20px #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}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.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{--fab-ink:#111827;align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:3px;height:50px;justify-content:center;padding:0;position:relative;transition:color .3s ease,transform .3s ease,opacity .3s ease;width:50px}.alert-button:hover{transform:scale(1.1)}.alert-button:hover .alert-button-count,.alert-button:hover .alert-button-icon{opacity:.7}.alert-button-icon{align-items:center;color:var(--fab-ink);display:flex;justify-content:center;transition:color .3s ease,opacity .3s ease}.alert-button-icon svg{stroke-width:1.75;height:24px;width:24px}.alert-button-count{color:var(--fab-ink);font-size:11px;font-weight:700;line-height:1;text-align:center;transition:color .3s ease,opacity .3s ease}.alert-button-count:empty{display:none}@media (prefers-color-scheme:dark){.alert-button{--fab-ink:#fff}}.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{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 20px #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{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:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease,opacity .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:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease,opacity .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{border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 20px #00000040;height:85vh;max-height:90vh;max-width:900px;overflow:auto;padding:0;width:90vw}.alert-dialog-dynamic.alerts{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:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease,opacity .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{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:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .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)}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{background:var(--surface-mobile-nav-bg);border-top:1px solid #d4d4d9;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.surface-mobile-nav{--adaptive-fg:var(--surface-mobile-nav-fg);--adaptive-muted:var(--surface-mobile-nav-muted)}.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:#555;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:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .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);color:var(--sidebar-text-active);font-weight:700;transform:scale(1.02)}.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{fill:currentColor;stroke:currentColor;stroke-width:2px}.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.5px;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:2px}.mobile-nav-item.active:before{display:none}.mobile-nav-item:active{background:var(--sidebar-hover-bg);transform:scale(.95)}.mobile-nav-icon{fill:none;stroke:currentColor;stroke-width:2px;color:#555;flex-shrink:0;font-size:18px;height:18px;opacity:1;transition:color .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(--error-dark);border-radius:var(--radius-round);color:var(--text-white);display:flex;font-size:9px;font-weight:700;height:17px;justify-content:center;line-height:1;min-width:17px;padding:0 2px;pointer-events:none;position:absolute;right:-10px;top:-8px}.mobile-nav-label{font-size:13px;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{margin-left:0!important;overflow:hidden!important;padding-bottom:0!important;width:100%!important}.agent-content,.supplier-content{height:calc(100vh - 101px)!important;margin-top:35px!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;color:var(--text-primary);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.surface-brand-gradient{--adaptive-fg:var(--surface-brand-gradient-fg);--adaptive-muted:color-mix(in srgb,var(--surface-brand-gradient-fg) 70%,#0000);--count-bg:var(--surface-badge-success-bg);--count-fg:var(--surface-badge-success-fg)}.mobile-user-panel.surface-card{--adaptive-fg:var(--surface-card-fg);--adaptive-muted:var(--surface-card-muted);--count-bg:var(--surface-badge-muted-bg);--count-fg:var(--surface-badge-muted-fg)}.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:currentColor;flex-shrink:0;font-size:42px}.mup-name{color:currentColor;flex:1 1;font-size:16px;font-weight:700;word-break:break-word}.mup-subtitle{color:var(--brand-primary);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:currentColor;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background .2s,color .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:currentColor;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:currentColor}.mup-icon{color:currentColor;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-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;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 .home-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 .home-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 .home-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 .home-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:4px 0 0;position:relative;right:0}.app-layout .main-content .order-input-tabs-fixed{margin-left:-10px;margin-right:-10px}}