*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}body{min-height:100vh;margin:0}#root{min-height:100vh}.app.light{--bg: #f8f9fa;--bg-panel: #ffffff;--bg-input: #f1f3f5;--bg-hover: #e9ecef;--bg-accent: #f0f4ff;--border: #dee2e6;--text: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--accent: #4361ee;--accent-light: #eef0ff;--success: #2d9a3f;--danger: #e5383b;--warning: #f59e0b;--bar-bg: #e9ecef}.app.dark{--bg: #0f1117;--bg-panel: #1a1d27;--bg-input: #252833;--bg-hover: #2a2d3a;--bg-accent: #1e2235;--border: #2e3140;--text: #e8e9ed;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #6366f1;--accent-light: #1e1e3f;--success: #4ade80;--danger: #f87171;--warning: #fbbf24;--bar-bg: #252833}.app{min-height:100vh;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:.5rem}.header-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.header-left h1{font-size:1.25rem;font-weight:700;white-space:nowrap}.header-right{display:flex;align-items:center;gap:.75rem}.app-main{display:grid;grid-template-columns:420px 1fr;gap:0;min-height:calc(100vh - 52px)}@media(min-width:1400px){.app-main{grid-template-columns:460px 1fr}}@media(max-width:900px){.app-main{grid-template-columns:1fr}}button{cursor:pointer;border:none;background:none;color:var(--text);font-family:inherit;font-size:inherit}.btn{padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;background:var(--accent);color:#fff;transition:opacity .15s}.btn:hover{opacity:.85}.btn--small{padding:.3rem .6rem;font-size:.75rem}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn--icon{font-size:1.2rem;padding:.25rem .5rem;border-radius:6px;background:var(--bg-input)}.mode-toggle,.currency-toggle{display:flex;background:var(--bg-input);border-radius:6px;overflow:hidden}.mode-toggle button,.currency-toggle button{padding:.3rem .75rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all .15s}.mode-toggle button.active,.currency-toggle button.active{background:var(--accent);color:#fff}.input-panel{background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;max-height:calc(100vh - 52px);padding-bottom:2rem}.input-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-panel);z-index:10}.input-panel-header h2{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.input-panel-actions{display:flex;gap:.4rem}.input-section{border-bottom:1px solid var(--border)}.section-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-accent);text-align:left}.section-toggle:hover{background:var(--bg-hover)}.toggle-arrow{font-size:.6rem;transition:transform .15s;display:inline-block}.toggle-arrow.open{transform:rotate(90deg)}.section-fields{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.4rem}.input-field{display:flex;align-items:center;gap:.5rem}.input-field label{flex:0 0 55%;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:5px;overflow:hidden;transition:border-color .15s}.input-wrapper:focus-within{border-color:var(--accent)}.input-prefix,.input-suffix{padding:.3rem .4rem;font-size:.75rem;color:var(--text-muted);background:var(--bg-hover);white-space:nowrap}.input-wrapper input{flex:1;width:100%;min-width:0;padding:.35rem .5rem;border:none;background:transparent;color:var(--text);font-size:.85rem;font-family:inherit;outline:none}.input-wrapper input::placeholder{color:var(--text-muted)}.output-panel{padding:1.5rem 2rem;overflow-y:auto;max-height:calc(100vh - 52px)}.empty-state{color:var(--text-muted);text-align:center;padding:3rem;font-size:1rem}.output-section{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;overflow:hidden}.output-section .section-toggle{background:transparent;padding:.85rem 1.1rem;font-size:.9rem}.section-content{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--border)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}.metric{display:flex;flex-direction:column;padding:.65rem .85rem;background:var(--bg-input);border-radius:6px;border:1px solid transparent}.metric--flag{border-color:var(--danger);background:#e5383b14}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:.15rem}.metric-value{font-size:1.2rem;font-weight:700;color:var(--text)}.health-flags{margin-top:.75rem;padding:.75rem;background:#e5383b0f;border:1px solid var(--danger);border-radius:6px}.health-flags h4{font-size:.8rem;color:var(--danger);margin-bottom:.4rem}.flag-item{font-size:.8rem;color:var(--danger);padding:.15rem 0}.top-opportunity{display:flex;flex-direction:column;align-items:center;padding:1.25rem;background:linear-gradient(135deg,var(--accent-light),var(--bg-accent));border-radius:8px;margin-bottom:1rem;text-align:center;border:1px solid var(--accent)}.top-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:700}.top-value{font-size:1.3rem;font-weight:800;color:var(--text);margin:.2rem 0}.top-impact{font-size:1.6rem;font-weight:800;color:var(--accent)}.opportunity-chart{display:flex;flex-direction:column;gap:.35rem}.bar-row{display:flex;flex-direction:column;gap:.1rem}.bar-label{display:flex;justify-content:space-between;align-items:baseline}.bar-lever{font-size:.8rem;color:var(--text-secondary);font-weight:600}.bar-ease{font-size:.65rem;color:var(--text-muted)}.bar-track{height:28px;background:var(--bar-bg);border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center}.bar-fill{height:100%;border-radius:4px;min-width:4px;transition:width .3s ease}.bar-value{position:absolute;right:8px;font-size:.8rem;font-weight:700;color:var(--text);text-shadow:0 0 4px var(--bg-panel)}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.cost-of-inaction{display:flex;flex-direction:column;gap:.75rem}.coi-toggle{display:flex;gap:.3rem;background:var(--bg-input);border-radius:6px;padding:.2rem;width:fit-content}.coi-btn{padding:.3rem .8rem;font-size:.8rem;font-weight:600;border-radius:4px;color:var(--text-secondary);transition:all .15s}.coi-btn.active{background:var(--accent);color:#fff}.coi-total{display:flex;flex-direction:column;padding:1rem;background:#e5383b0f;border:1px solid var(--danger);border-radius:8px;text-align:center}.coi-total-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.coi-total-value{font-size:2rem;font-weight:800;color:var(--danger)}.coi-items{display:flex;flex-direction:column;gap:.25rem}.coi-row{display:flex;justify-content:space-between;padding:.35rem .5rem;background:var(--bg-input);border-radius:4px;font-size:.8rem}.coi-lever{color:var(--text-secondary)}.coi-amount{font-weight:700;color:var(--danger)}.coi-message{font-size:.85rem;color:var(--text-secondary);font-style:italic}.breakeven-highlight{text-align:center;padding:1.25rem;background:linear-gradient(135deg,var(--accent-light),var(--bg-accent));border-radius:8px;border:1px solid var(--accent)}.breakeven-main{display:flex;flex-direction:column}.breakeven-number{font-size:3rem;font-weight:900;color:var(--accent);line-height:1}.breakeven-label{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.breakeven-detail{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.ltv-highlight{margin-top:.75rem;padding:.75rem 1rem;background:var(--bg-accent);border-radius:6px;font-size:.9rem;color:var(--text);border-left:3px solid var(--accent)}.roi-summary{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.roi-summary p{font-size:.9rem;color:var(--text-secondary);padding:.6rem .85rem;background:var(--bg-input);border-radius:6px;border-left:3px solid var(--success);line-height:1.5}.roi-summary strong{color:var(--text)}.scenario-category{margin-bottom:.75rem}.scenario-category h4{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.scenario-table{display:flex;flex-direction:column;gap:.2rem}.scenario-row{display:flex;justify-content:space-between;padding:.3rem .5rem;background:var(--bg-input);border-radius:4px;font-size:.8rem}.scenario-lever{color:var(--text-secondary)}.scenario-impact{font-weight:700;color:var(--success)}.input-panel::-webkit-scrollbar,.output-panel::-webkit-scrollbar{width:6px}.input-panel::-webkit-scrollbar-track,.output-panel::-webkit-scrollbar-track{background:transparent}.input-panel::-webkit-scrollbar-thumb,.output-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.lever-hint{margin-top:.75rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.bar-category{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.input-section--highlight .section-toggle{background:linear-gradient(135deg,var(--accent-light),var(--bg-accent));color:var(--accent);border-left:3px solid var(--accent)}.input-section--highlight .section-fields{background:var(--bg-accent);border-left:3px solid var(--accent)}.select-wrapper{flex:1;display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:5px;overflow:hidden;transition:border-color .15s}.select-wrapper:focus-within{border-color:var(--accent)}.select-wrapper select{flex:1;width:100%;padding:.35rem 1.5rem .35rem .5rem;border:none;background:transparent;color:var(--text);font-size:.8rem;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236c757d'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.content-gap-analysis{display:flex;flex-direction:column;gap:.75rem}.aspirational-note{padding:.6rem .85rem;background:var(--bg-accent);border-radius:6px;font-size:.85rem;color:var(--text-secondary);border-left:3px solid var(--accent)}.gap-cards{display:flex;flex-direction:column;gap:.6rem}.gap-card{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.gap-card--high{border-left:3px solid var(--danger)}.gap-card--medium{border-left:3px solid var(--warning)}.gap-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;gap:.75rem}.gap-card-title{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.gap-card-title h4{font-size:.85rem;font-weight:700;color:var(--text);margin:0}.gap-severity{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .4rem;border-radius:3px;white-space:nowrap}.gap-severity--high{background:#e5383b1f;color:var(--danger)}.gap-severity--medium{background:#f59e0b1f;color:var(--warning)}.gap-impact{font-size:1rem;font-weight:800;color:var(--success);white-space:nowrap}.gap-impact--flag{font-size:.75rem;font-weight:700;color:var(--warning)}.gap-context{padding:0 1rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.gap-detail{padding:.35rem 1rem 0;font-size:.8rem;color:var(--text-muted);font-style:italic;margin:0}.gap-breakdown{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.35rem}.gap-stat-row{display:flex;justify-content:space-between;padding:.3rem .5rem;background:var(--bg-panel);border-radius:4px;font-size:.8rem;color:var(--text-secondary)}.gap-stat-row span:last-child{font-weight:700;color:var(--text)}.gap-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.gap-tier{padding:.5rem .65rem;background:var(--bg-panel);border-radius:6px;display:flex;flex-direction:column;gap:.2rem}.gap-tier--highlight{border:1px solid var(--accent);background:var(--bg-accent)}.gap-tier-label{font-size:.7rem;color:var(--text-muted);font-weight:600}.gap-tier-value{font-size:.9rem;font-weight:700;color:var(--success)}.gap-note{font-size:.8rem;color:var(--text-muted);font-style:italic;margin:0;padding:.3rem 0}.gap-expand-btn{width:100%;padding:.4rem;font-size:.75rem;font-weight:600;color:var(--accent);background:transparent;border-top:1px solid var(--border);text-align:center;cursor:pointer;transition:background .15s}.gap-expand-btn:hover{background:var(--bg-hover)}.gap-total{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#2d9a3f0f,#2d9a3f1f);border:1px solid var(--success);border-radius:8px;text-align:center}.gap-total-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--text-secondary)}.gap-total-value{font-size:2rem;font-weight:800;color:var(--success)}.tier-section{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:1rem}.tier-section h4{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem}.tier-toggle{display:flex;background:var(--bg-panel);border-radius:6px;padding:.2rem;width:fit-content;margin-bottom:.75rem;gap:.2rem}.tier-btn{padding:.35rem .85rem;font-size:.8rem;font-weight:600;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.tier-btn.active{background:var(--accent);color:#fff}.tier-details{display:flex;flex-direction:column;gap:.35rem}.tier-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;padding:.4rem .6rem;background:var(--bg-panel);border-radius:4px}.tier-metric{font-size:.8rem;font-weight:600;color:var(--text)}.tier-value{font-size:1rem;font-weight:800;color:var(--accent);text-align:center}.tier-source{font-size:.7rem;color:var(--text-muted);text-align:right}.tier-source-note{font-size:.7rem;color:var(--text-muted);font-style:italic;margin-top:.3rem}.si-pricing-section{border:1px solid var(--border);border-radius:8px;overflow:hidden}.si-pricing-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.8rem;font-weight:700;color:var(--text-secondary);background:var(--bg-input);cursor:pointer;text-align:left}.si-pricing-toggle:hover{background:var(--bg-hover)}.si-pricing-content{padding:.75rem 1rem 1rem;border-top:1px solid var(--border)}.si-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.si-price-item{display:flex;justify-content:space-between;padding:.35rem .5rem;background:var(--bg-input);border-radius:4px;font-size:.8rem}.si-price-label{color:var(--text-secondary)}.si-price-value{font-weight:700;color:var(--text)}.si-typical{margin-top:.75rem}.si-typical p{font-size:.85rem;color:var(--text-secondary);margin:.3rem 0;line-height:1.5}.si-typical strong{color:var(--text)}@media(max-width:900px){.input-panel{max-height:none;border-right:none;border-bottom:1px solid var(--border)}.output-panel{max-height:none}.app-header{padding:.5rem 1rem}.header-left h1{font-size:.95rem}}