*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.block{display:block}.table{display:table}.hidden{display:none}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.main-content{margin:0 auto}.theme-toggle{position:relative}.theme-toggle-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.theme-toggle-button:hover{background-color:var(--color-bg-hover);transform:scale(1.1)}.theme-toggle-button:active{transform:scale(.95)}.theme-icon{height:24px;transition:all .5s ease;width:24px}.theme-icon.sun{color:var(--color-highlight)}.theme-icon.moon{color:var(--color-primary-dark)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-toggle-button:active .theme-icon{animation:rotate .5s ease-in-out}@media (max-width:768px){.theme-toggle-button{height:36px;width:36px}.theme-icon{height:20px;width:20px}}.header{background-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 2rem;position:relative}.header-container{align-items:center;display:flex;justify-content:space-between}.container,.header-container{margin:0 auto;max-width:1200px}.container{padding:0 1rem;width:100%}.logo{flex:1 1}.logo h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.logo-link{color:#fff;text-decoration:none}.main-nav{align-items:center;display:flex}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-left:1.5rem}.nav-item a{color:#fff;display:inline-block;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:opacity .3s ease}.theme-toggle-item{align-items:center;display:flex}.nav-item a:hover{opacity:.9}.nav-item a.active{color:#fff;font-weight:600}.nav-item a.active:after{background-color:#fff;border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;height:30px;padding:0;position:relative;width:30px;z-index:200}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background-color:#fff;border-radius:4px;height:3px;transition:all .3s;width:30px}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.menu-toggle.open .hamburger{background-color:initial}.menu-toggle.open .hamburger:before{top:0;transform:rotate(45deg)}.menu-toggle.open .hamburger:after{bottom:0;transform:rotate(-45deg)}.footer{background-color:var(--color-card);box-shadow:0 -1px 3px #0000000d;color:var(--color-text);margin-top:2rem;padding:1.5rem 1rem;text-align:center}.footer-links{margin-bottom:1rem}.footer-links a.active,.footer-links a:hover{color:var(--color-primary-dark);text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.875rem;padding-top:1rem}@media (max-width:768px){.header{padding:.75rem 1rem}.logo h1{font-size:1.25rem}.main-nav{background-color:var(--color-bg);box-shadow:0 4px 6px #0000001a;height:0;left:0;overflow:hidden;position:fixed;top:60px;transition:height .3s ease;width:100%;z-index:100}.main-nav.open{height:auto;padding:1rem 0}.nav-list{flex-direction:column;padding:0 1rem;width:100%}.nav-item{border-bottom:1px solid var(--color-border);margin:0;width:100%}.theme-toggle-item{border-bottom:none;display:flex;justify-content:center;margin-top:1rem}.nav-item a{color:var(--color-text);display:block;padding:1rem 0;width:100%}.nav-item a.active{color:var(--color-primary)}.nav-item a.active:after{display:none}.menu-toggle{display:block}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-links a{margin:0}}[data-theme=dark] .main-nav{background-color:var(--color-bg)}[data-theme=dark] .header{background-color:var(--color-primary-dark)}[data-theme=dark] .footer{background-color:var(--color-bg-subtle);color:var(--color-text)}[data-theme=dark] .sidebar{border-color:var(--color-border)}[data-theme=dark] .main-content,[data-theme=dark] .sidebar{background-color:var(--color-bg)}[data-theme=dark] .menu-toggle .hamburger,[data-theme=dark] .menu-toggle .hamburger:after,[data-theme=dark] .menu-toggle .hamburger:before{background-color:#fff}[data-theme=dark] button:not(.menu-toggle):not(.theme-toggle-button){background-color:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}[data-theme=dark] button:not(.menu-toggle):not(.theme-toggle-button):hover{background-color:var(--color-primary-dark)}[data-theme=dark] button:not(.menu-toggle):not(.theme-toggle-button):disabled{background-color:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .ad-banner{color:var(--color-text)}.ad-banner{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);margin:1rem 0;min-height:60px;padding:1rem;position:relative;text-align:center;transition:background-color .3s ease,border-color .3s ease;width:100%}.ad-banner.top{margin-bottom:1.5rem;margin-top:0}.ad-banner.bottom{margin-bottom:0;margin-top:1.5rem}.ad-banner.sidebar{margin:0 0 1.5rem}.ad-banner.content{margin:2rem 0}.ad-banner-inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ad-banner-label{border-bottom-left-radius:var(--radius);font-size:.7rem;opacity:.7;padding:2px 6px;position:absolute;right:0;top:0;z-index:1}.ad-banner-label,.ad-banner.ad-placeholder{background-color:var(--color-bg-subtle);color:var(--color-text-secondary)}.ad-banner.ad-placeholder{align-items:center;border-radius:var(--radius);display:flex;font-size:.9rem;font-style:italic;height:90px;justify-content:center;width:100%}.ad-banner.ad-blocked{background-color:var(--color-bg-subtle);border:1px dashed var(--color-border)}.ad-blocked-message{color:var(--color-text-secondary);font-size:.9rem;margin:0}[data-theme=dark] .ad-banner{background-color:var(--color-bg-subtle);border-color:var(--color-border)}[data-theme=dark] .ad-banner-label{background-color:var(--color-bg-subtle);color:var(--color-text-secondary)}[data-theme=dark] .ad-banner.ad-placeholder{background-color:var(--color-panel-bg);color:var(--color-text-secondary)}[data-theme=dark] .ad-blocked-message{color:var(--color-text-secondary)}@media (max-width:768px){.ad-banner{min-height:50px;padding:.75rem}.ad-banner.sidebar{max-width:100%;min-height:100px}.ad-banner.rectangle{max-width:100%}}@media print{.ad-banner{display:none!important}}.affiliate-banner{border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;display:flex;margin:1.5rem 0;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.affiliate-banner:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.affiliate-banner.theme-light{background-color:#fff;border:1px solid var(--color-border)}.affiliate-banner.theme-dark{background-color:#2a2f45;color:#fff}.affiliate-banner.theme-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.affiliate-banner.sidebar{flex-direction:column;max-width:300px}.affiliate-banner.content{flex-direction:row;margin-left:auto;margin-right:auto;max-width:800px;width:100%}.affiliate-banner.results{background-color:#f9fafb;border-left:4px solid var(--color-primary);flex-direction:row;width:100%}.banner-image{flex:0 0 auto}.affiliate-banner.sidebar .banner-image{height:150px;width:100%}.affiliate-banner.content .banner-image,.affiliate-banner.results .banner-image{height:150px;width:150px}.banner-image img{height:100%;object-fit:cover;width:100%}.banner-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem}.banner-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.banner-description{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.banner-button{align-self:flex-start;background-color:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .2s}.banner-button:hover{background-color:var(--color-primary-dark)}.theme-dark .banner-button{background-color:#fff;color:#2a2f45}.theme-dark .banner-button:hover{background-color:#f0f0f0}.theme-primary .banner-button{background-color:#fff;color:var(--color-primary)}.theme-primary .banner-button:hover{background-color:#f0f0f0}.banner-badge{background-color:#0009;border-radius:4px;color:#fff;font-size:.7rem;padding:.2rem .5rem;position:absolute;right:10px;top:10px;z-index:2}.theme-dark .banner-badge{background-color:#fff3}.affiliate-banner.investment{border-left-color:gold}.affiliate-banner.education{border-left-color:#4682b4}.affiliate-banner.tool{border-left-color:#3cb371}@media (max-width:768px){.affiliate-banner.content,.affiliate-banner.results{flex-direction:column}.affiliate-banner.content .banner-image,.affiliate-banner.results .banner-image{height:120px;width:100%}.banner-content{padding:.8rem}.banner-title{font-size:1rem}.banner-description{font-size:.85rem}.banner-button{padding:.5rem;text-align:center;width:100%}}.sidebar{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:300px}.sidebar-section{margin-bottom:1.5rem}.sidebar-title{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}@media (max-width:1024px){.sidebar{display:none}}.chart-container{background-color:var(--color-panel-bg);border-radius:var(--radius);height:100%;margin-top:2rem}.chart-container.placeholder{align-items:center;background-color:#f9fafb;border:2px dashed var(--color-border);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.chart-types{gap:1rem}.chart-header,.chart-types{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-title{color:var(--color-text);font-size:1.2rem;font-weight:600;margin:0}.chart-controls{align-items:center;display:flex;gap:1rem}.chart-type-selector{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;padding:.25rem}.chart-type-button{background:none;border:none;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.chart-type-button:hover{background-color:var(--color-bg-hover);color:var(--color-text)}.chart-type-button.active{background-color:var(--color-card-bg);box-shadow:var(--shadow-sm);color:var(--color-primary)}.chart-wrapper{height:400px;width:100%}.custom-tooltip{background-color:var(--color-chart-tooltip-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.75rem}.custom-tooltip.dark{background-color:var(--color-bg-subtle);border-color:var(--color-border)}.tooltip-time{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.9rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem}.tooltip-value{font-size:.875rem;margin:.25rem 0}.mobile-chart-data{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);display:none;margin-top:1.5rem;padding:1rem}.mobile-chart-data-items{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.mobile-chart-data-item{display:flex;flex-direction:column;text-align:center}.mobile-chart-label{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:.25rem}.mobile-chart-value{font-size:1rem;font-weight:600}.mobile-chart-time{color:var(--color-text);font-weight:500;margin-bottom:.75rem;text-align:center}@media (max-width:768px){.chart-container{margin-top:1.5rem;padding:1rem}.chart-wrapper{height:300px}.chart-header{align-items:flex-start;flex-direction:column;gap:.75rem}.chart-title{font-size:1.1rem}.mobile-chart-data{display:block}}@media (max-width:480px){.chart-container{padding:.75rem}.chart-wrapper{height:250px}.chart-controls{justify-content:space-between;width:100%}.chart-type-button{font-size:.8rem;padding:.4rem .5rem}.mobile-chart-data-items{gap:.5rem;grid-template-columns:1fr}.mobile-chart-data-item{flex-direction:row;justify-content:space-between;text-align:left}}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:var(--color-text-secondary)}[data-theme=dark] .recharts-legend-item-text{color:var(--color-text)!important}[data-theme=dark] .recharts-default-tooltip{background-color:var(--color-bg-subtle)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .recharts-tooltip-item-name,[data-theme=dark] .recharts-tooltip-item-value{color:var(--color-text)!important}.results-container{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);margin:2rem 0;overflow:hidden;padding:1.5rem;position:relative}.results-container h3{color:var(--color-text);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;position:relative}.results-container h3:after{background-color:var(--color-primary);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:80px}.results-layout,.results-main{display:flex;flex-direction:column;gap:1.5rem;width:100%}.primary-result{width:100%}.result-card.large{align-items:flex-start;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:380px;padding:1.5rem;transition:all .3s ease}.result-card.large .result-value{border-left:4px solid var(--color-primary);font-size:min(2.5rem,8vw);margin-top:.75rem;padding-left:1rem;position:relative}.secondary-results{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.secondary-results .result-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-sm);flex-basis:calc(33.333% - 1rem);flex-grow:1;flex-shrink:0;min-width:200px;padding:1.25rem;transition:all .3s ease}.tax-section{grid-gap:1rem;border-top:1px dashed var(--color-border);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:1rem}.tax-card{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-sm);padding:1.25rem}.result-title{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin-bottom:.75rem}.result-value{font-size:min(1.5rem,5vw);font-weight:700;overflow-wrap:break-word;transition:all .3s ease;word-break:break-word}.result-value.highlight{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary);color:#0000;font-size:min(2rem,7vw)}.result-value.highlight-secondary{background:linear-gradient(90deg,var(--color-secondary) 0,teal 100%);background:linear-gradient(90deg,var(--color-secondary) 0,var(--color-secondary-light,teal) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-secondary);color:#0000;font-size:min(1.75rem,6vw)}.result-card:hover,.tax-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme=dark] .result-card,[data-theme=dark] .tax-card{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}[data-theme=dark] .tax-section{border-color:var(--color-border-dark)}.result-card{animation:fadeIn .5s ease-out forwards}.result-card:first-child{animation-delay:.1s}.result-card:nth-child(2){animation-delay:.2s}.result-card:nth-child(3){animation-delay:.3s}@media (max-width:768px){.results-container{margin:1.5rem 0;padding:1.25rem}.secondary-results .result-card{flex:1 0 100%}.tax-section{grid-template-columns:1fr}}.color-preview-container{position:relative;width:100%}.color-preview-button{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;height:38px;justify-content:center;padding:0 10px;text-align:center;transition:border-color .2s,box-shadow .2s;width:100%}.color-preview-button:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px #6366f133}.color-value{font-family:monospace;font-size:.9rem;text-transform:uppercase}.color-modal-backdrop{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.color-modal{animation:zoomIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:400px;overflow-y:auto;position:relative;width:90%;z-index:100000}.color-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid var(--color-border);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:1}.color-modal-header h3{color:var(--color-text);font-size:1.2rem;font-weight:600;margin:0}.color-modal-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s}.color-modal-close:hover{color:var(--color-text)}.color-modal-content{background-color:#fff;padding:20px}.color-input-wrapper{margin-bottom:20px;text-align:center}.color-input-wrapper label{color:var(--color-text-light);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.color-preview-large{border:1px solid var(--color-border);border-radius:50%;cursor:pointer;height:100px;margin:0 auto 15px;overflow:hidden;position:relative;transition:transform .2s;width:100px}.color-preview-large:hover{transform:scale(1.05)}.color-input-large{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.color-hex-value{font-family:monospace;font-size:1rem;font-weight:600}.color-presets-section{margin-bottom:20px}.color-presets-section h4{color:var(--color-text-light);font-size:.9rem;font-weight:500;margin-bottom:12px;margin-top:0}.color-presets-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.color-preset-button{aspect-ratio:1/1;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.color-preset-button:hover{box-shadow:0 2px 5px #0000001a;transform:scale(1.1)}.color-rgb-controls{display:flex;gap:10px;margin-bottom:20px}.color-value-item{display:flex;flex:1 1;flex-direction:column}.color-value-item label{color:var(--color-text-light);font-size:12px;font-weight:600;margin-bottom:3px}.color-value-item input{border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;padding:8px;width:100%}.color-modal-footer{background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid var(--color-border);bottom:0;display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:10px;position:sticky}.color-modal-btn{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s,color .2s}.color-modal-btn.cancel{background-color:initial;color:var(--color-text)}.color-modal-btn.cancel:hover{background-color:#f3f4f6}.color-modal-btn.apply{border:none}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.color-modal{width:95%}.color-presets-grid{grid-template-columns:repeat(4,1fr)}}.scenarios-container{animation:fadeIn .5s ease-out;padding:1.5rem}.scenarios-container h2{color:var(--color-primary);margin-bottom:1.5rem;text-align:center}.scenarios-form{grid-gap:1rem;background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:1.5rem}@media (max-width:768px){.scenarios-form{grid-template-columns:1fr}}.custom-scenarios{margin-bottom:2rem}.custom-scenarios h3{border-bottom:1px solid var(--color-border);color:var(--color-primary);margin-bottom:1rem;padding-bottom:.5rem}.scenario-item{grid-gap:1rem;background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:1rem;grid-template-columns:3fr 2fr 1fr;margin-bottom:1rem;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.scenario-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}@media (max-width:768px){.scenario-item{grid-template-columns:1fr}}.scenarios-results{animation:slideUp .5s ease-out;background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:2rem;padding:1.5rem}.scenarios-results h3{color:var(--color-primary);margin-bottom:1.5rem;text-align:center}.scenarios-summary{margin-top:2rem;overflow-x:auto}.scenarios-table{border-collapse:collapse;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:1rem;overflow:hidden;text-align:left;width:100%}.scenarios-table td,.scenarios-table th{border-bottom:1px solid var(--color-border);padding:.75rem}.scenarios-table th{background-color:var(--color-bg-subtle);border-bottom:2px solid var(--color-border);font-weight:600;position:sticky;top:0}.scenarios-table td,.scenarios-table th{color:var(--color-text)}.scenarios-table tbody tr:hover{background-color:var(--color-bg-hover)}.scenarios-table tr:last-child td{border-bottom:none}.scenarios-table tr:hover td{background-color:var(--color-bg-hover)}.scenario-label{align-items:center;display:flex;font-weight:500;gap:8px}.color-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.custom-scenarios .calculate-button{animation:pulse 2s infinite;background:linear-gradient(to right,var(--color-primary),var(--color-primary-dark));font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.custom-scenarios .calculate-button:hover{animation:none;background:linear-gradient(to right,var(--color-primary-dark),var(--color-primary))}.period-buttons{display:flex;gap:.5rem;margin-top:.5rem}.period-preset-button{background-color:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem 1rem;text-align:center;transition:background-color .2s ease}.period-preset-button:hover{background-color:var(--color-primary-dark)}@media (max-width:768px){.scenarios-container,.scenarios-form,.scenarios-results{padding:1rem}.scenarios-table{font-size:.9rem}.scenarios-table td,.scenarios-table th{padding:.5rem}}.milestones-container{padding:1.5rem}.milestones-title{color:var(--color-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.section-title{color:var(--color-text);font-size:1.3rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.5rem;position:relative}.section-title:after{background-color:var(--color-primary);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.milestones-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.input-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1rem;transition:all .3s ease}.input-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.input-card label{color:var(--color-text);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-field{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a;outline:none}.input-field:disabled{background-color:var(--color-bg-subtle);cursor:not-allowed;opacity:.7}.target-values{margin-bottom:2.5rem}.target-items-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.target-item{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 2px 10px #0000000d;flex-basis:calc(33.333% - 1rem);flex-grow:1;flex-shrink:0;min-width:280px;overflow:hidden;transition:all .3s ease}.target-item:hover{box-shadow:0 8px 15px #00000014;transform:translateY(-3px)}.target-item.disabled{opacity:.7}.target-header{background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:1rem}.target-checkbox-wrapper,.target-header{align-items:center;display:flex}.custom-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-custom{background-color:var(--color-input-bg);border:2px solid var(--color-border);border-radius:4px;display:inline-block;height:18px;margin-right:8px;position:relative;transition:all .2s;width:18px}.custom-checkbox:checked~.checkbox-label .checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.custom-checkbox:checked~.checkbox-label .checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.custom-checkbox:focus~.checkbox-label .checkbox-custom{box-shadow:0 0 0 2px #6366f133}.target-icon{font-size:1.5rem;margin-left:.5rem}.target-inputs{padding:1rem}.input-group{margin-bottom:1rem}.input-group:last-child{margin-bottom:0}.input-group label{color:var(--color-text);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.calculate-button{align-items:center;border-radius:8px;box-shadow:0 4px 6px #6366f133;display:flex;font-size:1rem;justify-content:center;padding:1rem;transition:all .3s ease}.calculate-button:hover{background-color:#4f46e5;background-color:var(--color-primary-dark,#4f46e5);box-shadow:0 6px 10px #6366f14d}.button-icon{font-size:1.2rem;margin-right:10px}.milestones-results{animation:fadeIn .5s ease-in-out;margin-top:3rem}.chart-container{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.results-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25rem;margin:2rem 0}.result-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;flex-basis:calc(33.333% - 1.25rem);flex-direction:column;flex-grow:1;flex-shrink:0;max-width:calc(33.333% - 1.25rem);min-width:280px;overflow:hidden;transition:all .3s ease}.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.result-header{background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);padding:1rem}.result-header,.result-icon{align-items:center;display:flex}.result-icon{background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary);font-size:1.5rem;height:36px;justify-content:center;margin-right:.75rem;width:36px}.result-title{color:var(--color-text);font-size:1.1rem;font-weight:600}.result-content{flex:1 1;justify-content:space-between;padding:1rem}.result-content,.result-item{display:flex;flex-direction:column}.result-item{border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.75rem}.result-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-label{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.25rem}.result-value{color:var(--color-text);font-size:1rem;font-weight:600}.milestones-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.milestones-description p{margin-bottom:.5rem}.input-hint{font-size:.8rem;font-style:italic;margin-top:.25rem}.input-hint,.section-description{color:var(--color-text-secondary)}.section-description{font-size:.95rem;line-height:1.5;margin-bottom:1rem}@media (max-width:768px){.milestones-container{padding:1rem}.milestones-form{gap:1rem;grid-template-columns:1fr}.results-grid,.target-items-container{flex-direction:column}.result-card{margin-bottom:1rem;max-width:100%;width:100%}}.retirement-planner{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.retirement-planner-title{align-items:center;color:var(--color-primary-dark);display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:1rem;text-align:center}.retirement-intro{color:var(--color-text-secondary);margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.retirement-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:320px 1fr}.retirement-form{background-color:var(--color-bg-subtle);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.retirement-form-group{margin-bottom:1.25rem;position:relative}.retirement-form-group label{color:var(--color-text);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.retirement-form-group input[type=number]{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.retirement-form-group input[type=number]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f64d;outline:none}.input-suffix{color:var(--color-text-secondary);font-size:.9rem;position:absolute;right:12px;top:40px}.form-checkbox{align-items:center;display:flex;gap:.5rem}.form-checkbox input[type=checkbox]{height:18px;margin-top:0;width:18px}.form-checkbox label{font-size:.95rem;margin-bottom:0}.retirement-results{display:flex;flex-direction:column;gap:1.5rem}.retirement-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.retirement-stat-card{background-color:var(--color-card);border-radius:var(--radius);border-top:4px solid var(--color-primary);box-shadow:var(--shadow-sm);padding:1.25rem;text-align:center;transition:all .3s ease}.retirement-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.retirement-stat-title{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.retirement-stat-value{color:var(--color-primary-dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.retirement-stat-desc{color:var(--color-text-secondary);font-size:.85rem}.retirement-chart{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.retirement-chart h3{color:var(--color-text);font-size:1.1rem;margin-bottom:1rem;text-align:center}.retirement-tooltip{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 10px #00000026;padding:1rem}.tooltip-year{border-bottom:1px solid var(--color-border);color:var(--color-primary-dark);font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem}.tooltip-phase{font-size:.9rem;margin-bottom:.5rem}.tooltip-capital,.tooltip-expenses,.tooltip-income{font-size:.9rem;margin-bottom:.25rem}.retirement-tips{background-color:var(--color-bg-accent);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.retirement-tips h3{color:var(--color-primary);font-size:1.1rem;margin-bottom:1rem}.retirement-tips-list{padding-left:1.5rem}.retirement-tips-list li{font-size:.95rem;line-height:1.5;margin-bottom:.75rem}.retirement-tips-list strong{color:var(--color-primary)}@media (max-width:1024px){.retirement-content{gap:1.5rem;grid-template-columns:1fr}.retirement-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.retirement-form-group{margin-bottom:0}.form-checkbox{grid-column:1/-1}}@media (max-width:768px){.retirement-form{grid-template-columns:1fr}.retirement-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.retirement-planner{padding:1rem}.retirement-stats{grid-template-columns:1fr}.retirement-stat-value{font-size:1.3rem}.retirement-stat-desc{font-size:.8rem}}.export-container{animation:fadeIn .5s ease-out;background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 auto 2rem;max-width:800px;padding:2rem}.export-title{color:var(--color-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.export-description{color:var(--color-text-secondary);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.export-form{display:flex;flex-direction:column;gap:2rem}.export-section{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.export-section h3{color:var(--color-primary);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.export-section h3:after{background-color:var(--color-primary);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.form-group label{color:var(--color-text-secondary);font-size:.9rem}.export-input,.export-textarea{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.export-input:focus,.export-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.export-format-options{display:flex;gap:1rem;justify-content:space-between;margin-top:.5rem}.format-option{align-items:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:1rem;transition:all .3s ease}.format-option:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.format-option input[type=radio]{opacity:0;position:absolute}.format-option input[type=radio]:checked+.format-icon{color:var(--color-primary);transform:scale(1.2)}.format-option input[type=radio]:checked~.format-label{color:var(--color-primary);font-weight:600}.format-icon{font-size:2rem;margin-bottom:.5rem;transition:all .3s ease}.format-label{color:var(--color-text);font-size:.9rem;font-weight:500}.export-checkboxes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:.5rem}.export-checkbox{align-items:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.export-checkbox:hover{background-color:var(--color-bg-hover)}.export-checkbox input[type=checkbox]{height:18px;width:18px}.export-actions{margin-top:2rem}.export-actions,.export-button{display:flex;justify-content:center}.export-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;gap:.75rem;min-width:280px;padding:.875rem 2rem;transition:all .3s ease}.export-button:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.export-button:disabled{background-color:var(--color-bg-subtle);box-shadow:none;color:var(--color-text-secondary);cursor:not-allowed;transform:none}.export-icon{font-size:1.3rem}.export-tips{background-color:var(--color-bg-accent);border-left:4px solid var(--color-primary);border-radius:var(--radius);color:var(--color-text);font-size:.9rem;line-height:1.5;margin-top:2rem;padding:1rem 1.5rem}.export-tips strong{color:var(--color-primary)}@media (max-width:768px){.export-container{padding:1.5rem}.export-format-options{flex-direction:column;gap:.5rem}.export-checkboxes{grid-template-columns:1fr}}.tooltip-container{align-items:center;display:inline-flex;position:relative}.tooltip{background-color:#333;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:14px;line-height:1.4;max-width:250px;padding:8px 12px;position:absolute;text-align:center;transition:opacity .2s,visibility .2s;white-space:nowrap;width:max-content;z-index:1000}.tooltip-top{bottom:100%;margin-bottom:8px}.tooltip-bottom,.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-bottom{margin-top:8px;top:100%}.tooltip-left{margin-right:8px;right:100%}.tooltip-left,.tooltip-right{top:50%;transform:translateY(-50%)}.tooltip-right{left:100%;margin-left:8px}.tooltip:after{border-style:solid;border-width:5px;content:"";position:absolute}.tooltip-top:after{border-color:#333 #0000 #0000;left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom:after{border-color:#0000 #0000 #333;bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left:after{border-color:#0000 #0000 #0000 #333;left:100%;top:50%;transform:translateY(-50%)}.tooltip-right:after{border-color:#0000 #333 #0000 #0000;right:100%;top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.tooltip{transition:none}}.help-modal-overlay{align-items:center;background-color:var(--color-modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.help-modal{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:90vh;max-width:90%;width:500px}.help-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.help-modal-title{align-items:center;color:var(--color-primary);display:flex;font-size:1.25rem;gap:.5rem;margin:0}.help-modal-icon{font-size:1.25rem}.help-modal-close-button{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:.25rem .5rem}.help-modal-close-button:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.help-modal-content{color:var(--color-text);flex-grow:1;line-height:1.6;overflow-y:auto;padding:1.5rem}.help-modal-content h3{color:var(--color-primary);margin-bottom:.75rem;margin-top:1.5rem}.help-modal-content p{margin-bottom:1rem}.help-modal-content ul{margin:.75rem 0;padding-left:1.5rem}.help-modal-content li{margin-bottom:.5rem}.help-modal-content a{color:var(--color-primary);font-weight:500;text-decoration:none}.help-modal-content a:hover{text-decoration:underline}.help-modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:1rem 1.5rem}.help-modal-button{background-color:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.25rem}.help-modal-button:hover{background-color:var(--color-primary-dark)}[data-theme=dark] .help-modal,[data-theme=dark] .help-modal-footer,[data-theme=dark] .help-modal-header{background-color:#1a2235;background-color:var(--color-bg-dark,#1a2235);border-color:var(--color-border-dark)}[data-theme=dark] .help-modal-content{color:var(--color-text-dark)}[data-theme=dark] .help-modal-content strong{color:#fff;color:var(--color-text-strong-dark,#fff)}[data-theme=dark] .help-modal-close-button:hover{background-color:#ffffff1a;background-color:var(--color-bg-hover-dark,#ffffff1a)}[data-theme=dark] .help-modal-button{background-color:var(--color-primary)}[data-theme=dark] .help-modal-button:hover{background-color:var(--color-primary-light)}.help-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:transform .2s ease,background-color .2s ease;width:32px;z-index:10}.help-button:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.help-button:active{transform:scale(.95)}.help-button.floating{bottom:20px;font-size:20px;height:48px;position:fixed;right:20px;width:48px;z-index:100}.help-button.inline{display:inline-flex;margin-left:8px;vertical-align:middle}.help-button.tab{box-shadow:0 1px 3px #0003;font-size:12px;height:22px;position:absolute;right:-8px;top:-8px;width:22px}.help-button.header{font-size:14px;height:24px;margin-left:8px;width:24px}.help-button-icon{font-weight:700}.help-button-icon,.modal-backdrop{align-items:center;display:flex;justify-content:center}.modal-backdrop{animation:fadeIn .3s ease;background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.help-modal{animation:slideUp .4s ease-out forwards;background-color:#fff;border-radius:8px;box-shadow:0 6px 24px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow:hidden;position:relative;width:90%}.modal-header{align-items:center;background-color:var(--color-primary);border-bottom:1px solid var(--color-border);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;margin-left:10px;padding:0;transition:background-color .2s;width:32px}.close-button:hover{background-color:#fff3}.modal-content{overflow-y:auto;padding:20px}.modal-content h3{color:var(--color-primary);margin-bottom:16px;margin-top:0}.help-section{margin-bottom:20px}.help-section h4{color:var(--color-text);font-weight:600;margin-bottom:8px}.help-section ul,.help-tips ul{margin-bottom:16px;padding-left:20px}.help-section li,.help-tips li{line-height:1.4;margin-bottom:8px}.help-tips{background-color:#f8fafc;border-left:3px solid var(--color-primary);border-radius:4px;margin-top:24px;padding:12px 16px}.help-tips h4{color:var(--color-primary-dark);margin-top:0}.modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:12px 20px}.primary-button{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.primary-button:hover{background-color:var(--color-primary-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.help-button.floating{bottom:16px;height:40px;right:16px;width:40px}.help-button-icon{font-size:18px}.help-modal{max-height:90vh;width:95%}.modal-header h2{font-size:1.1rem}.modal-content{padding:16px}}@media (max-width:480px){.help-modal{border-radius:0;margin:0;max-height:98vh;width:100%}.modal-content{padding:12px}.help-section h4{font-size:.95rem}.help-section li,.help-section p,.help-tips li{font-size:.9rem}}.calculator-tabs{background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);border-radius:10px;display:flex;justify-content:space-between;overflow-x:auto;padding:.75rem}.calculator-tab{align-items:center;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:80px;margin:0 .25rem;min-width:160px;padding:1.5rem .75rem 1rem;position:relative;transition:all .3s ease}.calculator-tab .tab-help{pointer-events:auto;position:absolute;right:8px;top:8px;z-index:10}.calculator-tab .tab-content{align-items:center;display:flex;justify-content:center;margin-top:.5rem;width:100%}.calculator-tab .tab-number{align-items:center;background-color:var(--color-bg-tertiary);border-radius:50%;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;height:30px;justify-content:center;margin-right:.5rem;width:30px}.calculator-tab .tab-text{font-size:1rem;font-weight:600}.calculator-tab:hover:not(.disabled){border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.calculator-tab.active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:#fff}.calculator-tab.active .tab-number{background-color:#fff;color:var(--color-primary)}.calculator-tab.active .tab-text{color:#fff}.calculator-tab.disabled{cursor:not-allowed;opacity:.6}.calculator-tab:focus{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:#fff;outline:none}.calculator-tab:focus .tab-number{background-color:#fff;color:var(--color-primary)}.calculator-tab:focus .tab-text{color:#fff}[data-theme=dark] .calculator-tab{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}[data-theme=dark] .calculator-tab .tab-number{background-color:var(--color-bg-subtle);color:var(--color-text-light)}[data-theme=dark] .calculator-tab:hover:not(.disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary)}[data-theme=dark] .calculator-tab.active{background-color:var(--color-primary);border-color:var(--color-primary-light);color:#fff}[data-theme=dark] .calculator-tab.active .tab-number{background-color:#fff;color:var(--color-primary)}[data-theme=dark] .calculator-tab.active .tab-text{color:#fff}[data-theme=dark] .calculator-tab:focus{background-color:var(--color-primary);border-color:var(--color-primary-light);box-shadow:0 0 0 2px var(--color-primary-dark);color:#fff;outline:none}@media (max-width:900px){.calculator-tabs{flex-direction:column;gap:.75rem;overflow-x:visible;padding:.75rem}.calculator-tab{flex-direction:column;margin:0;min-width:auto;padding:1.25rem .75rem .75rem;width:100%}.calculator-tab .tab-content{flex-direction:row;justify-content:flex-start;padding-left:.5rem}.calculator-tab .tab-text{font-size:1rem;text-align:left}}@media (max-width:600px){.calculator-tabs{gap:.5rem;padding:.5rem}.calculator-tab{flex-direction:column;height:auto;min-height:60px;padding:1rem .5rem .5rem}.calculator-tab .tab-help{right:5px;top:5px}.calculator-tab .tab-number{font-size:.85rem;height:26px;width:26px}}.calculator-container{background-color:var(--color-calculator-container-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.calculator-content{padding:1.5rem}.calculator-form{background-color:var(--color-card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0 auto;max-width:800px;padding:2rem}.calculator-form h2{color:var(--color-primary);margin-bottom:1rem;text-align:center}.calculator-intro{color:var(--color-text);line-height:1.5;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:650px;text-align:center}.form-group{animation:fadeIn .5s ease-out;animation-fill-mode:both;margin-bottom:1.25rem;position:relative}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group label{align-items:center;display:flex;gap:.5rem}.form-group input,.form-group select{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f64d;outline:none}.form-group input:focus+.input-highlight{opacity:1}.input-highlight{background-color:var(--color-primary);bottom:0;height:2px;left:0;opacity:0;position:absolute;transition:opacity .3s ease;width:100%}.info-icon{align-items:center;background-color:#edf2f7;border-radius:50%;color:#4a5568;cursor:help;display:inline-flex;font-size:12px;height:18px;justify-content:center;width:18px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.interest-rate-buttons,.period-buttons,.tax-buttons,.tax-rate-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.interest-preset-button,.period-preset-button,.tax-preset-button{background-color:#edf2f7;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-size:.875rem;padding:.4rem .75rem;transition:all .2s ease}.interest-preset-button:hover,.period-preset-button:hover,.tax-preset-button:hover{background-color:#e2e8f0;border-color:#cbd5e0;transform:translateY(-1px)}.interest-preset-button:active,.period-preset-button:active,.tax-preset-button:active{transform:translateY(0)}.calculate-button{animation:pulse 2s infinite;background-color:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:block;font-weight:600;margin-top:1.5rem;padding:.75rem;transition:var(--transition);width:100%}.calculate-button:hover{animation:none;background-color:var(--color-primary-dark);box-shadow:var(--shadow);transform:translateY(-2px)}.calculate-button:active{transform:translateY(0)}.results-container{grid-gap:1.5rem;animation:fadeIn .5s ease-in-out;border-top:1px solid var(--color-border);display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:2rem;padding-top:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.tax-buttons{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:767px){.calculator-container{border-radius:var(--radius) var(--radius) 0 0;box-shadow:none;margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}.calculator-content{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.calculator-form h2{font-size:1.35rem}.calculator-intro,.form-group label{font-size:.95rem}.period-buttons,.tax-buttons{justify-content:space-between}.period-preset-button,.tax-preset-button{flex:1 1;font-size:.875rem;min-width:75px;text-align:center}.calculate-button{border-radius:0;bottom:0;box-shadow:0 -2px 10px #0000001a;margin:1rem -1rem -1rem;padding:1rem;position:sticky;width:calc(100% + 2rem);z-index:10}.form-group input{-webkit-appearance:none;appearance:none;font-size:1rem;padding:.875rem}.recharts-responsive-container{margin-left:-1rem;margin-right:-1rem;touch-action:pan-x pan-y;width:calc(100% + 2rem)!important}.recharts-wrapper{touch-action:pan-x pan-y}input[type=number]{font-size:16px!important}}@media (max-width:480px){.calculator-content{padding:.75rem}.calculator-form h2{font-size:1.25rem}.calculator-intro{font-size:.875rem}.form-group{margin-bottom:1rem}.results-grid{grid-template-columns:1fr}.results-card{margin-bottom:1rem}.calculate-button,.form-group input,.form-group select,.period-preset-button,.tax-preset-button{min-height:44px}}@media (max-height:500px) and (orientation:landscape){.calculator-tabs{position:static}.calculate-button{border-radius:var(--radius);margin:1rem 0 0;position:static;width:100%}.calculator-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.calculator-form h2,.calculator-intro{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.calculate-button,.form-group{animation:none!important}*{transition-duration:1ms!important}}.steps-guide{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.steps-guide-content{padding:1rem}.steps-guide-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.steps-guide-header h3{color:#0369a1;font-size:1.1rem;margin:0}.steps-guide-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:color .2s ease}.steps-guide-close:hover{color:#334155}.steps-guide-steps{display:flex;gap:1rem}.guide-step{align-items:center;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex:1 1;gap:.75rem;padding:.75rem;transition:all .3s ease}.guide-step.active{box-shadow:0 2px 5px #0000000d}.guide-step.active,.guide-step.completed{background-color:var(--color-bg-subtle);border-color:var(--color-primary-light)}.step-number{align-items:center;background-color:var(--color-border);border-radius:50%;color:var(--color-text);display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.guide-step.active .step-number,.guide-step.completed .step-number{background-color:var(--color-primary);color:#fff}.step-content{flex-grow:1}.step-title{color:var(--color-text);font-weight:600;margin-bottom:.25rem}.step-description{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:767px){.steps-guide-steps{flex-direction:column;gap:.5rem}}@media (max-width:480px){.step-title{font-size:.9rem}.step-description{font-size:.8rem}}[data-theme=dark] .calculator-container *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .chart-container,[data-theme=dark] .results-container{background-color:var(--color-panel-bg);border-color:var(--color-border)}[data-theme=dark] .calculator-intro,[data-theme=dark] .input-suffix{color:var(--color-text-secondary)}[data-theme=dark] input[type=number],[data-theme=dark] input[type=text],[data-theme=dark] select{background-color:var(--color-input-bg);border-color:var(--color-border);color:var(--color-text)}.page-content{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:2rem}.page-content h1{color:var(--color-primary);margin-bottom:1.5rem;text-align:center}.page-content h2{color:var(--color-text);font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.page-content section{margin-bottom:2rem}.page-content p{color:var(--color-text);line-height:1.6;margin-bottom:1rem}.page-content ul{margin-bottom:1rem;margin-left:1.5rem}.page-content ul li{color:var(--color-text);margin-bottom:.5rem}.page-content a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.page-content a:hover{color:var(--color-primary-light);text-decoration:underline}.footer-links a{color:var(--color-primary);margin:0 .5rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-primary-dark);text-decoration:underline}.footer-links a.active{font-weight:600;text-decoration:underline}.page-content .formula{background-color:var(--color-background-light);border-left:3px solid var(--color-primary);color:var(--color-text-dark);font-family:monospace}.page-content .formula,.page-content .highlight{border-radius:var(--radius-sm);margin:1rem 0;padding:1rem}.page-content .highlight{background-color:var(--color-background-highlight);border-left:3px solid var(--color-secondary)}@media (max-width:768px){.page-content{margin:0 1rem;padding:1.5rem}.page-content h1{font-size:1.8rem}.page-content h2{font-size:1.3rem}}.about-page{margin:0 auto;max-width:900px;padding:1rem}.page-container{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.page-header{margin-bottom:2rem;text-align:center}.page-header h1{color:var(--color-primary);font-size:2rem;margin-bottom:.5rem}.content-section{margin-bottom:2.5rem}.content-section h2{border-bottom:1px solid var(--color-border);color:var(--color-secondary);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.content-section p{color:var(--color-text);line-height:1.6;margin-bottom:1rem}.content-section ul{list-style-type:disc;margin-bottom:1rem;margin-left:1.5rem}.content-section li{color:var(--color-text);line-height:1.5;margin-bottom:.5rem}.content-section a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.content-section a:hover{color:var(--color-primary-light);text-decoration:underline}@media (max-width:768px){.page-container{padding:1.5rem}.page-header h1{font-size:1.8rem}.content-section h2{font-size:1.3rem}}.floating-help-button{align-items:center;animation:pulse 2s infinite;background-color:var(--color-primary);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;height:3.5rem;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:3.5rem;z-index:1000}.floating-help-button:hover{background-color:var(--color-primary-dark);box-shadow:0 6px 14px #00000040;transform:scale(1.05)}.floating-help-icon{font-size:1.5rem;font-weight:700}@keyframes pulse{0%{box-shadow:0 0 0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}@media (max-width:768px){.floating-help-button{bottom:1.5rem;height:3rem;right:1.5rem;width:3rem}.floating-help-icon{font-size:1.25rem}}[data-theme=dark] .floating-help-button{background-color:var(--color-primary);box-shadow:0 4px 10px #0000004d}[data-theme=dark] .floating-help-button:hover{background-color:var(--color-primary-light)}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-secondary:#10b981;--color-tertiary:#f59e0b;--color-background:#f9fafb;--color-text:#1f2937;--color-text-light:#6b7280;--color-border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius:0.375rem;--transition:all 0.3s ease}body{background-color:#f9fafb;background-color:var(--color-background);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex:1 1;margin:0 auto;max-width:1500px;width:100%}.main-content{flex:1 1;max-width:1200px;padding:2rem;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem}a{color:#6366f1;color:var(--color-primary);text-decoration:none;transition:all .3s ease;transition:var(--transition)}a:hover{color:#4f46e5;color:var(--color-primary-dark)}.button,button{background-color:#6366f1;background-color:var(--color-primary);border:none;border-radius:.375rem;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;line-height:1.5;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.button:hover,button:hover{background-color:#4f46e5;background-color:var(--color-primary-dark)}input,select,textarea{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--radius);display:block;font-size:1rem;line-height:1.5;padding:.5rem;transition:all .3s ease;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133;outline:none}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}@media (max-width:768px){.main-content{padding:1rem}}:root{--color-bg:#fff;--color-bg-subtle:#f8fafc;--color-bg-hover:#f1f5f9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-primary:#3b82f6;--color-primary-light:#93c5fd;--color-primary-dark:#1d4ed8;--color-highlight:#ff6b6b;--color-border:#e2e8f0;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-chart-grid:#e2e8f0;--color-chart-tooltip-bg:#fffffff2;--color-modal-overlay:#00000080;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius:8px;--radius-sm:4px;--transition-speed:0.3s;--color-card:#fff;--color-card-bg:#fff;--color-input-bg:#fff;--color-sidebar-bg:#f8fafc;--color-calculator-container-bg:#f9fafb;--color-panel-bg:#fff;--color-tab-bg:#fff;--color-footer-bg:#f1f5f9;--color-help-icon-bg:#0000000d;--color-help-icon-text:#1e293b;--color-background-light:#f1f5f9;--color-background-highlight:#e0f2fe;--color-text-dark:#0f172a;--color-formula-border:#dbeafe;--color-highlight-border:#93c5fd}[data-theme=dark]{--color-bg:#0f172a;--color-bg-subtle:#1e293b;--color-bg-hover:#334155;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-primary:#60a5fa;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-highlight:#ff6b6b;--color-border:#334155;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-chart-grid:#334155;--color-chart-tooltip-bg:#1e293bf2;--color-modal-overlay:#000000b3;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--color-card:#1e293b;--color-card-bg:#1e293b;--color-input-bg:#0f172a;--color-sidebar-bg:#0f172a;--color-calculator-container-bg:#0f172a;--color-panel-bg:#1e293b;--color-tab-bg:#1e293b;--color-footer-bg:#0f172a;--color-help-icon-bg:#ffffff1a;--color-help-icon-text:#f1f5f9;--color-background-light:#1e293b;--color-background-highlight:#0f3460;--color-text-dark:#f1f5f9;--color-formula-border:#1e40af;--color-highlight-border:#2563eb}.theme-card{background-color:#fff;background-color:var(--color-card-bg);border:1px solid #e2e8f0;border:1px solid var(--color-border)}.theme-card,.theme-panel{color:#1e293b;color:var(--color-text)}.theme-panel{background-color:#fff;background-color:var(--color-panel-bg)}.theme-bg{background-color:#fff;background-color:var(--color-bg)}.theme-bg,.theme-bg-subtle{color:#1e293b;color:var(--color-text)}.theme-bg-subtle{background-color:#f8fafc;background-color:var(--color-bg-subtle)}.theme-border{border:1px solid #e2e8f0;border:1px solid var(--color-border)}body{background-color:#fff;background-color:var(--color-bg);color:#1e293b;color:var(--color-text)}.formula{background-color:#f1f5f9;background-color:var(--color-background-light);border-left:3px solid #dbeafe;border-left:3px solid var(--color-formula-border);color:#1e293b;color:var(--color-text);font-family:Courier New,monospace;font-weight:700;text-align:center}.formula,.highlight{border-radius:4px;border-radius:var(--radius-sm);margin:1rem 0;padding:1rem}.highlight{background-color:#e0f2fe;background-color:var(--color-background-highlight);border-left:3px solid #93c5fd;border-left:3px solid var(--color-highlight-border)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}@media (prefers-reduced-motion:reduce){*{transition:none!important}}::selection{background-color:#3b82f6;background-color:var(--color-primary);color:#fff}
/*# sourceMappingURL=main.f2713245.css.map*/