.calculator-container{width:100%;max-width:1200px;margin:0 auto;background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.calculator-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;padding:var(--spacing-2xl);text-align:center}.calculator-header h1{color:#fff;margin-bottom:var(--spacing-sm);font-size:2.5rem}.calculator-header .subtitle{font-size:1.125rem;opacity:.95;font-weight:400}.calculator-content{padding:var(--spacing-2xl)}.calculator-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-xs)}.tooltip{cursor:help;font-size:.875rem;opacity:.7;transition:opacity .2s ease}.tooltip:hover{opacity:1}.input-group input,.input-group select{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-sans);transition:all .2s ease;background:var(--color-background);color:var(--color-text)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.input-group input:hover,.input-group select:hover{border-color:var(--color-primary-light)}.error-message{background:#fef2f2;border:2px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500}.calculator-results{margin-top:var(--spacing-2xl)}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.result-card{background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-card h3{font-size:1rem;font-weight:500;color:var(--color-text-light);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2}.result-value.primary{color:var(--color-primary)}.result-value.secondary{color:var(--color-secondary)}.result-value.tertiary{color:var(--color-tertiary)}.result-label{font-size:.875rem;color:var(--color-text-light);margin:0}.chart-section{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.chart-section h3{margin-bottom:var(--spacing-lg);color:var(--color-text)}.pie-chart-container,.bar-chart-container{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.chart-loading{height:400px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:1rem}.breakdown-section{margin-top:var(--spacing-2xl)}.breakdown-section h3{margin-bottom:var(--spacing-lg);color:var(--color-text)}.breakdown-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;margin-bottom:var(--spacing-md);text-align:left}.breakdown-header:hover{background:var(--color-background);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.breakdown-header h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.expand-icon{font-size:.875rem;color:var(--color-text-light);transition:transform .2s ease;margin-left:var(--spacing-md);flex-shrink:0}.breakdown-table{overflow-x:auto;border-radius:var(--radius-md);border:2px solid var(--color-border)}.breakdown-table table{width:100%;border-collapse:collapse;background:var(--color-background)}.breakdown-table thead{background:var(--color-surface)}.breakdown-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.breakdown-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.breakdown-table tbody tr:hover{background:var(--color-surface)}.breakdown-table tbody tr:last-child td{border-bottom:none}.total-cell{font-weight:600;color:var(--color-primary)}.calculator-footer{background:var(--color-surface);padding:var(--spacing-xl);border-top:2px solid var(--color-border-light);text-align:center}.calculator-footer p{margin-bottom:var(--spacing-sm);color:var(--color-text-light);font-size:.875rem}.calculator-footer strong{color:var(--color-text)}.formula-explanation{font-size:.75rem;font-style:italic;margin-top:var(--spacing-sm)}.info-section{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-section h2{color:var(--color-text);font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg);margin-top:0;line-height:1.3}.info-section h3{color:var(--color-text);font-size:1.25rem;font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.4}.info-section p{color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-md);font-size:1rem}.info-section p:last-child{margin-bottom:0}.info-section strong{color:var(--color-text);font-weight:600}.info-section ul,.info-section ol{color:var(--color-text);line-height:1.7;margin-bottom:var(--spacing-md);margin-top:var(--spacing-sm);padding-left:var(--spacing-xl)}.info-section ul li,.info-section ol li{margin-bottom:var(--spacing-sm)}.info-section code{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-family:Courier New,monospace;font-size:.9em;color:var(--color-primary);display:inline-block;margin:var(--spacing-xs) 0}@media (max-width: 768px){.calculator-header{padding:var(--spacing-xl)}.calculator-header h1{font-size:1.75rem}.calculator-content{padding:var(--spacing-lg)}.calculator-inputs{grid-template-columns:1fr;gap:var(--spacing-md)}.results-summary{grid-template-columns:1fr}.result-value{font-size:1.5rem}.breakdown-table{font-size:.875rem}.breakdown-table th,.breakdown-table td{padding:var(--spacing-sm)}.pie-chart-container,.bar-chart-container{padding:var(--spacing-md)}.info-section{padding:var(--spacing-lg)}.info-section h2{font-size:1.5rem}.info-section h3{font-size:1.125rem}.info-section p{font-size:.9375rem}}@media (max-width: 480px){.calculator-header h1{font-size:1.5rem}.calculator-header .subtitle{font-size:1rem}.result-value{font-size:1.25rem}.info-section{padding:var(--spacing-md)}.info-section h2{font-size:1.25rem}.info-section h3{font-size:1rem}.info-section p{font-size:.875rem}.info-section ul,.info-section ol{padding-left:var(--spacing-lg)}}