body[data-v-4c49f880]{font-family:Arial,sans-serif;background:#f5f5f5;margin:0;padding:20px}.howitworks-container[data-v-4c49f880]{max-width:900px;margin:0 auto;padding:20px}.intro-text[data-v-4c49f880]{margin-bottom:100px;font-size:1.3rem;text-align:center;color:#555;line-height:1.4}.steps-grid[data-v-4c49f880]{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:40px;grid-column-gap:40px;margin-bottom:30px}.step-box[data-v-4c49f880]{background:#fff;border-radius:6px;padding:20px;position:relative;text-align:center}.step-icon[data-v-4c49f880]{width:120px;height:120px;margin:0 auto 10px}.step-header[data-v-4c49f880]{font-size:1.2em;margin-bottom:10px;font-weight:700;text-align:center}.step-box p[data-v-4c49f880]{margin:0;color:#555;line-height:1.5;text-align:center}.get-started-container[data-v-4c49f880]{text-align:center}.get-started-btn[data-v-4c49f880]{padding:10px 20px;font-size:1em;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.get-started-btn[data-v-4c49f880]:hover{background-color:#0056b3}.container[data-v-39b8bd9e]{max-width:600px;margin:0 auto}.totals[data-v-39b8bd9e]{margin-top:20px;font-size:1.2em}.container[data-v-4bf38259]{margin-top:20px}.b-tabs .nav-link.active[data-v-4bf38259]{background-color:#fff!important;color:#000!important}.content-container[data-v-4bf38259]{display:flex;flex-direction:column;align-items:center;padding:20px}.table-container[data-v-4bf38259]{width:100%;max-width:700px}.fuel-table[data-v-4bf38259]{width:100%;border-collapse:collapse}.fuel-table td[data-v-4bf38259],.fuel-table th[data-v-4bf38259]{padding:10px;text-align:center;border:1px solid #ddd}.fuel-table th[data-v-4bf38259]{background-color:#f2f2f2}.input-cell[data-v-4bf38259]{position:relative}.fuel-table input[type=number][data-v-4bf38259]{width:120px}.error-box[data-v-4bf38259]{position:absolute;left:0;right:0;top:100%;margin-top:4px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:4px 6px;font-size:.75rem;z-index:2}.is-invalid[data-v-4bf38259]{border-color:#dc3545!important}.cost-inputs[data-v-4bf38259]{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.change-rate[data-v-4bf38259]{display:flex;align-items:center;gap:8px}.change-rate input[type=number][data-v-4bf38259]{width:80px}.fuel-square[data-v-4bf38259]{display:inline-block;width:12px;height:12px;margin-right:8px;border:1px solid #000;vertical-align:middle}.cost-steps[data-v-4bf38259]{width:100%;max-width:700px;display:flex;align-items:center;justify-content:flex-start}.cost-steps-trigger[data-v-4bf38259]{display:inline-flex;align-items:center;cursor:help}.cost-steps-link[data-v-4bf38259]{text-decoration:underline;cursor:pointer}[data-v-4bf38259] .steps-popover{max-width:520px;font-size:.9rem}[data-v-4bf38259] .steps-popover ul{padding-left:18px;margin:0}[data-v-4bf38259] .steps-popover li{margin:3px 0}.error-box[data-v-438a4def]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px}.error-box[data-v-438a4def],.info-box[data-v-438a4def]{position:absolute;left:0;right:0;top:100%;margin-top:4px;padding:4px 6px;font-size:.75rem;z-index:2}.info-box[data-v-438a4def]{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;border-radius:4px}.is-invalid[data-v-438a4def]{border-color:#dc3545!important}.position-relative[data-v-438a4def]{position:relative}.fade-enter-active[data-v-438a4def],.fade-leave-active[data-v-438a4def]{transition:opacity .3s ease}.fade-enter-from[data-v-438a4def],.fade-leave-to[data-v-438a4def]{opacity:0}.heading-with-info[data-v-438a4def]{display:flex;align-items:center;gap:6px}.info-tooltip[data-v-438a4def]{position:relative;display:inline-block;cursor:pointer}.info-tooltip .tooltip-content[data-v-438a4def]{font-weight:400}.bars-table-container[data-v-438a4def]{display:grid;gap:5px}.tooltip-content[data-v-438a4def]{display:none;position:absolute;left:0;top:100%;margin-top:4px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:10px 14px;width:320px;z-index:1000;font-size:.875rem;line-height:1.35;text-align:left}.info-tooltip:focus-within .tooltip-content[data-v-438a4def],.info-tooltip:hover .tooltip-content[data-v-438a4def]{display:block}.bars-row[data-v-438a4def]{display:contents}.invisible-bar-space[data-v-438a4def]{width:310px}.stacked-bar[data-v-438a4def]{display:flex;flex-direction:column;background-color:#f0f0f0;border:1px solid #ccc;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;align-self:flex-end}.bar[data-v-438a4def]{width:100%;display:flex;justify-content:center;align-items:center;color:#fff;position:relative}.bar-label-text[data-v-438a4def]{position:absolute;text-align:center;font-size:10px;padding:1px}.drag-handle[data-v-438a4def]{width:100%;height:5px;background-color:#ccc;cursor:ns-resize}.top-handle[data-v-438a4def]{position:absolute;top:0;height:5px;background-color:#949393;cursor:ns-resize;z-index:1}.fuel-square[data-v-438a4def]{margin-right:8px;vertical-align:middle}.fuel-bar-container[data-v-438a4def]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;max-width:800px}.table-row-ammonia td[data-v-438a4def],.table-row-ch2 td[data-v-438a4def],.table-row-lh2 td[data-v-438a4def],.table-row-lng td[data-v-438a4def],.table-row-methanol td[data-v-438a4def],.table-row-mgo td[data-v-438a4def]{background-color:#fff}.total-row td[data-v-438a4def]{background-color:#eee;font-weight:700}.table-section[data-v-438a4def]{grid-column:1/-1}.table[data-v-438a4def]{width:100%;border-collapse:collapse}.table td[data-v-438a4def],.table th[data-v-438a4def]{padding:10px;text-align:center;border:1px solid #ddd}.table td[data-v-438a4def]:first-child{font-weight:700;padding-right:10px;text-align:left;min-width:300px}.table input[type=number][data-v-438a4def]{width:100px}.fuel-square[data-v-438a4def]{display:inline-block;width:12px;height:12px;border:1px solid #000}.cost-chart-container[data-v-19326958]{width:100%;height:100%}.cost-chart-container canvas[data-v-19326958]{width:100%!important;height:100%!important}.main-container[data-v-7b8beff8]{display:flex;flex-direction:column;gap:2rem}.chart-container[data-v-7b8beff8]{width:70%;margin:auto;padding:1rem 0;overflow:hidden}.chart-wrapper[data-v-7b8beff8]{position:relative;height:400px;width:100%}.chart-wrapper .chart-wrapper[data-v-7b8beff8]{height:400px}.stepper-container[data-v-572a7d40]{margin:2rem 0}.stepper[data-v-572a7d40]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:0 20px}.step-container[data-v-572a7d40]{display:flex;align-items:center;position:relative;flex-grow:1;text-align:center}.step-clickable[data-v-572a7d40]{display:flex;align-items:center;cursor:pointer}.disabled-step[data-v-572a7d40]{cursor:not-allowed;opacity:.6;pointer-events:none}.step[data-v-572a7d40]{width:50px;height:50px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;transition:background-color .3s,border-color .3s;flex-shrink:0;background-color:#fff;z-index:2;margin:0 auto}.step.active[data-v-572a7d40]{border-color:#007bff;background-color:#007bff;color:#fff}.step.completed[data-v-572a7d40]{border-color:#28a745}.completed-tick[data-v-572a7d40]{color:#28a745;font-size:1.5rem;font-weight:700}.step-label[data-v-572a7d40]{margin-left:10px;font-size:1rem;color:#555;max-width:100px;text-align:center}.step-line[data-v-572a7d40]{flex-grow:1;height:4px;background-color:#ccc;z-index:1}.step-content[data-v-572a7d40]{padding:2rem;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;margin-top:2rem;min-height:300px;height:auto;display:flex;justify-content:center;align-items:center}.results-step[data-v-572a7d40]{display:block;padding:0;justify-content:center;align-items:center}.step-footer[data-v-572a7d40]{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0}.step-footer.results-footer[data-v-572a7d40]{justify-content:flex-start}.step-footer.align-right[data-v-572a7d40]{justify-content:flex-end}.start-over-container[data-v-572a7d40]{text-align:center;margin-top:30px}.app-footer[data-v-3b300fa4]{flex-shrink:0;padding:14px 12px;text-align:center;font-size:.8rem;color:#666;background-color:#fafafa;border-top:1px solid #e0e0e0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c502c;margin-top:0}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1 0 auto}:root{--fuel-mgo:#007bff;--fuel-lh2:#28a745;--fuel-ch2:#17a2b8;--fuel-ammonia:#ffc107;--fuel-methanol:#dc3545;--fuel-lng:#6f42c1}.fuel-color-mgo{background-color:var(--fuel-mgo)}.fuel-color-lh2{background-color:var(--fuel-lh2)}.fuel-color-ch2{background-color:var(--fuel-ch2)}.fuel-color-ammonia{background-color:var(--fuel-ammonia)}.fuel-color-methanol{background-color:var(--fuel-methanol)}.fuel-color-lng{background-color:var(--fuel-lng)}.note-section{grid-column:1/-1;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:10px;font-size:.875rem;line-height:1.4;text-align:left}