body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{background-color:#260877;color:#fff;margin-bottom:30px;padding:20px}.App-header h1{font-size:2.5rem;margin:0}.App-header p{margin:10px 0 0;opacity:.8}.nav-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.tab{background:#ffffff1a;border:2px solid #0000;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.tab:hover{background:#fff3;transform:translateY(-2px)}.tab.active{background:#3a2ee2;border-color:#1f0775;font-weight:700}main{margin:0;padding:0}@media (max-width:768px){.nav-tabs{align-items:center;flex-direction:column}.tab{width:200px}}.bottle-decision{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.container{margin:0 auto;max-width:1400px}.row{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:25px}.card-header h3{font-size:1.8em;font-weight:600;margin:0;text-align:center}.card-body{padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:1.1em;font-weight:600;margin-bottom:8px}.form-control{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;font-size:1em;padding:15px;transition:all .3s ease;width:100%}.form-control:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-range{-webkit-appearance:none;background:#e1e5e9;border-radius:5px;height:8px;outline:none;width:100%}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;height:24px;width:24px}.form-range::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;cursor:pointer;height:24px;width:24px}.fill-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.preset{background:#fff;border:2px solid #e1e5e9;border-radius:20px;color:#666;font-size:.9em;padding:8px 16px;transition:all .3s ease}.preset:hover{border-color:#667eea;color:#667eea}.preset.active{background:#667eea;border-color:#667eea;color:#fff}.bottle-preview{background:linear-gradient(180deg,#f8f9fa,#e9ecef);border:3px solid #dee2e6;border-radius:60px 60px 20px 20px;box-shadow:inset 0 0 20px #0000001a;height:200px;margin:0 auto 20px;overflow:hidden;position:relative;width:120px}.liquid{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:0 0 15px 15px;bottom:0;left:0;position:absolute;right:0;transition:height .5s ease}.bottle-label{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:.9em;font-weight:700;left:50%;padding:5px 10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:1.1em;font-weight:600;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 12px 25px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-outline-primary{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline-primary:hover{background:#667eea;color:#fff}.btn-outline-secondary{background:#0000;border:2px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover{background:#6c757d;color:#fff}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.decision-result{border:none;border-radius:15px;margin-bottom:20px;padding:25px}.decision-result.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.decision-result.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.decision-result.alert-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.decision-result.alert-dark{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.decision-result h4{font-size:1.5em;font-weight:700;margin:0 0 15px}.decision-visual{margin-top:20px;text-align:center}.indicator{border-radius:25px;display:inline-block;font-size:1.2em;font-weight:700;letter-spacing:1px;padding:15px 30px;text-transform:uppercase}.indicator.success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.indicator.warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.indicator.danger{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff}.indicator.dark{background:linear-gradient(135deg,#343a40,#495057);color:#fff}.history-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:15px;padding:20px}.history-section h5{color:#333;font-weight:600;margin:0 0 20px}.history-section .alert{border:none;border-radius:10px;margin-bottom:10px;padding:15px}.dynamic-fields{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:20px}.dynamic-fields h6{color:#495057;font-weight:600;margin:0 0 15px}.form-check{align-items:center;display:flex;gap:10px}.form-check-input{height:20px;width:20px}.form-check-label{font-weight:500;margin:0}pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.9em;line-height:1.4;padding:15px}@media (max-width:1200px){.row{gap:20px;grid-template-columns:1fr}.container{max-width:800px}}@media (max-width:768px){.bottle-decision{padding:15px}.card-body,.card-header{padding:20px}.card-header h3{font-size:1.5em}.bottle-preview{height:160px;width:100px}.btn{font-size:1em;padding:12px 24px}.fill-presets{justify-content:center}.preset{font-size:.8em;padding:6px 12px}}.error-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:30px 20px}.dashboard-container{max-width:1400px;width:90%}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 12px 30px #0000002e;color:#fff;margin-bottom:22px;padding:18px}.dashboard-header h1{font-size:1.6rem}.dashboard-controls{align-items:center;color:#ffffffe6;display:flex;gap:12px}.grid-system{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 420px;margin-bottom:20px}.left-panel,.right-panel{background:#fffffff2;border:1px solid #0000000a;border-radius:16px;box-shadow:0 16px 40px #02061733;padding:18px}.image-box img{border-radius:8px;box-shadow:0 8px 24px #00000026;display:block;height:auto;margin:0 auto 12px;max-width:360px;width:100%}.hello-list{list-style:none;margin:0;padding:0}.hello-list li{border-bottom:1px dashed #eee;padding:6px 0}.input-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.input-item label{display:block;font-weight:600;margin-bottom:6px}.input-item input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;padding:10px 12px;transition:all .18s ease;width:90%}.input-item input:focus{background:#fff;border-color:#667eea;box-shadow:0 6px 18px #667eea14;outline:none}.btn-equal{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 12px 30px #667eea2e;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:12px 18px;transition:all .18s ease}.btn-equal:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.alerts-section{background:#fffffffa;border:1px solid #764ba20f;border-radius:12px;box-shadow:0 10px 30px #02061714;margin-top:12px;padding:18px}.alert-item{background:linear-gradient(135deg,#f8d7dae6,#fff5f5f2);border-left:6px solid #dc3545f2;border-radius:8px;margin-bottom:10px;padding:12px}.dropdown-row{background:#fffffff5;border:1px solid #667eea0f;border-radius:12px;box-shadow:0 16px 40px #02061714;margin-top:20px;max-width:1760px;padding:18px;width:100%}.dropdowns-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.dropdown-item{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;padding:10px;width:150px}.dropdown-item label{font-size:14px;font-weight:600;text-align:center}.dropdown-item input{background:#fbfbfc;border:1px solid #e1e5e9;border-radius:8px;font-size:13px;padding:8px 10px;text-align:center;width:100%}.dropdown-item input[readonly]{background:#0000;border:none}@media (max-width:768px){.grid-system{grid-template-columns:1fr}.dropdown-row{margin-left:0;margin-right:0;width:100%}.dashboard-controls{flex-direction:column;gap:10px}}.employee-ranking-dashboard{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h1{color:#fff;font-size:2.2em;font-weight:600;margin:0}.filters{display:flex;gap:15px}.filter-input{background:#2d2d2d;border:2px solid #444;border-radius:8px;color:#fff;font-size:14px;min-width:200px;padding:12px 16px;transition:all .3s ease}.filter-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-input::placeholder{color:#888}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.ranking-section,.tasks-section{background:#2d2d2d;border-radius:12px;box-shadow:0 4px 20px #0003;padding:25px}.ranking-section h2,.tasks-section h2{border-bottom:2px solid #6366f1;color:#fff;font-size:1.5em;font-weight:600;margin:0 0 20px;padding-bottom:10px}.employee-summary-card{background:linear-gradient(90deg,#6366f114,#8b5cf60a);border:1px solid #6366f11f;border-radius:12px;box-shadow:0 8px 20px #10182840;margin-bottom:16px;padding:16px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.summary-item{background:#ffffff08;border:1px solid #ffffff08;border-radius:8px;padding:12px;text-align:center}.summary-item .label{color:#bfc6ff;font-size:.85em;margin-bottom:6px}.summary-item .value{color:#fff;font-size:1.25em;font-weight:700}.summary-item .value small{color:#aeb4ff;display:block;font-size:.8em;font-weight:600}.ranking-list{display:flex;flex-direction:column;gap:15px}.employee-card{align-items:center;background:#3a3a3a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.employee-card:hover{background:#4a4a4a;border-color:#6366f1;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.employee-card.selected{background:#4a4a4a;border-color:#6366f1;box-shadow:0 8px 25px #6366f133}.employee-info{gap:15px;min-width:200px}.employee-info,.rank-number{align-items:center;display:flex}.rank-number{background:#6366f1;border-radius:50%;color:#fff;font-size:1.1em;font-weight:700;height:40px;justify-content:center;width:40px}.employee-icon{color:#6366f1;font-size:2em}.employee-details h3{color:#fff;font-size:1.3em;font-weight:600;margin:0 0 5px}.employee-details p{color:#888;font-size:.9em;font-weight:500;margin:0}.performance-metrics{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 20px}.metric{text-align:center}.metric-label{color:#888;font-size:.8em;font-weight:500;margin-bottom:8px}.metric-value{align-items:center;color:#fff;display:flex;font-size:1.1em;font-weight:700;gap:5px;justify-content:center}.clock-icon,.target-icon,.trend-icon{font-size:.8em}.progress-bar{background:#444;border-radius:3px;height:6px;margin-top:5px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .3s ease}.efficiency-status{min-width:100px}.status-button{border:none;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:700;padding:8px 16px;transition:all .3s ease}.status-button.efficient{background:#10b981;color:#fff}.status-button.regular{background:#f59e0b;color:#fff}.status-button.improve{background:#ef4444;color:#fff}.tasks-list{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto}.tasks-chart{background:linear-gradient(180deg,#6366f10a,#764ba205);border:1px solid #6366f114;border-radius:10px;margin-bottom:12px;padding:12px}.tasks-chart h3{color:#e6e9ff;font-size:1.05em;margin:0 0 8px}.tasks-chart svg{display:block;height:auto;width:100%}.task-card{background:#3a3a3a;border-left:4px solid #6366f1;border-radius:8px;padding:15px;transition:all .3s ease}.task-card:hover{background:#4a4a4a;transform:translateX(5px)}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.task-header h4{color:#fff;font-size:1.1em;margin:0}.task-status{border-radius:12px;font-size:.8em;font-weight:700;padding:4px 12px}.task-status.pass{background:#10b981;color:#fff}.task-status.minor-error{background:#f59e0b;color:#fff}.task-status.rework-required{background:#ef4444;color:#fff}.task-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.task-info,.task-time{display:flex;flex-direction:column;gap:5px}.task-info span,.task-notes,.task-time span{color:#ccc;font-size:.9em}.task-notes{background:#2d2d2d;border-radius:6px;grid-column:1/-1;margin-top:10px;padding:10px}.no-tasks{color:#888;padding:40px;text-align:center}.no-tasks p{margin:10px 0}.loading{align-items:center;color:#888;display:flex;font-size:1.2em;height:200px;justify-content:center}@media (max-width:1200px){.dashboard-content{grid-template-columns:1fr}.performance-metrics{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px}.filters{flex-direction:column;width:100%}.filter-input{min-width:auto;width:100%}.employee-card{align-items:flex-start;flex-direction:column;gap:15px}.employee-info{min-width:auto;width:100%}.performance-metrics{gap:10px;grid-template-columns:1fr;margin:0;width:100%}.efficiency-status{align-self:flex-end}.task-details{grid-template-columns:1fr}}
/*# sourceMappingURL=main.67eefeb9.css.map*/