.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}:root{--background: #ffffff;--foreground: #000000;--card: #ffffff;--card-foreground: #000000;--popover: #ffffff;--popover-foreground: #000000;--muted: #f5f5f5;--muted-foreground: #666666;--border: #e0e0e0;--input: #f5f5f5;--primary: #3B82F6;--primary-foreground: #ffffff;--primary-light: #60a5fa;--primary-dark: #2563eb;--secondary: #6366F1;--secondary-foreground: #ffffff;--secondary-light: #818cf8;--secondary-dark: #4f46e5;--tertiary: #8B5CF6;--tertiary-foreground: #ffffff;--tertiary-light: #a78bfa;--tertiary-dark: #7c3aed;--accent: #F59E0B;--accent-foreground: #000000;--dark-teal: #3D4F4F;--color-row-accept: #c8e6c9;--color-row-reject: #ffcdd2;--destructive: #ef4444;--destructive-foreground: #ffffff;--ring: #3B82F6;--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #60a5fa 100%);--gradient-primary-horizontal: linear-gradient(90deg, #3B82F6 0%, #60a5fa 100%);--gradient-primary-vertical: linear-gradient(180deg, #3B82F6 0%, #60a5fa 100%);--gradient-primary-radial: radial-gradient(circle, #3B82F6 0%, #2563eb 100%);--color-bg-white: var(--background);--color-bg-paper: var(--muted);--color-bg-off-white: #fafafa;--color-bg-light-gray: #f9f9f9;--color-text-primary: var(--foreground);--color-text-secondary: #424242;--color-text-muted: var(--muted-foreground);--color-text-light: #999999;--color-text-dark: #212121;--color-text-menu: #333333;--color-border-light: var(--border);--color-border-medium: #dddddd;--color-border-dark: #424242;--color-primary: var(--primary);--color-secondary: var(--secondary);--color-tertiary: var(--tertiary);--color-accent: var(--accent);--color-priority-low: #16a34a;--color-priority-medium: #ea580c;--color-priority-high: #dc2626;--color-priority-urgent: #7c3aed;--color-status-open: #ef4444;--color-status-in-progress: #f59e0b;--color-status-completed: #22c55e;--color-status-closed: #6b7280;--color-status-approved: #10b981;--color-status-rejected: #ef4444;--warning: #f59e0b;--error: #ef4444;--success: #22c55e;--info: #06b6d4;--color-scrollbar-thumb: #888888;--color-scrollbar-track: #f1f1f1;--color-scrollbar-thumb-hover: #555555;--color-row-selected: #ffeeba;--color-row-updated: #b1f0be;--color-row-highlight: #b1f0be;--color-row-processing: #fffd8f;--color-row-failed: #f77b52;--color-row-completed: #b0faa2;--color-row-high-value: #90ee90;--color-row-low-value: #d3d3d3;--color-qc3-no-match: rgb(191, 191, 191);--color-qc3-exact-match: rgb(169, 208, 142);--color-qc3-high-match: rgb(198, 224, 180);--color-qc3-medium-match: rgb(226, 239, 218);--color-qc3-low-match: rgb(236, 245, 228);--color-qc3-extra: rgb(255, 217, 102);--color-qc3-accepted: rgb(144, 181, 251);--color-animation-red: rgb(255, 49, 49);--color-animation-green: rgb(57, 255, 20);--color-chart-1: #22c55e;--color-chart-2: #3b82f6;--color-chart-3: #f59e0b;--color-chart-4: #8b5cf6;--color-chart-5: #ef4444;--color-chart-6: #06b6d4;--color-chart-7: #a855f7;--color-chart-8: #ec4899;--color-chart-9: #14b8a6;--color-chart-10: #f97316;--color-qc1-online: #047857;--color-qc1-print: #facc15;--color-qc2-online: #06b6d4;--color-qc2-print: #06b6d4;--color-twitter: #000000;--color-youtube: #FF0000;--color-facebook: #1877F2;--color-instagram: #E1306C;--color-mui-primary-blue: #1976d2;--color-mui-light-blue: #e3f2fd;--color-mui-dark-blue: #1565c0;--color-mui-bright-blue: #007BFF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-elevated: 0 25px 50px -12px rgba(0, 0, 0, .25);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, #818cf8 100%);--gradient-accent: linear-gradient(135deg, var(--accent) 0%, #fbbf24 100%)}.dark{--background: #181818;--foreground: #e0e0e0;--card: #292828;--card-foreground: #e0e0e0;--popover: #292828;--popover-foreground: #e0e0e0;--muted: #424242;--muted-foreground: #a0a0a0;--border: #424242;--input: #424242;--primary-foreground: #ffffff;--secondary-foreground: #ffffff;--accent-foreground: #000000;--destructive: #dc2626;--destructive-foreground: #ffffff;--color-bg-white: var(--background);--color-bg-paper: var(--card);--color-bg-off-white: #0f0e0e;--color-bg-light-gray: #1a1a1a;--color-text-primary: var(--foreground);--color-text-secondary: #a0a0a0;--color-text-muted: var(--muted-foreground);--color-text-light: #808080;--color-text-dark: #f0f0f0;--color-text-menu: #e0e0e0;--color-border-light: var(--border);--color-border-medium: #555555;--color-border-dark: #666666;--color-scrollbar-thumb: #555555;--color-scrollbar-track: #2a2a2a;--color-scrollbar-thumb-hover: #777777;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-elevated: 0 25px 50px -12px rgba(0, 0, 0, .6)}*{font-family:Plus Jakarta Sans,sans-serif;margin:0;padding:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}.loading-spinner{display:inline-block;animation:rotate360 infinite 2s linear}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selected-row{background-color:var(--color-row-selected)}.updated-row{background-color:var(--color-row-updated)}.highlight-row{background-color:var(--color-row-highlight)}::placeholder{font-style:italic;font-size:.9em}.processing{background-color:var(--color-row-processing)}.failed{background-color:var(--color-row-failed)}.completed{background-color:var(--color-row-completed)}.row-high-value{background-color:var(--color-row-high-value)}.row-low-value{background-color:var(--color-row-low-value)}.qc3-N,.qc3-null{background-color:var(--color-qc3-no-match)}.qc3-Y,.qc3-Z{background-color:var(--color-qc3-exact-match)}.qc3-P{background-color:var(--color-qc3-high-match)}.qc3-Q{background-color:var(--color-qc3-medium-match)}.qc3-R{background-color:var(--color-qc3-low-match)}.qc3-E{background-color:var(--color-qc3-extra)}.accept{background-color:var(--color-qc3-accepted)}@layer utilities{.animate-image-border{position:relative}.animate-image-border:before,.animate-image-border:after{content:"";position:absolute;border-radius:100vmax;transition:all .3s ease}.animate-image-border:before{top:0;left:0;width:0;height:5px;background:linear-gradient(90deg,transparent 50%,rgba(255,49,49,.5),var(--color-animation-red));animation:animateTop 3s ease-in-out infinite}.animate-image-border:after{right:0;bottom:0;width:0;height:5px;background:linear-gradient(90deg,var(--color-animation-green),rgba(57,255,20,.5),transparent 50%);animation:animateBottom 3s ease-in-out infinite}}.flex-box{display:flex;align-items:center}.MuiDataGrid-root [class*=container--top],.MuiDataGrid-root .MuiDataGrid-container--top,[class*=MuiDataGrid-container--top],.MuiDataGrid-root .MuiDataGrid-columnHeaders,.MuiDataGrid-columnHeaders,[class*=MuiDataGrid-columnHeaders]{background:var(--gradient-primary)!important}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}.shake{animation:shake .6s ease-in-out}.MuiDataGrid-root .MuiDataGrid-container--top *,.MuiDataGrid-container--top *{background-color:transparent!important}.MuiDataGrid-root .MuiDataGrid-columnHeaderTitle,.MuiDataGrid-root [class*=columnHeaderTitle],.MuiDataGrid-columnHeaderTitle,[class*=MuiDataGrid-columnHeaderTitle]{color:var(--primary-foreground)!important;font-weight:700!important}.MuiDataGrid-root .MuiDataGrid-columnHeader,.MuiDataGrid-columnHeader,[class*=MuiDataGrid-columnHeader],.MuiDataGrid-root .MuiDataGrid-sortIcon,.MuiDataGrid-root .MuiDataGrid-menuIconButton,.MuiDataGrid-root .MuiDataGrid-iconButtonContainer .MuiIconButton-root,.MuiDataGrid-root .MuiDataGrid-columnHeaderCheckbox .MuiCheckbox-root,.MuiDataGrid-sortIcon,.MuiDataGrid-menuIconButton{color:var(--primary-foreground)!important}.MuiDataGrid-root .MuiDataGrid-scrollbarFiller,.MuiDataGrid-scrollbarFiller{background-color:var(--primary)!important}@keyframes animateTop{25%{width:100%;opacity:1}30%,to{opacity:0}}@keyframes animateBottom{0%,50%{opacity:0;width:0}75%{opacity:1;width:100%}76%,to{opacity:0}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}