.sip-calculator-container *{margin:0;padding:0;box-sizing:border-box}.sip-calculator-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:#111827;background:#fff;max-width:100%;overflow-x:hidden;padding:1rem}.sip-title-container{background:#2CEC00;color:#fff;text-align:center;padding:2rem 1rem;border-radius:.75rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.sip-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.sip-subtitle{font-size:1rem;opacity:.9;max-width:600px;margin:0 auto}.sip-calculator-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1)}.section-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.input-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-group input{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color 0.2s;background:#fff;min-height:44px}.input-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgb(37 99 235 / .1)}.input-group input:invalid{border-color:#dc2626}.error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem;min-height:1rem}.advanced-options{margin-bottom:1.5rem}.advanced-toggle{width:100%;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.875rem;font-weight:500;color:#374151;min-height:44px;transition:all 0.2s}.advanced-toggle:hover{border-color:#2563eb}.toggle-icon{transition:transform 0.2s}.advanced-toggle.active .toggle-icon{transform:rotate(180deg)}.advanced-content{margin-top:1rem;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem}.button-group{display:flex;justify-content:center;margin-top:1.5rem}.primary-button{background:#22c55e;color:#fff;border:none;border-radius:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color 0.2s;min-height:44px;min-width:160px;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-button:hover{background:#16a34a}.secondary-button{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color 0.2s;min-height:44px}.secondary-button:hover{background:#1d4ed8}.loading-spinner{display:none;font-size:.875rem}.sip-results-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.loading-indicator{text-align:center;padding:2rem}.spinner{border:3px solid #e5e7eb;border-top:3px solid #22c55e;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;text-align:center}.summary-card h3{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.summary-card .amount{font-size:1.25rem;font-weight:600;color:#111827}.progress-section{margin-bottom:2rem}.progress-section h3{font-size:1rem;margin-bottom:1rem;color:#374151}.progress-bar{display:flex;height:2.5rem;border-radius:.5rem;overflow:hidden;background:#e5e7eb}.progress-fill{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:500;transition:width 0.3s ease;padding:0 .5rem;text-align:center}.progress-fill.investment{background:#2563eb}.progress-fill.returns{background:#22c55e}.charts-section{margin-bottom:2rem}.charts-section h3{font-size:1rem;margin-bottom:1rem;color:#374151}.charts-container{display:grid;grid-template-columns:1fr;gap:1.5rem}.chart-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;height:300px}.detailed-breakdown{margin-bottom:2rem}.detailed-breakdown h3{font-size:1rem;margin-bottom:1rem;color:#374151}.breakdown-grid{display:grid;grid-template-columns:1fr;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.breakdown-item:last-child{border-bottom:none}.breakdown-item .label{font-size:.875rem;color:#6b7280}.breakdown-item .value{font-size:.875rem;font-weight:600;color:#111827}.timeline-section{margin-bottom:2rem}.timeline-section h3{font-size:1rem;margin-bottom:1rem;color:#374151}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.sip-table{width:100%;border-collapse:collapse;min-width:500px}.sip-table thead{background:#f9fafb}.sip-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.sip-table td{padding:.75rem;text-align:left;font-size:.875rem;color:#6b7280;border-bottom:1px solid #f3f4f6}.sip-table tr:last-child td{border-bottom:none}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}@media (min-width:481px){.sip-title{font-size:2rem}.summary-cards{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.sip-calculator-container{padding:2rem;max-width:1200px;margin:0 auto}.sip-title{font-size:2.25rem}.input-grid{grid-template-columns:repeat(2,1fr)}.charts-container{grid-template-columns:repeat(2,1fr)}.breakdown-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.summary-card{padding:1.25rem}.summary-card h3{font-size:1rem}.summary-card .amount{font-size:1.5rem}}@media (min-width:1024px){.sip-calculator-card{padding:2rem}}@media (max-width:360px){.sip-calculator-container{padding:.5rem}.sip-title-container{padding:1.5rem .5rem}.sip-title{font-size:1.5rem}.sip-calculator-card{padding:1rem}.primary-button,.secondary-button{width:100%;justify-content:center}.action-buttons{flex-direction:column}.action-buttons .secondary-button{width:100%}}@media print{.sip-calculator-container{padding:0}.primary-button,.secondary-button,.advanced-toggle,.input-group input{display:none}.sip-title-container{background:#2CEC00!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sip-calculator-card{border:none;box-shadow:none;padding:0}.summary-cards,.detailed-breakdown,.timeline-section{break-inside:avoid}.chart-wrapper{height:250px}}