:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#0f0f23;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#667eea;text-decoration:inherit}a:hover{color:#a3bffa}body{margin:0;display:block;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{font-size:2.5em;line-height:1.2;font-weight:700}button{border-radius:12px;border:1px solid transparent;padding:.75em 1.5em;font-size:.95em;font-weight:600;font-family:inherit;background-color:#ffffff1a;color:inherit;cursor:pointer;transition:all .2s ease}button:hover{background-color:#ffffff26;border-color:#fff3}button:focus,button:focus-visible{outline:2px solid #667eea;outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--accent-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--dark-gradient: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 100%);--primary: #667eea;--primary-dark: #5a67d8;--primary-light: #a3bffa;--secondary: #38ef7d;--secondary-dark: #11998e;--accent: #f5576c;--accent-light: #f093fb;--bg-dark: #0f0f23;--bg-card: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-glass: rgba(255, 255, 255, .1);--shadow-glow: 0 0 40px rgba(102, 126, 234, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}html,body{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100%}.app{min-height:100vh;background:var(--bg-dark);position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(56,239,125,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.app-header{position:sticky;top:0;z-index:100;background:#0f0f23cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:1.5rem 2rem}.header-content{width:100%;max-width:1800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:0 1rem}.header-left h1{font-size:1.75rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-left .subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.header-status{display:flex;align-items:center;gap:.75rem;background:var(--bg-glass);padding:.75rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-glass)}.status-indicator{width:10px;height:10px;border-radius:50%;transition:all .3s ease}.status-indicator.status-idle{background:var(--text-muted)}.status-indicator.status-running{background:var(--accent);box-shadow:0 0 20px var(--accent);animation:pulse-glow 1.5s infinite}.status-indicator.status-completed{background:var(--secondary);box-shadow:0 0 15px var(--secondary)}.status-indicator.status-error{background:#ef4444;box-shadow:0 0 15px #ef4444}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.status-text{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.app-main{position:relative;z-index:1;padding:2rem;min-height:calc(100vh - 80px);width:100%}.container{width:100%;max-width:1800px;margin:0 auto;padding:0 1rem}.content-grid{display:flex;flex-direction:column;gap:2rem;width:100%}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease}.glass-card:hover{border-color:#fff3;box-shadow:var(--shadow-glow)}.error-section{margin-top:1rem}.error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:1.5rem}.error-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.error-icon{font-size:1.25rem}.error-header h3{font-size:1rem;font-weight:600;color:#ef4444}.error-message{color:#ef4444e6;font-size:.9rem}@media (max-width: 768px){.app-header{padding:1rem}.header-content{flex-direction:column;text-align:center;gap:1rem}.header-left h1{font-size:1.5rem}.app-main{padding:1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#667eeab3}.optimization-panel{position:relative;width:100%;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow:hidden}.panel-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 50%);pointer-events:none;animation:rotate-glow 20s linear infinite}.panel-content{position:relative;z-index:1;padding:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.panel-title-section{display:flex;align-items:center;gap:1rem}.panel-icon{width:48px;height:48px;background:var(--primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #667eea66}.panel-icon svg{width:24px;height:24px;color:#fff}.panel-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.panel-subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.status-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:100px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:8px;height:8px;border-radius:50%}.status-chip.status-idle{background:#ffffff1a;color:var(--text-secondary)}.status-chip.status-idle .status-dot{background:var(--text-muted)}.status-chip.status-running{background:#f5576c33;color:var(--accent)}.status-chip.status-running .status-dot{background:var(--accent);animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-chip.status-completed{background:#38ef7d33;color:var(--secondary)}.status-chip.status-completed .status-dot{background:var(--secondary)}.status-chip.status-error{background:#ef444433;color:#ef4444}.status-chip.status-error .status-dot{background:#ef4444}.panel-body{margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:#0003;border-radius:var(--radius-md);margin-bottom:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.result-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#38ef7d1a;border:1px solid rgba(56,239,125,.2);border-radius:var(--radius-md)}.result-icon{width:40px;height:40px;background:var(--secondary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.result-info{display:flex;flex-direction:column}.result-label{font-size:.8rem;color:var(--text-muted)}.result-value{font-size:1.5rem;font-weight:700;color:var(--secondary)}.result-unit{font-size:.85rem;font-weight:400;color:var(--text-muted);margin-left:.5rem}.error-preview{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.error-icon-small{width:20px;height:20px;flex-shrink:0;color:#ef4444}svg.error-icon-small{width:20px;height:20px}.error-text{font-size:.9rem;color:#ef4444}.panel-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 20px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary svg{width:18px;height:18px}.btn-secondary{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#fff3}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary svg{width:16px;height:16px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.panel-header{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:1fr}.panel-actions{flex-direction:column}}.results-display{width:100%;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-glass)}.results-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.results-date{font-size:.85rem;color:var(--text-muted);margin:0}.view-toggle{display:flex;gap:8px;background:#0000004d;border-radius:var(--radius-md);padding:6px}.toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.toggle-btn svg{width:18px;height:18px;stroke:#ffffff80;flex-shrink:0}.toggle-label{font-size:.85rem;font-weight:500;color:#ffffff80;transition:color .2s ease}.toggle-btn:hover{background:#ffffff1a}.toggle-btn:hover svg{stroke:#fffc}.toggle-btn:hover .toggle-label{color:#fffc}.toggle-btn.active{background:var(--primary-gradient);box-shadow:0 2px 10px #667eea66}.toggle-btn.active svg{stroke:#fff}.toggle-btn.active .toggle-label{color:#fff}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0003;border-radius:var(--radius-md);border:1px solid transparent;transition:all .3s ease}.stat-card:hover{border-color:var(--border-glass);transform:translateY(-2px)}.stat-card.highlight{background:#667eea26;border-color:#667eea4d}.stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper svg{width:22px;height:22px;color:#fff}.gradient-primary{background:var(--primary-gradient)}.gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-success{background:var(--secondary-gradient)}.gradient-warning{background:linear-gradient(135deg,#f5af19,#f12711)}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-state-highlight{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.next-state-highlight:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 50%);animation:rotate-glow 15s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.highlight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;position:relative;z-index:1}.highlight-badge{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--primary-light);letter-spacing:1px}.badge-pulse{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #667eeab3}50%{box-shadow:0 0 0 10px #667eea00}}.highlight-hour{font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-content{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:1.5rem;align-items:start;position:relative;z-index:1}.highlight-metric{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.metric-value small{font-size:.9rem;font-weight:400;color:var(--text-muted)}.metric-value.code{font-family:SF Mono,Fira Code,monospace;font-size:1rem;background:#0000004d;padding:.5rem .75rem;border-radius:var(--radius-sm)}.efficiency-display{display:flex;align-items:center;gap:.75rem}.efficiency-bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden}.efficiency-bar-fill{height:100%;background:var(--secondary-gradient);border-radius:100px;transition:width .5s ease}.states-section{margin-top:1.5rem}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.timeline-view{display:flex;flex-direction:column;gap:0;max-height:500px;overflow-y:auto;padding-right:.5rem}.timeline-item{display:grid;grid-template-columns:40px 1fr;gap:1rem;padding:.75rem 0;transition:all .3s ease}.timeline-item.past{opacity:.5}.timeline-item.next{opacity:1}.timeline-marker{display:flex;flex-direction:column;align-items:center}.marker-dot{width:16px;height:16px;background:var(--bg-glass);border:2px solid var(--text-muted);border-radius:50%;position:relative;z-index:1;transition:all .3s ease}.timeline-item.next .marker-dot{background:var(--primary);border-color:var(--primary);width:20px;height:20px}.marker-dot.pulse{animation:marker-pulse 2s infinite}@keyframes marker-pulse{0%,to{box-shadow:0 0 #667eeab3}50%{box-shadow:0 0 0 8px #667eea00}}.marker-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid var(--primary);border-radius:50%;animation:ring-expand 2s infinite}@keyframes ring-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.marker-line{width:2px;flex:1;background:#ffffff1a;margin-top:4px}.timeline-item.next .marker-line{background:linear-gradient(180deg,var(--primary) 0%,rgba(255,255,255,.1) 100%)}.timeline-content{background:#00000026;border-radius:var(--radius-md);padding:1rem;border:1px solid transparent;transition:all .3s ease}.timeline-item.next .timeline-content{background:#667eea26;border-color:#667eea4d}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.timeline-hour{font-size:1rem;font-weight:700;color:var(--text-primary)}.next-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--primary-gradient);color:#fff;padding:.25rem .75rem;border-radius:100px}.timeline-details{display:flex;flex-wrap:wrap;gap:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.detail-icon{width:16px;height:16px;flex-shrink:0;color:var(--primary-light)}svg.detail-icon{width:16px;height:16px}.detail-item.pump code{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;background:#0000004d;padding:.25rem .5rem;border-radius:4px;color:var(--primary-light)}.table-view{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.data-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#0003}.data-table td{font-size:.9rem;color:var(--text-secondary)}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#ffffff0d}.data-table .highlight-row{background:#667eea26!important}.hour-badge{display:inline-block;padding:.25rem .75rem;background:#ffffff1a;border-radius:100px;font-weight:600;font-size:.85rem}.hour-badge.next{background:var(--primary-gradient);color:#fff}.data-table code{font-family:SF Mono,Fira Code,monospace;font-size:.8rem;background:#0000004d;padding:.25rem .5rem;border-radius:4px;color:var(--primary-light)}.table-efficiency{display:flex;align-items:center;gap:.75rem}.mini-bar{width:60px;height:6px;background:#ffffff1a;border-radius:100px;overflow:hidden}.mini-bar>div{height:100%;background:var(--secondary-gradient);border-radius:100px}.cards-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;max-height:600px;overflow-y:auto;padding-right:.5rem}.state-card{position:relative;background:#0003;border:1px solid transparent;border-radius:var(--radius-md);padding:1rem;transition:all .3s ease;overflow:hidden}.state-card:hover{border-color:var(--border-glass);transform:translateY(-2px)}.state-card.past{opacity:.5}.state-card.next{background:#667eea26;border-color:#667eea66;transform:scale(1.02)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 50%);animation:rotate-glow 10s linear infinite}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;position:relative;z-index:1}.card-hour{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.card-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;background:var(--primary-gradient);color:#fff;padding:.2rem .5rem;border-radius:100px}.card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;position:relative;z-index:1}.card-metric{display:flex;align-items:baseline;gap:.25rem}.card-metric .label{font-size:.7rem;color:var(--text-muted);flex:1}.card-metric .value{font-size:1rem;font-weight:700;color:var(--text-primary)}.card-metric .unit{font-size:.7rem;color:var(--text-muted)}.card-footer{position:relative;z-index:1}.card-footer code{display:block;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;background:#0000004d;padding:.4rem .5rem;border-radius:4px;color:var(--primary-light);text-align:center}@media (max-width: 1024px){.stats-summary,.highlight-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.results-header{flex-direction:column;gap:1rem}.stats-summary,.highlight-content{grid-template-columns:1fr}.toggle-label{display:none}.toggle-btn{padding:10px 12px}}.charts-section{margin-top:1.5rem}.charts-grid{display:flex;flex-direction:column;gap:1.5rem}.chart-container{background:#0003;border-radius:var(--radius-md);padding:1.25rem;border:1px solid rgba(255,255,255,.05);width:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.chart-unit{font-size:.75rem;color:var(--text-muted);background:#ffffff1a;padding:.25rem .6rem;border-radius:4px}.chart-wrapper{position:relative;width:100%}.chart-svg{width:100%;height:100%;display:block}.grid-line{stroke:#ffffff1a;stroke-width:1}.chart-line{stroke-linecap:round;stroke-linejoin:round}.chart-point{transition:all .15s ease}.chart-point.active{filter:drop-shadow(0 0 8px currentColor)}.axis-label{font-size:11px;fill:#ffffff80;font-family:inherit}.chart-tooltip{position:absolute;transform:translate(-50%,-100%);background:#0f0f19f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;pointer-events:none;z-index:100;white-space:nowrap;box-shadow:0 4px 20px #0006}.tooltip-hour{font-size:.7rem;color:var(--text-muted);margin-bottom:2px}.tooltip-value{font-size:.95rem;font-weight:700}.chart-point.active{filter:drop-shadow(0 0 6px currentColor)}.pump-combo{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;font-weight:600;color:var(--text-muted)}.pump-combo-visual{display:flex;flex-direction:column;gap:8px}.pump-combo-visual.large{gap:12px}.pump-bars{display:flex;gap:6px;align-items:flex-end;height:50px}.pump-combo-visual.large .pump-bars{height:80px;gap:10px}.pump-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:28px}.pump-combo-visual.large .pump-bar-wrapper{min-width:45px}.pump-value{font-size:.65rem;font-weight:600;color:var(--text-primary);min-height:16px}.pump-combo-visual.large .pump-value{font-size:.9rem;min-height:22px}.pump-bar-wrapper.active .pump-value{color:var(--primary-light)}.pump-bar{width:100%;border-radius:4px 4px 0 0;transition:height .3s ease;min-height:3px}.pump-bar-wrapper.active .pump-bar{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:0 0 10px #667eea80}.pump-bar-wrapper.inactive .pump-bar{background:#ffffff1a}.pump-label{font-size:.65rem;color:var(--text-muted);font-weight:600}.pump-combo-visual.large .pump-label{font-size:.85rem}.pump-bar-wrapper.active .pump-label{color:var(--primary-light)}.pump-bar-wrapper:hover{transform:scale(1.1)}.pump-bar-wrapper:hover .pump-bar{filter:brightness(1.2)}.metric-pumps{margin-top:-1rem;margin-left:-3rem}.progress-section{width:100%;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.progress-title-group{flex:1}.progress-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.progress-subtitle{font-size:.9rem;color:var(--text-muted);margin:0}.progress-badge{display:flex;align-items:baseline;background:var(--primary-gradient);padding:.5rem 1rem;border-radius:var(--radius-md);box-shadow:0 4px 20px #667eea66}.progress-value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1}.progress-percent{font-size:1rem;font-weight:600;color:#fffc;margin-left:2px}.main-progress-container{margin-bottom:2rem}.main-progress-track{height:12px;background:#ffffff1a;border-radius:100px;overflow:hidden;position:relative}.main-progress-fill{height:100%;background:var(--primary-gradient);border-radius:100px;position:relative;transition:width .3s ease;min-width:2%}.progress-glow{position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.steps-timeline{display:flex;flex-direction:column;gap:0}.step-item{display:grid;grid-template-columns:24px 48px 1fr;gap:1rem;align-items:center;padding:1rem 0;position:relative}.step-connector{display:flex;justify-content:center;height:100%;position:relative}.connector-line{position:absolute;top:-1rem;width:2px;height:calc(100% + 1rem);background:#ffffff1a;transition:background .3s ease}.connector-line.connector-completed{background:var(--secondary)}.step-item:first-child .connector-line{display:none}.step-indicator{display:flex;justify-content:center}.step-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.step-circle-pending{background:#ffffff1a;border:2px solid rgba(255,255,255,.2)}.step-circle-active{background:var(--primary-gradient);border:none;box-shadow:0 0 30px #667eea99}.step-circle-completed{background:var(--secondary-gradient);border:none;box-shadow:0 0 20px #38ef7d66}.step-circle svg{width:24px;height:24px;color:#fff}.step-number{font-size:1rem;font-weight:700;color:var(--text-muted)}.pulse-ring{width:20px;height:20px;background:#fff;border-radius:50%;animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(.8);opacity:1}}.step-content{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:var(--radius-md);border:1px solid transparent;transition:all .3s ease}.step-active .step-content{background:#667eea1a;border-color:#667eea4d}.step-completed .step-content{background:#38ef7d0d;border-color:#38ef7d33}.step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon svg{width:24px;height:24px;color:var(--primary-light)}.step-completed .step-icon svg{color:var(--secondary)}.step-pending .step-icon svg{color:var(--text-muted);opacity:.5}.step-info{flex:1}.step-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.step-description{font-size:.85rem;color:var(--text-muted);margin:0}.step-pending .step-title,.step-pending .step-description{opacity:.5}@media (max-width: 640px){.progress-header{flex-direction:column;gap:1rem}.step-item{grid-template-columns:40px 1fr}.step-connector{display:none}}