:root{--bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-secondary: white;--text-primary: #111827;--text-secondary: #374151;--text-muted: #4b5563;--border-color: #e5e7eb;--input-bg: #fafafa;--input-hover-bg: white;--button-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--button-primary-hover: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--button-secondary: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);--button-secondary-hover: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);--shadow-light: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-button: 0 4px 15px rgba(59, 130, 246, .2);--shadow-button-hover: 0 8px 25px rgba(59, 130, 246, .3)}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--input-bg: #334155;--input-hover-bg: #475569;--button-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--button-primary-hover: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--button-secondary: linear-gradient(135deg, #475569 0%, #334155 100%);--button-secondary-hover: linear-gradient(135deg, #64748b 0%, #475569 100%);--shadow-light: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-button: 0 4px 15px rgba(59, 130, 246, .3);--shadow-button-hover: 0 8px 25px rgba(59, 130, 246, .4)}*{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;background:var(--bg-primary);min-height:100vh;line-height:1.6;color:var(--text-primary);padding:1rem;transition:all .3s ease}@media (min-width: 768px){body{padding:2rem}}.container{max-width:1200px;margin:0 auto}.card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-light);margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);transition:all .3s ease}@media (min-width: 768px){.card{padding:2rem}}.button{background:var(--button-primary);color:#fff;border:none;border-radius:12px;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-button);text-transform:capitalize;letter-spacing:.025em;min-width:120px;margin:.25rem}@media (min-width: 768px){.button{min-width:140px;margin:.5rem}}.button:hover{background:var(--button-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.button:active{transform:translateY(0)}.bg-blue-600{background:var(--button-primary-hover);box-shadow:0 6px 20px #2563eb66}.bg-gray-400{background:var(--button-secondary);box-shadow:0 4px 15px #9ca3af33}.bg-gray-400:hover{background:var(--button-secondary-hover);box-shadow:0 6px 20px #6b72804d}.theme-toggle{position:fixed;top:1rem;right:1rem;background:var(--button-primary);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-button);display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:1000}.theme-toggle:hover{background:var(--button-primary-hover);transform:scale(1.1);box-shadow:var(--shadow-button-hover)}.input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .2s ease;background:var(--input-bg);font-weight:500;color:var(--text-primary)}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;background:var(--input-hover-bg)}.input:hover{border-color:var(--text-muted);background:var(--input-hover-bg)}.grid{display:grid;gap:1.5rem}.grid-cols-2,.grid-cols-4{grid-template-columns:1fr}.input-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.grid{gap:2rem}.grid-cols-2,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.input-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.text-center{text-align:center}.text-xl{font-size:1.125rem;line-height:1.75rem}@media (min-width: 768px){.text-xl{font-size:1.25rem}}.text-2xl{font-size:1.25rem;line-height:1.75rem}@media (min-width: 768px){.text-2xl{font-size:1.5rem;line-height:2rem}}.text-3xl{font-size:1.5rem;line-height:2rem}@media (min-width: 768px){.text-3xl{font-size:1.875rem;line-height:2.25rem}}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.mb-6,.mb-8{margin-bottom:1.5rem}@media (min-width: 768px){.mb-8{margin-bottom:2rem}}.mt-8{margin-top:1.5rem}@media (min-width: 768px){.mt-8{margin-top:2rem}}.space-y-4>*+*{margin-top:1rem}.flex{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (min-width: 768px){.space-x-4{gap:1.5rem}}.text-blue-600{color:#2563eb}.text-blue-900{color:#1e3a8a}.text-gray-600{color:var(--text-muted)}.text-gray-700{color:var(--text-secondary)}.text-gray-900{color:var(--text-primary)}.text-red-600{color:#dc2626}.border-b{border-bottom:1px solid var(--border-color)}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-4{padding:1rem}.block{display:block}label{font-weight:600;color:var(--text-secondary);font-size:.95rem;letter-spacing:.025em;margin-bottom:.5rem}.text-green-600{color:#16a34a}.overflow-x-auto{overflow-x:auto}.space-y-6>*+*{margin-top:1.5rem}table{width:100%;border-collapse:collapse}thead{background-color:var(--input-bg);border-bottom:2px solid var(--border-color)}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-secondary)}.text-right{text-align:right}@media (max-width: 768px){table{font-size:.875rem}th,td{padding:.5rem}}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.schedule-controls{display:flex;gap:.5rem;flex-wrap:wrap}.schedule-controls .button{font-size:.875rem;padding:.625rem 1rem;min-width:auto}.schedule-table-container{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.table-scroll-container{overflow-x:auto}.schedule-table{width:100%;border-collapse:collapse;font-size:.875rem}.schedule-table th,.schedule-table td{padding:.5rem;text-align:right;border-bottom:1px solid var(--border-color)}.schedule-table th:first-child,.schedule-table td:first-child{text-align:left}.schedule-table th:nth-child(2),.schedule-table td:nth-child(2){text-align:left}.schedule-table th{background-color:var(--input-bg);font-weight:600;position:sticky;top:0;z-index:1;border-bottom:2px solid var(--border-color)}.schedule-table tbody tr:hover{background-color:#3b82f60d}.schedule-table .even-row{background-color:var(--bg-secondary)}.schedule-table .odd-row{background-color:var(--input-bg)}.schedule-table .even-row:hover,.schedule-table .odd-row:hover{background-color:#3b82f614!important}.schedule-summary{margin-top:1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.summary-item{background:var(--input-bg);padding:.75rem;border-radius:8px;border:1px solid var(--border-color);text-align:center}.summary-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.375rem;font-weight:500}.summary-value{font-size:1rem;font-weight:700;color:var(--text-primary)}@media (max-width: 768px){.schedule-header{flex-direction:column;align-items:stretch}.schedule-controls{justify-content:center}.schedule-table{font-size:.75rem}.schedule-table th,.schedule-table td{padding:.375rem}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.calculator-section{margin-bottom:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-light)}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.subsection-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;margin-top:1.25rem}.input-group{display:flex;flex-direction:column;gap:.375rem;align-items:stretch}.input-group label{font-weight:600;color:var(--text-secondary);font-size:.875rem;line-height:1.2}.input-help{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;line-height:1.3}.input-group input,.input-group select{width:100%;padding:.625rem;border:2px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.readonly-value{padding:.625rem;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;font-weight:600;color:var(--text-primary);font-size:.875rem}.results-grid{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:stretch}@media (min-width: 768px){.results-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}}@media (min-width: 1024px){.results-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.result-item{background:var(--input-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);text-align:center;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;min-height:80px}.result-item:hover{border-color:var(--text-muted);box-shadow:0 2px 8px #0000000d}.result-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500;line-height:1.2}.result-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.2}.result-value-large{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.1}.result-value-hero{font-size:2.5rem;font-weight:900;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.result-label-large{font-size:1rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.result-highlight{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid #3b82f6;border-radius:12px;padding:1rem;text-align:center;margin-top:1rem}.result-hint{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.info-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;padding:1rem}.info-title{font-size:1rem;font-weight:700;color:#0c4a6e;margin-bottom:.5rem}.info-content{font-size:.875rem;color:#075985;line-height:1.4}.info-content p{margin-bottom:.25rem}.total-payment{grid-column:1 / -1;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;margin-top:.5rem}.total-payment .result-value{font-size:1.5rem}@media (min-width: 768px){.total-payment{grid-column:span 2}}@media (min-width: 1024px){.total-payment{grid-column:span 3}}.chart-container{background:var(--bg-secondary);padding:.875rem;border-radius:8px;border:1px solid var(--border-color)}.advanced-calculator{max-width:1400px;margin:0 auto;padding:0 1rem 2rem}.advanced-calculator-header{text-align:center;margin-bottom:1rem;padding:1.25rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a}.page-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-description{font-size:1rem;opacity:.9;max-width:500px;margin:0 auto;line-height:1.5}.advanced-calculator-grid{display:grid;gap:1rem;margin-bottom:1.5rem}@media (max-width: 1023px){.advanced-calculator-grid{grid-template-columns:1fr}.inputs-column{order:1}.results-column{order:2;position:sticky;top:1rem;z-index:10}}@media (min-width: 1024px){.advanced-calculator-grid{grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);align-items:start}.results-column{position:sticky;top:2rem}}.inputs-column,.results-column,.schedule-section{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.scroll-to-schedule{padding:1rem;text-align:center;border-top:1px solid var(--border-color);background:var(--input-bg)}.scroll-to-schedule .button{width:100%;max-width:280px;font-weight:500}@media (max-width: 1023px){.scroll-to-schedule{position:sticky;bottom:0;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid var(--button-primary);box-shadow:0 -4px 20px #0000001a}.scroll-to-schedule .button{background:var(--button-primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #3b82f633;transition:all .2s ease}.scroll-to-schedule .button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}}html{scroll-behavior:smooth}.input:focus,.button:focus{outline:2px solid #3b82f6;outline-offset:2px}.schedule-table:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){:root{--border-color: #000;--text-muted: #333}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1023px){.results-column{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);margin-bottom:.75rem}.page-title{font-size:2rem}.page-description{font-size:1rem}.input{min-height:44px;font-size:16px}.button{min-height:44px;padding:.75rem 1rem}.advanced-calculator{padding:0 .75rem 1rem}.advanced-calculator-grid{gap:.75rem;margin-bottom:1rem}.chart-container{height:200px;padding:.5rem;overflow:hidden;max-width:100%}.card{padding:1rem;overflow:hidden}.schedule-section{margin-top:.5rem}.advanced-calculator{scroll-padding-top:1rem}}@media (max-width: 480px){.page-title{font-size:1.75rem}.advanced-calculator-header{padding:1.25rem .75rem}}.input-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media (min-width: 768px){.input-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.input-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (max-width: 480px){.input-grid{grid-template-columns:1fr;gap:.875rem}}.total-payment{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none}.total-payment .result-label,.total-payment .result-value{color:#fff}.table-note{text-align:center;padding:1rem;color:var(--text-muted);font-style:italic;background:var(--input-bg);border-top:1px solid var(--border-color)}.flip-number{display:inline-flex;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;letter-spacing:.02em}.total-payment-amount{font-size:1.1em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.orange-highlight{background:#f59e0b!important;background-color:#f59e0b!important;background-image:none!important;border:2px solid rgb(245,158,11)!important;color:#fff!important}