html,body,#root{width:100vw;height:100vh;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0b0f19;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative}@media (min-width: 2500px){html{font-size:22px}}@media (min-width: 3800px){html{font-size:32px}}@media (max-height: 800px){html{font-size:14px}}@media (max-aspect-ratio: 1/1){.responsive-grid-3col{grid-template-columns:1fr!important;overflow-y:auto!important}}:root{--bg-primary: #0a0e17;--bg-card: rgba(18, 26, 43, .75);--bg-card-hover: rgba(26, 38, 62, .85);--border-color: rgba(255, 255, 255, .1);--border-focus: rgba(0, 180, 216, .5);--text-primary: #f0f4f8;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #00b4d8;--accent-cyan: #06b6d4;--accent-gold: #f59e0b;--accent-green: #10b981;--accent-red: #ef4444;--accent-purple: #8b5cf6;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(0,180,216,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.06) 0%,transparent 40%)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0e17e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;gap:1.5rem}.brand-container{display:flex;align-items:center;gap:1.25rem}.logo-badge{display:flex;flex-direction:column;line-height:1;padding:.5rem .85rem;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 4px 12px #0000004d}.brand-akkermann{font-family:var(--font-heading);font-weight:800;font-size:1.2rem;letter-spacing:2px;color:#fff}.brand-turon{font-family:var(--font-heading);font-weight:700;font-size:.75rem;letter-spacing:3px;color:var(--accent-gold)}.header-title-group{display:flex;flex-direction:column;gap:.25rem}.header-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.header-meta{display:flex;align-items:center;gap:.75rem}.meta-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.date-badge{background:#ffffff14;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}.status-live{background:#10b98126;color:var(--accent-green);border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;gap:.4rem}.pulse-dot{width:6px;height:6px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 8px var(--accent-green);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.7}}.header-controls{display:flex;align-items:center;gap:1.5rem}.day-selector-group{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.styled-select{background:#0f172ae6;color:var(--text-primary);border:1px solid var(--border-color);padding:.4rem .75rem;border-radius:6px;font-family:var(--font-family);font-size:.85rem;font-weight:600;outline:none;cursor:pointer;transition:var(--transition-fast)}.styled-select:hover{border-color:var(--accent-blue)}.slide-nav-buttons{display:flex;align-items:center;gap:.5rem;background:#0f172a99;padding:.3rem;border-radius:10px;border:1px solid var(--border-color)}.nav-btn{background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.nav-btn:hover{background:#ffffff1a;color:var(--text-primary)}.slide-pills{display:flex;gap:.25rem}.pill{background:transparent;border:none;color:var(--text-secondary);padding:.4rem .85rem;border-radius:6px;font-family:var(--font-family);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.pill:hover{color:var(--text-primary)}.pill.active{background:var(--accent-blue);color:#fff;font-weight:600;box-shadow:0 2px 8px #00b4d866}.action-buttons{display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#0284c7);color:#fff;box-shadow:0 4px 12px #00b4d84d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00b4d866}.btn-secondary{background:#1e293bcc;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:#334155e6;border-color:#fff3}.btn-icon{background:#1e293bcc;color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem;border-radius:8px;cursor:pointer}.btn-icon:hover{color:var(--text-primary);background:#334155e6}.progress-bar-container{width:100%;height:3px;background:#ffffff0d}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));transition:width .1s linear}.presentation-viewport{flex:1;position:relative;padding:1.5rem 2rem;display:flex;align-items:stretch}.slide-container{display:none;width:100%;flex-direction:column;gap:1.25rem;opacity:0;transform:scale(.98);transition:opacity .4s ease,transform .4s ease}.slide-container.active{display:flex;opacity:1;transform:scale(1)}.slide-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.slide-title-block{display:flex;flex-direction:column;gap:.2rem}.department-tag{font-size:.8rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px}.slide-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--text-primary)}.slide-kpi-bar{display:flex;gap:1rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);padding:.65rem 1.25rem;border-radius:10px;display:flex;flex-direction:column;gap:.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px}.kpi-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600}.kpi-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary)}.kpi-sub{font-size:.75rem;font-weight:600}.sub-positive{color:var(--accent-green)}.sub-negative{color:var(--accent-red)}.slide-grid{display:grid;gap:1.25rem;flex:1}.grid-2col{grid-template-columns:1.35fr 1fr}.card-column{display:flex;flex-direction:column;gap:1.25rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1rem}.card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.table-responsive{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.data-table th{background:#0f172acc;color:var(--text-secondary);font-weight:600;padding:.65rem .85rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td{padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary);white-space:nowrap}.data-table tbody tr:hover{background:#ffffff08}.data-table td.num{font-family:Outfit,sans-serif;font-weight:600}.badge-pct{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.78rem;font-weight:700}.pct-high{background:#10b98133;color:var(--accent-green)}.pct-mid{background:#f59e0b33;color:var(--accent-gold)}.pct-low{background:#ef444433;color:var(--accent-red)}.chart-wrapper{position:relative;height:220px;width:100%}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.eq-item{background:#0f172a99;border:1px solid var(--border-color);padding:.75rem;border-radius:8px;display:flex;flex-direction:column;gap:.3rem}.eq-name{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.eq-status{display:flex;align-items:center;justify-content:space-between}.eq-hours{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--accent-cyan)}.eq-indicator{font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.ind-active{background:#10b98133;color:var(--accent-green)}.ind-idle{background:#f59e0b33;color:var(--accent-gold)}.safety-panel{display:flex;flex-direction:column;justify-content:space-between}.safety-header{display:flex;align-items:center;justify-content:space-between}.zero-harm-badge{background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid rgba(16,185,129,.4);color:var(--accent-green);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:800;letter-spacing:.5px}.safety-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.safety-card{background:#0f172ab3;border:1px solid var(--border-color);padding:1.25rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.safety-icon{font-size:2rem}.safety-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;line-height:1}.safety-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px}.card-micro .safety-value{color:var(--accent-gold)}.card-accidents .safety-value{color:var(--accent-cyan)}.card-incidents .safety-value{color:var(--accent-purple)}.card-zero-harm .safety-value.green{color:var(--accent-green)}.safety-banner{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border:1px dashed rgba(255,255,255,.15);padding:1rem;border-radius:10px;text-align:center}.banner-title{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--accent-cyan);margin-bottom:.2rem}.banner-sub{font-size:.78rem;color:var(--text-muted)}.energy-efficiency-box{display:flex;flex-direction:column;gap:.75rem;background:#0f172a99;border:1px solid var(--border-color);padding:1rem;border-radius:10px;margin-top:.5rem}.eff-item{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.eff-label{color:var(--text-secondary)}.eff-value{font-family:var(--font-heading);font-weight:700;color:var(--text-primary)}.badge-good{background:#10b98133;color:var(--accent-green);padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#05080fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-card{background:#131c2e;border:1px solid rgba(255,255,255,.15);border-radius:16px;width:90%;max-width:520px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;box-shadow:0 20px 40px #00000080}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--text-primary)}.modal-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:800}.modal-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.modal-desc code{color:var(--accent-cyan);background:#ffffff14;padding:.1rem .3rem;border-radius:4px}.drop-zone{border:2px dashed rgba(0,180,216,.4);background:#00b4d80a;border-radius:12px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition-fast)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent-cyan);background:#00b4d81a}.drop-zone-icon{font-size:2.5rem}.drop-zone-prompt{font-weight:600;font-size:.95rem}.drop-zone-sub{font-size:.78rem;color:var(--text-muted)}.file-input-hidden{display:none}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.5rem}@media (max-width: 1024px){.grid-2col{grid-template-columns:1fr}}