.navbar{position:fixed;left:0;top:0;width:250px;height:100vh;background:linear-gradient(180deg,#2c3e50,#34495e);color:#fff;display:flex;flex-direction:column;z-index:1000;box-shadow:2px 0 10px #0000001a;transition:width .3s ease}.navbar.collapsed{width:0;transform:translate(-100%);visibility:hidden}.navbar-toggle{position:fixed;top:10px;left:10px;z-index:1001;transition:left .3s ease}.navbar.collapsed+* .navbar-toggle,.navbar.collapsed .navbar-toggle{left:20px}.toggle-btn{background:#3498db;border:none;border-radius:4px;width:28px;height:24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 2px 8px #00000026;transition:all .3s ease;padding:4px}.toggle-btn:hover{background:#2980b9;transform:scale(1.05)}.hamburger-line{width:16px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.navbar.collapsed .hamburger-line:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.navbar.collapsed .hamburger-line:nth-child(2){opacity:0}.navbar.collapsed .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.navbar-header{padding:30px 20px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;transition:padding .3s ease}.navbar.collapsed .navbar-header{padding:20px 10px}.navbar.collapsed .navbar-header h2{font-size:1.2rem}.navbar.collapsed .navbar-header p{display:none}.navbar-header h2{font-size:1.5rem;margin-bottom:5px;font-weight:700}.navbar-header p{font-size:.8rem;opacity:.8;margin:0}.navbar-menu{flex:1;list-style:none;padding:20px 0;margin:0}.navbar-menu li{margin-bottom:5px}.navbar-link{display:flex;align-items:center;padding:15px 20px;color:#fffc;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.navbar.collapsed .navbar-link{padding:15px 10px;justify-content:center}.navbar-link:hover{background-color:#ffffff1a;color:#fff;border-left-color:#3498db}.navbar-link.active{background-color:#3498db33;color:#fff;border-left-color:#3498db}.navbar-icon{font-size:1.2rem;margin-right:12px;width:20px;text-align:center}.navbar-text{font-size:.9rem;font-weight:500}.navbar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center}.navbar.collapsed .user-info{justify-content:center}.user-avatar{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:1.2rem}.user-details p{margin:0;font-size:.9rem;font-weight:600}.user-details small{font-size:.7rem;opacity:.7}@media (max-width: 768px){.navbar{transform:translate(-100%);transition:transform .3s ease}.navbar.open{transform:translate(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0 30px;margin-left:250px;min-height:100vh;background:#f8f9fa;transition:all .3s ease}.main-content.sidebar-collapsed{margin-left:0}@media (max-width: 768px){.main-content.sidebar-collapsed{margin-left:0}.main-content{padding:10px}}.page-container{width:100%;margin:0;background:#fff;border-radius:0;box-shadow:none;padding:15px 0;min-height:calc(100vh - 30px)}.page-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.page-subtitle{font-size:1.1rem;color:#7f8c8d;margin-bottom:30px}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.section-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.section-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.section-card h3{font-size:1.4rem;margin-bottom:10px}.section-card p{opacity:.9;line-height:1.5}.form-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.mp-table-container{position:relative;border-radius:0;box-shadow:none;background:#fff;margin-top:20px;margin-left:0;margin-right:0;height:auto;overflow:visible}.mp-table-wrapper{height:auto;overflow-y:visible;overflow-x:auto}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:20px;border-top:1px solid #e9ecef}.pagination-info{color:#6c757d;font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:15px}.pagination-btn{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.pagination-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.pagination-pages{font-weight:600;color:#2c3e50}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label{color:#7f8c8d;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.dashboard-header{text-align:center;margin-bottom:40px}.activity-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.activity-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #e1e8ed}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.5rem;margin-right:15px;width:40px;text-align:center}.activity-content p{margin:0 0 5px;color:#2c3e50}.activity-content small{color:#7f8c8d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.manual-input-form h3{color:#2c3e50;margin-bottom:20px;border-bottom:2px solid #667eea;padding-bottom:10px}.form-actions{display:flex;gap:15px;margin-top:30px}.alert{padding:15px;border-radius:8px;margin-bottom:20px;font-weight:600}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:40px}.automation-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.automation-card:hover{transform:translateY(-2px)}.automation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.automation-icon{font-size:2rem}.automation-status.active{color:#27ae60}.automation-status.inactive{color:#e74c3c}.automation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e1e8ed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.rule-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.rule-status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.rule-status.active{background-color:#d4edda;color:#155724}.rule-status.inactive{background-color:#f8d7da;color:#721c24}.logs-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;max-height:400px;overflow-y:auto}.log-entry{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px solid #e1e8ed}.log-entry:last-child{border-bottom:none}.log-time{font-weight:600;color:#667eea;margin-right:15px;min-width:60px}.log-content{flex:1}.records-summary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:0;margin-bottom:25px;margin-left:0;margin-right:0}.filters-container{background:#f8f9fa;padding:25px;border-radius:0;margin-bottom:25px;margin-left:0;margin-right:0;border:none;border-bottom:1px solid #e9ecef}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.records-table-container{background:#fff;border-radius:0;overflow:hidden;box-shadow:none;margin-left:0;margin-right:0}.records-table{width:100%;border-collapse:collapse}.records-table th,.records-table td{padding:12px;text-align:left;border-bottom:1px solid #e1e8ed}.records-table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.records-table code{background-color:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-pending{background-color:#fff3cd;color:#856404}.status-approved{background-color:#d4edda;color:#155724}.status-completed{background-color:#cce5ff;color:#004085}.status-rejected{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:.8rem}.no-records{text-align:center;padding:40px;color:#7f8c8d}.quality-control-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:40px}@media (max-width: 1024px){.quality-control-layout{grid-template-columns:1fr}}.pending-items-list{display:flex;flex-direction:column;gap:15px}.pending-item{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.pending-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.pending-item.selected{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#e8ebff)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.item-header h3{margin:0;color:#2c3e50}.priority-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.priority-high{background-color:#f8d7da;color:#721c24}.priority-medium{background-color:#fff3cd;color:#856404}.priority-low{background-color:#d4edda;color:#155724}.item-details p{margin:5px 0;font-size:.9rem;color:#555}.quality-control-form{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.quality-tests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.test-group{background:#f8f9fa;border-radius:8px;padding:20px}.test-group h3{margin:0 0 15px;color:#2c3e50;font-size:1.1rem}.overall-result-section{background:#f8f9fa;border-radius:8px;padding:25px;margin-bottom:20px}.no-selection{background:#fff;border-radius:12px;padding:60px;box-shadow:0 2px 10px #0000001a;text-align:center}.no-selection-content h3{color:#7f8c8d;margin-bottom:15px}.no-selection-content p{color:#95a5a6}.no-pending-items{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 2px 10px #0000001a}.no-pending-items p{color:#27ae60;font-size:1.1rem;margin:0}.loading{text-align:center;padding:60px;font-size:1.2rem;color:#7f8c8d}.mp-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:1400px;margin-bottom:0}.mp-table th{background-color:#667eea;color:#fff;font-weight:600;text-align:center;padding:12px 8px}.mp-table td{padding:10px 8px;vertical-align:middle;border-bottom:1px solid #e1e8ed}.mp-table code{background-color:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-weight:700;color:#667eea}.mp-table strong{color:#2c3e50;font-weight:600}.mp-table em{color:#7f8c8d;font-style:italic}.table-responsive{overflow-x:auto;max-width:100%}@media (max-width: 1200px){.mp-table{font-size:.8rem}.mp-table th,.mp-table td{padding:8px 6px}}@media (max-width: 768px){.mp-table{font-size:.7rem}.mp-table th,.mp-table td{padding:6px 4px}}.lotes-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.lotes-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center}.lotes-stat-card.blue{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.lotes-stat-card.green{background:linear-gradient(135deg,#e8f5e8,#c8e6c9)}.lotes-stat-card.orange{background:linear-gradient(135deg,#fff3e0,#ffcc80)}.lotes-stat-card.purple{background:linear-gradient(135deg,#f3e5f5,#ce93d8)}.lotes-search-container{margin-bottom:30px;position:relative}.lotes-search-input{width:100%;padding:12px 12px 12px 45px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.lotes-search-input:focus{outline:none;border-color:#667eea}.lotes-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d}.lotes-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.lotes-table{width:100%;border-collapse:collapse;min-width:1200px}.lotes-table th{background-color:#667eea;color:#fff;font-weight:600;text-align:left;padding:15px 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.lotes-table td{padding:12px;border-bottom:1px solid #e1e8ed;font-size:.9rem}.lotes-table tr:hover{background-color:#f8f9fa}.lotes-table .numero-lote{font-weight:600;color:#667eea}.lotes-table .text-gray-400{color:#7f8c8d}.lotes-table .text-red-600{color:#e74c3c;font-weight:600}.lotes-edit-container{display:flex;align-items:center;gap:8px}.lotes-edit-input{width:80px;padding:4px 8px;border:1px solid #e1e8ed;border-radius:4px;font-size:.8rem}.lotes-edit-input:focus{outline:none;border-color:#667eea}.lotes-edit-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.lotes-edit-btn:hover{background-color:#f1f3f4}.lotes-edit-btn.save{color:#27ae60}.lotes-edit-btn.cancel{color:#e74c3c}.lotes-edit-btn.edit{color:#7f8c8d}.lotes-edit-btn.edit:hover{color:#667eea}.lotes-no-data{text-align:center;padding:60px;color:#7f8c8d}.lotes-no-data svg{margin:0 auto 20px;color:#bdc3c7}.lotes-loading{display:flex;justify-content:center;align-items:center;height:300px;gap:15px}.lotes-spinner{width:40px;height:40px;border:3px solid #e1e8ed;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-w-150{max-width:150px}.max-w-200{max-width:200px}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}