.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo-image{height:100px;width:auto;object-fit:contain}@media(min-width:768px){.logo-image{height:250px}}.desktop-nav{display:none;gap:var(--spacing-sm)}@media(min-width:768px){.desktop-nav{display:flex}}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}.nav-link:hover{background:var(--color-surface-secondary);color:var(--color-text);text-decoration:none}.nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--spacing-xl);padding-bottom:100px}@media(min-width:768px){.main-content{padding-bottom:var(--spacing-xl)}}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-sm) 0;padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0));z-index:100}@media(min-width:768px){.mobile-nav{display:none}}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;font-size:.75rem;font-weight:500}.mobile-nav-item:hover{text-decoration:none}.mobile-nav-item.active{color:var(--color-primary)}.about-page{max-width:800px;margin:0 auto}.about-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.about-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0}.about-icon{color:var(--color-primary)}.about-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-content p{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.about-highlight{background:var(--color-primary-light);border-left:4px solid var(--color-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.about-highlight h2{font-size:1.25rem;font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-sm) 0}.about-highlight p{color:var(--color-text);margin:0}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.button-md{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.button-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.button-full{width:100%}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover:not(:disabled){background:#245224}.button-secondary{background:var(--color-surface-secondary);color:var(--color-text)}.button-secondary:hover:not(:disabled){background:var(--color-border)}.button-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button-outline:hover:not(:disabled){background:var(--color-primary-light)}.button-ghost{background:transparent;color:var(--color-text-secondary)}.button-ghost:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text)}.score-gauge{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.gauge-container{position:relative;width:220px}.gauge-svg{width:100%;height:auto}.score-value{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:3rem;font-weight:700}.score-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.calculate-page{max-width:1000px;margin:0 auto}.calculator-grid{display:grid;gap:var(--spacing-xl)}@media(min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}.left-column,.right-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text)}.section-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin-top:calc(var(--spacing-sm) * -1);margin-bottom:var(--spacing-lg)}.input-group{position:relative}.input-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.text-input{width:100%;padding:var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 28px);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background:var(--color-surface);transition:border-color .2s ease}.text-input:focus{outline:none;border-color:var(--color-primary)}.income-display{text-align:center;margin-bottom:var(--spacing-lg)}.income-value{font-size:2.5rem;font-weight:700;color:var(--color-primary)}.range-slider{width:100%;height:8px;appearance:none;background:var(--color-surface-secondary);border-radius:var(--radius-full);outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026}.range-slider::-moz-range-thumb{width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026}.range-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.spending-categories{display:flex;flex-direction:column;gap:var(--spacing-xl)}.category-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-header{display:flex;justify-content:space-between;align-items:center}.category-label{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500;color:var(--color-text)}.category-value{font-weight:600;color:var(--color-primary)}.inflation-header{display:flex;justify-content:space-between;align-items:center}.inflation-header .section-title{margin-bottom:0}.toggle{position:relative;display:inline-block;width:48px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-surface-secondary);border-radius:var(--radius-full);transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000001a}.toggle input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.inflation-rate{margin-top:var(--spacing-xl)}.rate-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.rate-value{font-weight:600;color:var(--color-warning)}.results-card{position:sticky;top:80px}.results-summary{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-item.highlight{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-sm)}.summary-label{color:var(--color-text-secondary)}.summary-value{font-weight:600;color:var(--color-text)}.summary-value.positive{color:var(--color-success)}.summary-value.negative{color:var(--color-error)}.summary-value.warning{color:var(--color-warning)}.breakdown-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-lg)}.breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.breakdown-category{color:var(--color-text-secondary)}.breakdown-amount{font-weight:600}.save-button{margin-top:var(--spacing-lg)}.modal h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.modal p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.modal .text-input{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.scenarios-page{max-width:900px;margin:0 auto}.page-header{margin-bottom:var(--spacing-2xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);margin-bottom:var(--spacing-xl)}.empty-state h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-secondary);max-width:400px}.scenarios-grid{display:grid;gap:var(--spacing-lg)}@media(min-width:640px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.scenarios-grid{grid-template-columns:repeat(3,1fr)}}.scenario-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.scenario-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.scenario-name{font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:1.3}.score-badge{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:.875rem}.scenario-location{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.875rem}.scenario-details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.detail-row{display:flex;justify-content:space-between;font-size:.875rem}.detail-label{color:var(--color-text-secondary)}.detail-value{font-weight:500}.scenario-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.scenario-date{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-secondary)}.delete-button{color:var(--color-error)}.delete-button:hover{background:#d32f2f1a}.account-page{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-lg)}.page-header p{color:var(--color-text-secondary);font-size:1rem}.subscription-card{background:linear-gradient(135deg,var(--color-primary) 0%,#1a4a1b 100%);color:#fff}.subscription-header{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.subscription-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-md)}.subscription-info h2{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.subscription-info p{font-size:.875rem;opacity:.9}.upgrade-button{background:#fff;color:var(--color-primary)}.upgrade-button:hover{background:var(--color-primary-light)}.section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg)}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-lg);margin:0 calc(var(--spacing-xl) * -1);padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);background:transparent;border:none;text-decoration:none;color:var(--color-text);cursor:pointer;transition:background .2s ease}.settings-row:first-of-type{margin-top:calc(var(--spacing-lg) * -1)}.settings-row:last-of-type{margin-bottom:calc(var(--spacing-xl) * -1)}.settings-row:hover{background:var(--color-surface-secondary);text-decoration:none}.settings-row-left{display:flex;align-items:center;gap:var(--spacing-lg)}.settings-row-content{display:flex;flex-direction:column;align-items:flex-start}.settings-label{font-weight:500}.settings-value{font-size:.875rem;color:var(--color-text-secondary)}.settings-chevron{color:var(--color-text-secondary)}.settings-row.danger,.settings-row.danger .settings-chevron{color:var(--color-error)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);z-index:1000}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:400px;width:100%}.modal h2{font-size:1.25rem;margin-bottom:var(--spacing-xl)}.currency-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.currency-option{display:flex;align-items:center;padding:var(--spacing-lg);background:var(--color-surface-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:all .2s ease}.currency-option:hover{background:var(--color-primary-light)}.currency-option.active{border-color:var(--color-primary);background:var(--color-primary-light)}.about-card{margin-top:var(--spacing-lg)}.about-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-primary)}.about-header .section-title{margin-bottom:0}.about-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.about-text:last-child{margin-bottom:0}.about-text.highlight{color:var(--color-text);font-weight:500;font-style:italic}.subscription-page{max-width:600px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-lg);margin-left:calc(var(--spacing-md) * -1);cursor:pointer;transition:color .2s ease}.back-button:hover{color:var(--color-text)}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.page-header p{color:var(--color-text-secondary);font-size:1.125rem}.plans-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(min-width:480px){.plans-grid{grid-template-columns:repeat(2,1fr)}}.plan-card{padding:0;position:relative;overflow:hidden;transition:border-color .2s ease}.plan-card.selected{border-color:var(--color-primary);border-width:2px}.plan-button{display:flex;flex-direction:column;width:100%;padding:var(--spacing-xl);background:transparent;border:none;text-align:left;cursor:pointer}.plan-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.plan-header{flex:1;margin-bottom:var(--spacing-lg)}.plan-name{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.plan-price{display:flex;align-items:baseline;gap:var(--spacing-xs)}.price-amount{font-size:2rem;font-weight:700;color:var(--color-text)}.price-period{color:var(--color-text-secondary)}.price-equivalent{font-size:.875rem;color:var(--color-success);margin-top:var(--spacing-xs)}.plan-radio{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:50%;margin-top:auto;transition:all .2s ease}.plan-radio.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.features-card{margin-bottom:var(--spacing-xl)}.features-card h2{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xl)}.features-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md)}.feature-icon{color:var(--color-success);flex-shrink:0}.subscribe-section{text-align:center}.subscribe-note{margin-top:var(--spacing-lg);font-size:.875rem;color:var(--color-text-secondary)}:root{--color-primary: #2C5F2D;--color-primary-light: #E8F5E9;--color-accent: #FF8A3C;--color-text: #1A1A1A;--color-text-secondary: #666666;--color-background: #FAFAF8;--color-surface: #FFFFFF;--color-surface-secondary: #F5F5F3;--color-border: #E0E0DD;--color-success: #2C5F2D;--color-warning: #FF8A3C;--color-error: #D32F2F;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}