:root{--primary-color:#2c3e50;--secondary-color:#34495e;--accent-color:#3498db;--light-color:#ecf0f1;--warning-color:#e74c3c;--success-color:#2ecc71;--text-color:#333;--border-radius:6px;--shadow:0 2px 10px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7f9;color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#2c3e50;background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);color:#fff;padding:1rem 2rem}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.app-footer{background-color:#34495e;background-color:var(--secondary-color);color:#fff;padding:1rem 2rem;text-align:center}.app-section{background-color:#fff;border-radius:6px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:1.5rem}.app-section h2{border-bottom:1px solid #eee;color:#2c3e50;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem}.feed-composition-input{display:flex;flex-direction:column;gap:1.5rem}.composition-table{overflow-x:auto;width:100%}.composition-header,.composition-row,.composition-total{align-items:center;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:.5rem 0}.composition-header{border-bottom:1px solid #ddd;font-weight:700}.composition-row:nth-child(2n){background-color:#00000005}.composition-total{border-top:1px solid #ddd;font-weight:700;margin-top:.5rem}.feed-conditions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.process-unit-selector{display:flex;flex-direction:column;gap:1.5rem}.unit-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.unit-item{align-items:center;border:1px solid #ddd;border-radius:6px;border-radius:var(--border-radius);display:flex;gap:.5rem;padding:.7rem;transition:background-color .2s}.unit-item:hover{background-color:#f9f9f9}.unit-item input[type=checkbox]{height:18px;width:18px}.utilities-section{margin-top:1.5rem}.utility-options{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.utility-option{align-items:center;display:flex;gap:.5rem}.configuration-accordion{display:flex;flex-direction:column;gap:1rem}.process-unit-card{border:1px solid #ddd;border-radius:6px;border-radius:var(--border-radius);overflow:hidden}.unit-header{align-items:center;background-color:#f5f7f9;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.unit-header:hover{background-color:#e9ecef}.unit-header h3{color:#2c3e50;color:var(--primary-color);margin:0}.expand-icon{transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.unit-content{border-top:1px solid #ddd;padding:1rem}.unit-description{color:#555;margin-bottom:1rem}.parameter-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1.5rem}.parameter-row{display:flex;flex-direction:column;gap:.3rem}.parameter-row label{font-size:.9rem;font-weight:600}.parameter-row input,.parameter-row select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.parameter-row input:focus,.parameter-row select:focus{border-color:#3498db;border-color:var(--accent-color);outline:none}.checkbox-container{padding-top:.25rem}.unit-info-box{background-color:#f8f9fa;border-left:4px solid #3498db;border-left:4px solid var(--accent-color);border-radius:4px;padding:1rem}.unit-info-box h4{color:#2c3e50;color:var(--primary-color);margin-bottom:.5rem}.unit-info-box ul{font-size:.9rem;padding-left:1.5rem}.energy-results{display:flex;flex-direction:column;gap:2rem}.summary-metrics{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.metric-card{background-color:#ecf0f1;background-color:var(--light-color);border-radius:6px;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:transform .2s}.metric-card:hover{transform:translateY(-5px)}.metric-card h4{color:#2c3e50;color:var(--primary-color);margin-bottom:.7rem}.metric-value{color:#3498db;color:var(--accent-color);font-size:1.8rem;font-weight:700}.energy-chart{height:400px}.download-section{display:flex;justify-content:center;margin-top:1.5rem}.download-button{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:6px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .2s}.download-button:hover{background-color:#2980b9}.calculate-button{background-color:#2c3e50;background-color:var(--primary-color);border:none;border-radius:6px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:1rem auto;max-width:400px;padding:1rem 2rem;transition:background-color .2s;width:100%}.calculate-button:hover{background-color:#1a2530}.calculate-button:disabled{background-color:#95a5a6;cursor:not-allowed}.process-flow-diagram{margin-top:1rem;overflow-x:auto;position:relative}.process-flow-diagram svg{background-color:#f9f9f9;border-radius:6px;border-radius:var(--border-radius);min-width:1100px}.unit-box rect{fill:#dfe6e9;stroke:#636e72;stroke-width:2;cursor:pointer;transition:all .2s}.unit-box rect:hover{fill:#b2bec3}.unit-box rect.selected{fill:#74b9ff;stroke:#0984e3;stroke-width:3}.unit-box text{fill:#2d3436;font-size:14px;font-weight:500;pointer-events:none}.stream-path path{fill:none;stroke:#2d3436;stroke-width:2;stroke-linecap:round;cursor:pointer;transition:all .2s}.stream-path path.selected,.stream-path path:hover{stroke:#0984e3;stroke-width:3}.stream-path path.selected{stroke-dasharray:none}.stream-path circle{fill:#2d3436;cursor:pointer;transition:all .2s}.stream-path circle:hover{fill:#0984e3}.output-indicator circle{fill:#55efc4;stroke:#00b894;stroke-width:2;cursor:pointer;transition:all .2s}.output-indicator circle:hover{fill:#00b894}.output-indicator circle.selected{fill:#00b894;stroke:#006c54;stroke-width:3}.output-indicator text{fill:#2d3436;font-size:12px;font-weight:500}.selected-stream-info{background-color:#f0f7ff;border-left:4px solid #3498db;border-left:4px solid var(--accent-color);border-radius:6px;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.selected-stream-info h3{color:#2c3e50;color:var(--primary-color);margin-bottom:.5rem}.selected-stream-info table{border-collapse:collapse;width:100%}.selected-stream-info td{padding:.5rem}.selected-stream-info td:first-child{font-weight:600;width:150px}.stream-composition-view{margin-top:1rem}.composition-section{display:flex;flex-direction:column;gap:1.5rem}.composition-chart-container{height:300px;margin-top:1rem;width:100%}.composition-tables{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.composition-table h4,.stream-properties h4{color:#2c3e50;color:var(--primary-color);margin-bottom:.7rem}.composition-table table,.stream-properties table{border-collapse:collapse;width:100%}.composition-table th,.stream-properties th{background-color:#f5f7f9;border-bottom:2px solid #ddd;padding:.7rem;text-align:left}.composition-table td,.stream-properties td{border-bottom:1px solid #eee;padding:.7rem}.component-groups{margin-top:1rem}.component-groups h4{color:#2c3e50;color:var(--primary-color);margin-bottom:.7rem}.group-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.group-metric{display:flex;flex-direction:column;gap:.3rem}.group-name{font-size:.9rem;font-weight:600}.group-bar{background-color:#f0f0f0;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.group-bar-fill{background-color:#3498db;background-color:var(--accent-color);border-radius:10px;height:100%;left:0;min-width:2px;position:absolute;top:0}.group-percentage{color:#fff;font-size:.8rem;font-weight:600;left:8px;position:absolute;text-shadow:0 0 2px #00000080;top:50%;transform:translateY(-50%)}.stage-selector{margin-bottom:1.5rem}.stage-selector label{font-weight:600;margin-right:1rem}.stage-selector select{border:1px solid #ddd;border-radius:4px;min-width:200px;padding:.5rem}.stage-compositions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.composition-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;border-radius:var(--border-radius);padding:1rem}.composition-card h3{border-bottom:1px solid #ddd;color:#2c3e50;color:var(--primary-color);margin-bottom:.7rem;padding-bottom:.5rem;text-transform:capitalize}.composition-card table{border-collapse:collapse;width:100%}.composition-card th{background-color:#eee;padding:.5rem;text-align:left}.composition-card td{border-bottom:1px solid #eee;padding:.5rem}@media (max-width:768px){.app-main{padding:1rem}.parameter-group{grid-template-columns:1fr}.composition-header,.composition-row,.composition-total{grid-template-columns:2fr 1fr 1fr}.component-formula{display:none}}.unit-conversion-display{color:#666;font-size:.8rem;font-style:italic;margin-top:.2rem}.condition-row label{display:block;font-weight:600;margin-bottom:.3rem}.energy-intensity-metrics{background-color:#f8f9fa;border-radius:6px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:1.5rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.metric-item{background-color:#fff;border-radius:6px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.3rem;padding:1rem}.metric-label{color:#2c3e50;color:var(--primary-color);font-size:.9rem;font-weight:600}.metric-value{font-size:1.2rem;font-weight:500}.summary-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.summary-metrics{grid-template-columns:1fr 1fr}}@media (max-width:480px){.summary-metrics{grid-template-columns:1fr}}.app-tab-nav{display:flex;gap:6px;margin-top:12px}.app-tab-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px 6px 0 0;color:#ffffffa6;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.02em;padding:8px 20px;transition:background .15s,color .15s}.app-tab-btn:hover{background:#ffffff24;color:#fff}.app-tab-btn.active{background:#1a2332;border-bottom-color:#1a2332;color:#60a5fa;font-weight:600}.app-main--pipeline{background:#0d1117;min-height:calc(100vh - 120px);padding:0}.sub-tab-nav{border-bottom:1px solid #21262d;display:flex;gap:4px;margin-bottom:20px}.sub-tab-btn{background:#0000;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;color:#8b9ab3;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.sub-tab-btn:hover{background:#161b22;color:#e6edf3}.sub-tab-btn.active{background:#161b22;border-color:#21262d;color:#4ecb71}.tool-panel{background:#161b22;border:1px solid #21262d;border-radius:8px;margin-bottom:20px;padding:24px}.tool-panel h3{color:#4ecb71;font-size:16px;margin:0 0 4px}.tool-panel h4{color:#c9d1d9;font-size:14px;margin:16px 0 8px}.two-col-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:600px){.two-col-grid{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{color:#8b9ab3;font-size:12px;font-weight:600}.input-group input,.input-group select{background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#e6edf3;font-size:13px;padding:6px 10px}.input-group input:focus,.input-group select:focus{border-color:#4ecb71;outline:none}.result-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}.result-card{background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:12px}.result-card.highlight{border-color:#4ecb71}.result-card.highlight-fail{border-color:#e74c3c}.result-label{color:#8b9ab3;font-size:11px;margin-bottom:4px}.result-value{color:#e6edf3;font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:700}.result-note{color:#8b9ab3;font-size:11px;margin-top:2px}.info-box{background:#0d1117;border:1px solid #21262d;border-radius:6px;color:#8b9ab3;font-size:12px;line-height:1.6;padding:10px 14px}.info-box.warn{border-color:#f39c12;color:#f0a500}.info-box strong{color:#c9d1d9}.info-box ul{margin:4px 0 0 16px}.formula-box{background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-family:IBM Plex Mono,monospace;font-size:12px;margin-top:14px;padding:10px 14px}.status-banner{border-radius:6px;font-size:13px;line-height:1.5;padding:12px 16px}.status-banner.safe{background:#0f2e1a;border:1px solid #4ecb71;color:#4ecb71}.status-banner.warn{background:#2e1f00;border:1px solid #f39c12;color:#f0a500}.status-banner.danger{background:#2e0000;border:1px solid #e74c3c;color:#e74c3c}.stage-detail-card{background:#0d1117;border:1px solid #21262d;border-radius:6px;margin-bottom:12px;padding:16px}.stage-detail-header{color:#4ecb71;font-size:14px;font-weight:700;margin-bottom:10px}.kv{border-bottom:1px solid #161b22;display:flex;font-size:12px;justify-content:space-between;padding:2px 0}.kv span:first-child{color:#8b9ab3}.kv span:last-child{color:#e6edf3}.kv span:last-child,.stage-table{font-family:IBM Plex Mono,monospace}.stage-table{border-collapse:collapse;font-size:12px;width:100%}.stage-table th{background:#161b22;border-bottom:1px solid #21262d;color:#8b9ab3;font-size:11px;padding:6px 10px;text-align:left}.stage-table td{border-bottom:1px solid #0d1117;color:#e6edf3;padding:5px 10px}.stage-table td input{background:#0d1117;border:1px solid #30363d;border-radius:3px;color:#e6edf3;font-family:inherit;font-size:12px;padding:3px 6px}
/*# sourceMappingURL=main.4b47a40d.css.map*/