.input-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;margin:0 auto 2rem}.input-form h2{margin-top:0;color:#333;font-size:1.8rem}.form-description{color:#666;margin-bottom:1.5rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4caf50}.form-group input.error{border-color:#f44336}.error-message{display:block;color:#f44336;font-size:.875rem;margin-top:.25rem}.optional-label{font-weight:400;font-size:.8rem;color:#999}.calculate-button{width:100%;padding:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.calculate-button:hover:not(:disabled){background-color:#45a049}.calculate-button:disabled{background-color:#ccc;cursor:not-allowed}.results-display{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.results-header{text-align:center;margin-bottom:2rem}.results-header h2{margin-top:0;color:#333;font-size:1.8rem}.primary-message{font-size:1.2rem;color:#555;margin:1rem 0}.primary-message .highlight{color:#4caf50;font-size:1.4rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card{background:#f9f9f9;padding:1.5rem;border-radius:8px;text-align:center;border:2px solid #eee;transition:transform .2s,box-shadow .2s}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.result-label{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:500}.result-value{font-size:1.5rem;font-weight:700;color:#333}.result-value.highlight{color:#2196f3}.result-value.success{color:#4caf50}.results-note{text-align:center;padding:1rem;background:#f0f8ff;border-radius:4px;font-size:.95rem;color:#555}.results-note p{margin:0}@media (max-width: 768px){.results-grid{grid-template-columns:1fr 1fr}.result-value,.primary-message .highlight{font-size:1.2rem}}@media (max-width: 480px){.results-display{padding:1.5rem}.results-grid{grid-template-columns:1fr}}.growth-chart{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.chart-header{margin-bottom:2rem}.chart-header h3{margin-top:0;color:#333;font-size:1.6rem}.chart-description{color:#666;font-size:.95rem;line-height:1.6}.custom-tooltip{background:#fff;padding:1rem;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026}.tooltip-label{font-weight:700;color:#333;margin:0 0 .5rem;font-size:1rem}.tooltip-future{color:#ff6b6b;margin:.25rem 0;font-size:.9rem}.tooltip-invested{color:#4ecdc4;margin:.25rem 0;font-size:.9rem}.tooltip-returns{color:#4caf50;margin:.25rem 0;font-size:.9rem}.chart-disclaimer{margin-top:2rem;padding:1rem;background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px}.chart-disclaimer p{margin:0;font-size:.85rem;color:#666;line-height:1.5}@media (max-width: 768px){.growth-chart{padding:1.5rem}.chart-header h3{font-size:1.4rem}.chart-description{font-size:.9rem}}@media (max-width: 480px){.growth-chart{padding:1rem}}.sip-calculator .calculator-container{max-width:1200px;margin:0 auto}.error-box{background:#ffebee;border:2px solid #f44336;border-radius:8px;padding:1rem;margin-bottom:2rem;color:#c62828}.error-box strong{display:block;margin-bottom:.25rem}.accumulation-form{border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.accumulation-form legend{font-size:1.2rem;font-weight:600;color:#333;padding:0 .5rem}.withdrawal-form{border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.withdrawal-form legend{font-size:1.2rem;font-weight:600;color:#333;padding:0 .5rem}.field-hint{display:block;font-size:.8rem;color:#999;margin-top:.25rem}.journey-results-display{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.journey-results-display .results-header{text-align:center;margin-bottom:2rem}.journey-results-display .results-header h2{margin-top:0;color:#333;font-size:1.8rem}.depletion-warning{background:#fff3e0;border:2px solid #ff9800;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#e65100}.journey-results-display .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.journey-results-display .result-card{background:#f9f9f9;padding:1.5rem;border-radius:8px;text-align:center;border:2px solid #eee;transition:transform .2s,box-shadow .2s}.journey-results-display .result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.journey-results-display .result-label{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:500}.journey-results-display .result-value{font-size:1.5rem;font-weight:700;color:#333}.journey-results-display .result-value.highlight{color:#2196f3}.journey-results-display .result-value.success{color:#4caf50}.journey-results-display .result-value.depleted{color:#f44336}.journey-results-display .results-note{text-align:center;padding:1rem;background:#f0f8ff;border-radius:4px;font-size:.95rem;color:#555}.journey-results-display .results-note p{margin:0}@media (max-width: 768px){.journey-results-display .results-grid{grid-template-columns:1fr 1fr}.journey-results-display .result-value{font-size:1.2rem}}@media (max-width: 480px){.journey-results-display{padding:1.5rem}.journey-results-display .results-grid{grid-template-columns:1fr}}.journey-chart{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.journey-chart .chart-header{margin-bottom:2rem}.journey-chart .chart-header h3{margin-top:0;color:#333;font-size:1.6rem}.journey-chart .chart-description{color:#666;font-size:.95rem;line-height:1.6}.journey-tooltip{background:#fff;padding:1rem;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026}.journey-tooltip .tooltip-label{font-weight:700;color:#333;margin:0 0 .5rem;font-size:1rem}.journey-tooltip .tooltip-phase{color:#ff9800;margin:.25rem 0;font-size:.9rem}.journey-tooltip .tooltip-balance{color:#667eea;margin:.25rem 0;font-size:.9rem}.journey-tooltip .tooltip-amount{color:#4caf50;margin:.25rem 0;font-size:.9rem}.journey-chart .chart-disclaimer{margin-top:2rem;padding:1rem;background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px}.journey-chart .chart-disclaimer p{margin:0;font-size:.85rem;color:#666;line-height:1.5}@media (max-width: 768px){.journey-chart{padding:1.5rem}.journey-chart .chart-header h3{font-size:1.4rem}}@media (max-width: 480px){.journey-chart{padding:1rem}}.money-journey .calculator-container{max-width:1200px;margin:0 auto}.journey-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;margin:0 auto 2rem}.journey-form h2{margin-top:0;color:#333;font-size:1.8rem}.journey-form .form-description{color:#666;margin-bottom:1.5rem;font-size:.95rem}.journey-form .form-group{margin-bottom:1.5rem}.journey-form .form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.journey-form .form-group input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.journey-form .form-group input:focus{outline:none;border-color:#4caf50}.journey-form .form-group input.error{border-color:#f44336}.journey-form .error-message{display:block;color:#f44336;font-size:.875rem;margin-top:.25rem}.journey-form .optional-label{font-weight:400;font-size:.8rem;color:#999}.journey-form .calculate-button{width:100%;padding:1rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.journey-form .calculate-button:hover:not(:disabled){background-color:#5a6fd6}.journey-form .calculate-button:disabled{background-color:#ccc;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.app-container{max-width:1200px;margin:0 auto}.app-header{text-align:center;color:#fff;margin-bottom:2rem}.app-header h1{font-size:2.5rem;margin:0 0 .5rem;font-weight:700}.app-header .subtitle{font-size:1.1rem;opacity:.9;margin:0}.tab-navigation{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.tab-button{padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.5);border-radius:8px;background:#ffffff26;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.tab-button:hover{background:#ffffff40}.tab-button.active{background:#fff;color:#667eea;border-color:#fff}@media (max-width: 768px){.app-header h1{font-size:2rem}.app-header .subtitle{font-size:1rem}.App{padding:1.5rem .5rem}}@media (max-width: 480px){.app-header h1{font-size:1.75rem}.app-header .subtitle{font-size:.95rem}.App{padding:1rem .5rem}.tab-button{padding:.6rem 1rem;font-size:.9rem}}