.roi{--roi-bg:#f7f7f7;--roi-fg:#0a0a0a;--roi-muted:#6b7280;--roi-border:#e5e7eb;--roi-card:#f9fafb;--roi-input-bg:#fff;--roi-input-border:#d1d5db;--roi-accent:#fe4c00;--roi-accent-hover:#e54400;--roi-green:#059669;--roi-radius:10px;--roi-radius-sm:8px;background:var(--roi-bg);color:var(--roi-fg);font-size:14px;line-height:1.5}.roi *,.roi :before,.roi :after{box-sizing:border-box}.roi .wrapper{width:100%;max-width:960px;margin:0 auto;padding:120px 24px 64px}.roi h1{letter-spacing:-.02em;font-size:42px;font-weight:500;line-height:1.2}.roi .subtitle{color:var(--roi-muted);letter-spacing:-.03em;max-width:500px;margin-top:6px;margin-bottom:48px;font-size:18px;line-height:1.5}.roi .section{border:1px solid var(--roi-border);border-radius:var(--roi-radius);background:#fff;margin-bottom:20px;padding:24px}.roi .section-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.roi .section-title{font-size:18px;font-weight:700}.roi .badge{background:var(--roi-fg);color:#fff;letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.roi .grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.roi .grid-2{grid-template-columns:1fr}}.roi .field-label{color:var(--roi-fg);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.roi .input-group{flex-direction:column;justify-content:flex-end;display:flex}.roi input[type=text],.roi input[type=number]{border:1.5px solid var(--roi-input-border);border-radius:var(--roi-radius-sm);background:var(--roi-input-bg);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:600;transition:border-color .15s}.roi input:focus{border-color:var(--roi-fg)}.roi input::-webkit-outer-spin-button,.roi input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roi input[type=number]{-moz-appearance:textfield}.roi .computed{background:var(--roi-card);border-color:var(--roi-border);color:var(--roi-fg);cursor:default}.roi .sales-row{background:var(--roi-card);border-radius:var(--roi-radius-sm);border:1px solid var(--roi-border);grid-template-columns:1.4fr 1fr .55fr .55fr 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:10px;padding:14px;display:grid}@media (width<=760px){.roi .sales-row{grid-template-columns:1fr 1fr;gap:8px}}.roi .sales-row-labels{grid-template-columns:1.4fr 1fr .55fr .55fr 1fr 1fr auto;gap:10px;margin-bottom:6px;padding:0 14px;display:grid}@media (width<=760px){.roi .sales-row-labels{display:none}}.roi .sales-row-labels span{color:var(--roi-muted);font-size:12px;font-weight:600}.roi .time-grid{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;display:grid}@media (width<=500px){.roi .time-grid{grid-template-columns:1fr 1fr}}.roi .btn{border-radius:var(--roi-radius-sm);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.roi .btn-accent{background:var(--roi-accent);color:#fff}.roi .btn-accent:hover{background:var(--roi-accent-hover)}.roi .btn-outline{color:var(--roi-fg);border:1.5px solid var(--roi-input-border);background:#fff}.roi .btn-outline:hover{background:var(--roi-card);border-color:var(--roi-fg)}.roi .btn-delete{color:var(--roi-muted);border:1.5px solid var(--roi-border);border-radius:var(--roi-radius-sm);cursor:pointer;white-space:nowrap;background:0 0;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.roi .btn-delete:hover{color:var(--roi-accent);border-color:var(--roi-accent)}.roi .btn-group{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.roi .result-card{background:var(--roi-card);border:1px solid var(--roi-border);border-radius:var(--roi-radius-sm);padding:16px 20px}.roi .result-label{color:var(--roi-muted);margin-bottom:2px;font-size:12px;font-weight:600}.roi .result-value{letter-spacing:-.5px;font-size:26px;font-weight:800}.roi .result-value.green{color:var(--roi-green)}.roi .result-value.accent{color:var(--roi-accent)}.roi .inline-results{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}@media (width<=500px){.roi .inline-results{grid-template-columns:1fr}}.roi .totals-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=500px){.roi .totals-grid{grid-template-columns:1fr}}.roi .footnote{color:var(--roi-muted);border-top:1px solid var(--roi-border);margin-top:20px;padding-top:14px;font-size:11px;line-height:1.6}.roi .toast{background:var(--roi-fg);color:#fff;border-radius:var(--roi-radius-sm);opacity:0;pointer-events:none;z-index:999;padding:12px 24px;font-size:13px;font-weight:600;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px)}.roi .toast.show{opacity:1;transform:translate(-50%)translateY(0)}.roi .uphead{color:var(--roi-fg);align-items:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:400;display:flex}.roi .uphead-dot{background:var(--roi-accent);border-radius:4px;flex-shrink:0;width:14px;height:8px}@media (width<=640px){.roi .wrapper{padding:96px 16px 48px}.roi h1{font-size:28px}.roi .subtitle{margin-bottom:32px;font-size:15px}.roi .section{padding:16px}.roi .section-title{font-size:16px}.roi .sales-row{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.roi .sales-row .btn-delete{grid-column:1/-1;justify-self:end}.roi .sales-row-labels{display:none}.roi .sales-row .field-label{display:block!important}.roi .time-grid{grid-template-columns:1fr 1fr;gap:10px}.roi .inline-results,.roi .totals-grid,.roi .grid-2{grid-template-columns:1fr}.roi .result-value{font-size:22px}.roi .btn-group{flex-direction:column}.roi .btn-group .btn,.roi .btn-group .btn-outline{text-align:center;width:100%}}@media (width<=380px){.roi h1{font-size:24px}.roi .subtitle{font-size:14px}.roi .time-grid,.roi .sales-row{grid-template-columns:1fr}.roi .sales-row .btn-delete{justify-self:stretch}}