.intro{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--space-xl)}.calculator-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.mode-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--color-bg-alt);padding:4px;border-radius:var(--border-radius)}.mode-tab{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:calc(var(--border-radius) - 2px);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light);transition:all .2s;white-space:nowrap}.mode-tab:hover{color:var(--color-text)}.mode-tab.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-group.full-width{grid-column:1 / -1}.input-group label{font-weight:500;font-size:var(--font-size-sm)}.input-group .unit{color:var(--color-text-light);font-weight:400}.input-group input,.input-group select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--color-primary)}.input-group input:disabled{background:var(--color-bg-alt);color:var(--color-text-light)}.input-hint{font-size:var(--font-size-sm);color:var(--color-text-light)}.input-with-toggle{display:flex;gap:var(--space-xs)}.input-with-toggle input{flex:1;min-width:0}.unit-toggle{display:flex;background:var(--color-bg-alt);border-radius:var(--border-radius);padding:2px}.toggle-btn{padding:var(--space-xs) var(--space-sm);min-height:48px;min-width:48px;border:none;background:transparent;border-radius:calc(var(--border-radius) - 2px);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);transition:all .2s}.toggle-btn.active{background:#fff;color:var(--color-text);box-shadow:0 1px 2px #0000001a}.advanced-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.advanced-section summary{cursor:pointer;font-weight:500;color:var(--color-text-light);margin-bottom:var(--space-md)}.advanced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);align-items:start}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.calculator-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border);align-items:center;flex-wrap:wrap}.btn-secondary{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.error-box{margin-top:var(--space-lg);padding:var(--space-md);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#dc2626;font-size:var(--font-size-sm)}.warning-box{margin-top:var(--space-md);padding:var(--space-md);background:#fffbeb;border:1px solid #fde68a;border-radius:var(--border-radius);color:#b45309;font-size:var(--font-size-sm)}.results-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.result-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);background:var(--color-primary);color:#fff;padding:var(--space-lg);border-radius:var(--border-radius);margin-bottom:var(--space-lg);text-align:center}.result-main.profit-positive{background:#059669}.result-main.profit-negative{background:#dc2626}.result-main .result-label{font-size:var(--font-size-sm);opacity:.9;width:100%}.result-main .result-value{font-size:var(--font-size-3xl);font-weight:700}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.result-item{text-align:center;padding:var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.result-item.highlight{background:#ecfdf5;border:1px solid #a7f3d0}.result-item .label{display:block;font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-xs)}.result-item .value{display:block;font-size:var(--font-size-lg);font-weight:600}.result-detail{text-align:center;color:var(--color-text-light)}.chart-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.chart-section h2{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.chart-description{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.chart-container{position:relative;height:300px}.sensitivity-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.sensitivity-section h2{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.sensitivity-description{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.table-wrapper{overflow-x:auto}.sensitivity-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.sensitivity-table th,.sensitivity-table td{padding:var(--space-sm) var(--space-md);text-align:center;border:1px solid var(--color-border)}.sensitivity-table th{background:var(--color-bg-alt);font-weight:600}.sensitivity-table td{font-variant-numeric:tabular-nums}.sensitivity-table td.base{background:#ecfdf5;font-weight:600}.sensitivity-table td.not-viable{background:#fef2f2;color:#dc2626}.sensitivity-note{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center}.disclaimer{background:var(--color-bg-alt);padding:var(--space-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-xl)}.examples-section{margin-bottom:var(--space-xl)}.examples-section h2{margin-bottom:var(--space-lg)}.example-card{background:var(--color-bg-alt);padding:var(--space-lg);border-radius:var(--border-radius);margin-bottom:var(--space-lg);border-left:4px solid var(--color-primary)}.example-card h3{margin-top:0;color:var(--color-primary);font-size:var(--font-size-base)}.example-insight{margin-top:var(--space-sm);margin-bottom:0;padding:var(--space-sm) var(--space-md);background:#fff;border-radius:var(--border-radius);font-size:var(--font-size-sm)}.how-it-works-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg-alt);border-radius:var(--border-radius)}.how-it-works-section h2{margin-top:0}.scenarios-section{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.scenarios-section h2{margin-top:0;margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.scenarios-description{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.scenario-card{padding:var(--space-md);border-radius:var(--border-radius);border:2px solid var(--color-border);text-align:center}.scenario-card.pessimistic{border-color:#fca5a5;background:#fff5f5}.scenario-card.base{border-color:var(--color-primary);background:#eff6ff}.scenario-card.optimistic{border-color:#6ee7b7;background:#f0fdf4}.scenario-card .scenario-label{display:block;font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.scenario-card .scenario-units{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:2px}.scenario-card .scenario-revenue{display:block;font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-xs)}.scenario-card .scenario-margin{display:block;font-size:var(--font-size-sm);font-weight:500}.scenario-card.pessimistic .scenario-margin{color:#dc2626}.scenario-card.base .scenario-margin{color:var(--color-primary)}.scenario-card.optimistic .scenario-margin{color:#059669}.scenario-card .scenario-tag{display:inline-block;margin-top:var(--space-xs);font-size:11px;color:var(--color-text-light);background:#0000000d;border-radius:4px;padding:2px 6px}.scenario-not-viable{color:#dc2626;font-size:var(--font-size-sm)}.btn-export{padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;transition:all .2s}.btn-export:hover{background:var(--color-bg-alt);border-color:var(--color-text-light)}.saved-indicator{font-size:12px;color:#059669;display:none}@media (max-width: 640px){.calculator-card{padding:var(--space-md)}.mode-tabs{flex-direction:column}.input-grid{grid-template-columns:1fr}.result-main .result-value{font-size:var(--font-size-2xl)}.result-grid{grid-template-columns:1fr}.chart-container{height:250px}.sensitivity-table{font-size:12px}.sensitivity-table th,.sensitivity-table td{padding:var(--space-xs) var(--space-sm)}.scenarios-grid{grid-template-columns:1fr}}
