@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */:root{--primary-color:#404040;--primary-color-light:#525252;--secondary-color:#262626;--accent-color:#171717;--neutral-50:#f7f5eb;--neutral-100:#f0ede1;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--text-color:#171717;--text-color-light:#404040;--text-color-muted:#737373;--heading-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition:all .2s cubic-bezier(.4,0,.2,1);--background:var(--neutral-50);--foreground:var(--text-color);--accent-primary:var(--primary-color);--accent-secondary:var(--neutral-500);--accent-tertiary:var(--neutral-600);--surface:#fff;--surface-accent:var(--neutral-200);--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--body-font);--font-mono:var(--body-font)}body{background:var(--background);color:var(--foreground);font-family:var(--body-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}input[type=text],input[type=number],input[type=email],select,textarea{border:1px solid var(--neutral-300);color:var(--text-color);border-radius:var(--border-radius);transition:var(--transition);font-size:1rem;line-height:1.5;font-family:var(--body-font);background-color:#fff;padding:.875rem}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4040401a}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--neutral-200);cursor:pointer;border:1px solid var(--neutral-300);border-radius:4px;width:100%;height:8px;margin:.5rem 0}input[type=range]::-webkit-slider-track{background:var(--neutral-200);border:1px solid var(--neutral-300);border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);-webkit-transition:var(--transition);transition:var(--transition);border:3px solid #fff;border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--neutral-600),var(--neutral-700));transform:scale(1.15)}input[type=range]::-moz-range-track{background:var(--neutral-200);border:1px solid var(--neutral-300);border-radius:4px;height:8px}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);-moz-transition:var(--transition);transition:var(--transition);border:3px solid #fff;border-radius:50%}input[type=checkbox]{accent-color:var(--primary-color);border-radius:4px;width:1.125rem;height:1.125rem;margin-right:.75rem}.checkbox-wrapper{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);transition:var(--transition);align-items:flex-start;gap:.5rem;margin:.75rem 0;padding:.75rem;display:flex}.checkbox-wrapper:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.checkbox-wrapper label{color:var(--text-color-light);cursor:pointer;margin:0;font-size:.875rem;line-height:1.4}button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition);font-weight:500;font-family:var(--body-font);border:1px solid #0000;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;display:inline-flex}button:hover{background:linear-gradient(135deg,var(--neutral-600),var(--neutral-500));box-shadow:var(--shadow-lg);transform:translateY(-2px)}button:active{background:linear-gradient(135deg,var(--neutral-700),var(--neutral-600));transform:translateY(0)}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-family:var(--heading-font);letter-spacing:-.025em;margin:0 0 1.5rem;font-weight:600;line-height:1.1}h1{letter-spacing:-.05em;margin-bottom:2rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.05}h2{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}h3{letter-spacing:-.02em;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}h4{font-size:1.25rem;font-weight:500}p{color:var(--text-color-light);margin-bottom:1.5rem;font-size:1.125rem;font-weight:400;line-height:1.7}.bg-surface-compact{border:1px solid var(--neutral-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:var(--transition);background-color:#fff;margin-bottom:1rem;padding:1.5rem}.bg-surface-compact:hover{box-shadow:var(--shadow-md)}.result-card-compact{border:1px solid var(--neutral-200);border-radius:var(--border-radius);transition:var(--transition);background:#fff;flex-direction:column;height:100%;padding:1rem;display:flex}.result-card-compact:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300);transform:translateY(-1px)}.result-card-title{color:var(--text-color);border-bottom:1px solid var(--neutral-200);text-align:center;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.result-value-section{flex-direction:column;flex:1;gap:.75rem;display:flex}.result-primary{flex-direction:column;align-items:center;gap:.25rem;display:flex}.result-secondary{background:var(--neutral-50);border-radius:var(--border-radius-sm);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.result-label{color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.result-label-small{color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.result-amount{font-size:1.5rem;font-weight:700;line-height:1.2}.result-amount-small{font-size:1rem;font-weight:600;line-height:1.2}.result-comparison{color:var(--text-color-muted);font-size:.75rem}.result-comparison-small{color:var(--text-color-muted);font-size:.7rem}.result-breakdown{color:var(--text-color-muted);text-align:center;margin-top:.25rem;font-size:.75rem}.result-status{border-top:1px solid var(--neutral-200);margin-top:auto;padding-top:.5rem}.status-indicator{text-align:center;font-size:.75rem;font-weight:500;display:block}.sip-contribution{text-align:center;font-size:.75rem;font-weight:500}.input-group{border:1px solid var(--neutral-200);border-radius:var(--border-radius);transition:var(--transition);background:#fff;margin-bottom:.75rem;padding:1.5rem}.input-group:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.input-group h3{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex}.input-group h3 i{color:var(--primary-color);font-size:.875rem}.form-field{margin-bottom:1rem}.form-field:last-child{margin-bottom:0}.slider-container{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);margin:.75rem 0;padding:.75rem}.slider-label{color:var(--text-color);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500;display:flex}.slider-value{color:var(--primary-color);background:var(--neutral-100);border-radius:var(--border-radius-sm);padding:.25rem .75rem;font-size:.875rem;font-weight:600}label{color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.status-sustainable{color:#10b981}.status-warning{color:#f59e0b}.status-danger{color:#ef4444}.status-info{color:var(--primary-color)}.text-muted{color:var(--text-color-muted)}.calculator-container-grid{background:var(--neutral-50);grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;max-width:1400px;min-height:100vh;margin:0 auto;padding:1rem;display:grid}@media (max-width:1024px){.calculator-container-grid{grid-template-columns:1fr;gap:1rem}}.input-panel,.results-panel{border:1px solid var(--neutral-200);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;height:-moz-fit-content;height:fit-content;padding:1.25rem;position:sticky;top:1rem}.panel-header{border-bottom:1px solid var(--neutral-200);margin-bottom:1.25rem;padding-bottom:.75rem}.panel-header h2{color:var(--text-color);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.panel-header p{color:var(--text-color-muted);margin:0;font-size:.8rem}.input-section{border-bottom:1px solid var(--neutral-100);margin-bottom:1rem;padding-bottom:.75rem}.input-section:last-child{border-bottom:none;margin-bottom:0}.input-section h3{color:var(--text-color);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.compact-inputs{flex-direction:column;gap:.75rem;display:flex}.input-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.input-row.single{grid-template-columns:1fr}.input-compact{flex-direction:column;gap:.25rem;display:flex}.input-compact label{color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.65rem;font-weight:500}.input-compact input{border:1px solid var(--neutral-300);border-radius:var(--border-radius-sm);transition:var(--transition);padding:.5rem;font-size:.8rem}.input-compact input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4040401a}.options-row{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.checkbox-compact{cursor:pointer;color:var(--text-color);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.checkbox-compact input[type=checkbox]{width:.875rem;height:.875rem;accent-color:var(--primary-color);margin:0}.checkbox-compact span{font-weight:500}.compact-sliders{flex-direction:column;gap:.75rem;display:flex}.slider-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.slider-row.single{grid-template-columns:1fr}.slider-compact{flex-direction:column;gap:.25rem;display:flex}.slider-compact label{color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.65rem;font-weight:500}.slider-with-value{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);align-items:center;gap:.5rem;padding:.5rem;display:flex}.slider-with-value input[type=range]{background:var(--neutral-200);border:none;flex:1;height:4px;margin:0}.value-display{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);text-align:center;min-width:2.5rem;padding:.125rem .375rem;font-size:.65rem;font-weight:600}.timeline-summary{text-align:center;color:var(--text-color-muted);background:var(--neutral-100);border-radius:var(--border-radius-sm);margin-top:.25rem;padding:.375rem;font-size:.7rem}.input-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.input-field.full-width{grid-column:1/-1}.input-field label{color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.input-field input{border:1px solid var(--neutral-300);border-radius:var(--border-radius-sm);width:100%;transition:var(--transition);padding:.75rem;font-size:.875rem}.input-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4040401a}.checkbox-group{flex-direction:column;gap:.75rem;display:flex}.checkbox-item{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem;display:flex}.checkbox-item:hover{background:var(--neutral-100);border-color:var(--neutral-300)}.checkbox-item input[type=checkbox]{width:1rem;height:1rem;margin:0}.checkbox-item label{color:var(--text-color);cursor:pointer;text-transform:none;letter-spacing:normal;margin:0;font-size:.75rem;font-weight:500}.slider-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.slider-field{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);padding:.75rem}.slider-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:flex}.slider-value{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.slider-field input[type=range]{width:100%;margin:0}.timeline-info{text-align:center;color:var(--text-color-muted);background:var(--neutral-100);border-radius:var(--border-radius-sm);margin-top:.75rem;padding:.5rem;font-size:.75rem}.metrics-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);transition:var(--transition);padding:1rem}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300);transform:translateY(-1px)}.metric-card.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:var(--neutral-400)}.metric-card.primary .metric-header h4,.metric-card.primary .metric-value .amount,.metric-card.primary .metric-value .comparison,.metric-card.primary .metric-value .breakdown{color:#fff}.metric-card.primary .status-badge{color:#fff;background:#fff3}.metric-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.metric-header h4{color:var(--text-color);margin:0;font-size:.875rem;font-weight:600}.status-badge{border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;font-size:.625rem;font-weight:600}.status-badge.sustainable{color:#166534;background:#dcfce7}.status-badge.warning{color:#92400e;background:#fef3c7}.status-badge.danger{color:#991b1b;background:#fee2e2}.metric-value{text-align:center;margin-bottom:.75rem}.metric-value .amount{color:var(--primary-color);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1.2;display:block}.metric-value .amount.sustainable{color:#10b981}.metric-value .amount.warning{color:#f59e0b}.metric-value .amount.danger{color:#ef4444}.metric-value .comparison,.metric-value .breakdown{color:var(--text-color-muted);font-size:.75rem;line-height:1.3;display:block}.metric-details{text-align:center;border-top:1px solid var(--neutral-200);padding-top:.75rem}.detail-item{color:var(--text-color-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.detail-item:last-child{margin-bottom:0}.detail-item.sustainable{color:#10b981}.detail-item.warning{color:#f59e0b}.detail-item.danger{color:#ef4444}.rule-explanation{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--border-radius-sm);padding:1rem}.rule-explanation h4{color:var(--text-color);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.rule-explanation p{color:var(--text-color-muted);margin:0 0 .75rem;font-size:.75rem;line-height:1.4}.tax-notice{border-radius:var(--border-radius-sm);background:#fef3c7;border:1px solid #f59e0b;padding:.5rem}.tax-notice span{color:#92400e;font-size:.75rem;font-weight:500}.calculator-container{background:var(--neutral-50);max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}