@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.insightCard{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.insightHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.insightTitleRow{display:flex;align-items:center;gap:6px}.insightToneIcon{font-size:12px;opacity:.85;line-height:1}.insightTitle{margin:0;font-size:13px;font-weight:600;opacity:.95}.insightWhy{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;font-size:14px;opacity:.65;cursor:pointer;color:inherit;font-family:inherit;border-radius:8px;transition:opacity .15s ease}.insightWhy:hover{opacity:.9}.insightMessage{margin:0 0 8px;font-size:13px;line-height:1.4;opacity:.9}.insightHighlight{margin-top:6px;margin-bottom:2px}.insightHighlightValue{font-size:22px;font-weight:700;color:var(--brand-secondary-main);line-height:1.2}.insightSubtext{margin-top:2px;font-size:12px;opacity:.75;font-style:italic}.insightCta{margin-top:8px;display:inline-flex;font-size:13px;font-weight:500;color:var(--brand-neutral-white);opacity:.85;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff59;background:none;border:none;cursor:pointer;padding:0;font:inherit;transition:opacity .15s ease,text-decoration-color .15s ease}.insightCta:hover{opacity:1;text-decoration-color:#fff9}.tone-positive .insightHighlightValue{color:var(--brand-secondary-main)}.tone-warning .insightHighlightValue{color:#ffd25af2}.tone-warning.insightCard{border-color:#ffd25a33}.tone-neutral .insightHighlightValue{color:var(--brand-neutral-white);opacity:.95}:root{--brand-primary-main: #1d2849;--brand-primary-light: #2d3a5a;--brand-primary-dark: #0f1a2a;--brand-primary-contrast: #ffffff;--brand-secondary-main: #b7f9b7;--brand-secondary-light: #c7f9c7;--brand-secondary-dark: #a7f9a7;--brand-secondary-contrast: #1d2849;--brand-neutral-white: #ffffff;--brand-neutral-black: #111111;--brand-neutral-offwhite: #f8f8f8;--brand-neutral-gray-50: #f8f8f8;--brand-neutral-gray-100: #f0f0f0;--brand-neutral-gray-200: #e0e0e0;--brand-neutral-gray-300: #c0c0c0;--brand-neutral-gray-400: #a0a0a0;--brand-neutral-gray-500: #808080;--brand-neutral-gray-600: #606060;--brand-neutral-gray-700: #404040;--brand-neutral-gray-800: #202020;--brand-neutral-gray-900: #111111;--brand-semantic-success: #2d5a2d;--brand-semantic-warning: #f39c12;--brand-semantic-error: #e74c3c;--brand-semantic-info: #1d2849;--brand-font-primary: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--brand-font-secondary: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--brand-font-mono: "JetBrains Mono", Consolas, Monaco, monospace;--brand-font-weight-light: 300;--brand-font-weight-normal: 400;--brand-font-weight-medium: 500;--brand-font-weight-semibold: 600;--brand-font-weight-bold: 700;--brand-font-size-xs: .75rem;--brand-font-size-sm: .875rem;--brand-font-size-base: 1rem;--brand-font-size-lg: 1.125rem;--brand-font-size-xl: 1.25rem;--brand-font-size-2xl: 1.5rem;--brand-font-size-3xl: 1.875rem;--brand-font-size-4xl: 2.25rem;--brand-line-height-tight: 1.25;--brand-line-height-normal: 1.5;--brand-line-height-relaxed: 1.75;--brand-spacing-xs: .25rem;--brand-spacing-sm: .5rem;--brand-spacing-md: 1rem;--brand-spacing-lg: 1.5rem;--brand-spacing-xl: 2rem;--brand-spacing-2xl: 3rem;--brand-spacing-3xl: 4rem;--brand-radius-none: 0;--brand-radius-sm: .125rem;--brand-radius-base: .375rem;--brand-radius-md: .5rem;--brand-radius-lg: .75rem;--brand-radius-xl: 1rem;--brand-radius-full: 9999px;--brand-shadow-sm: 0 1px 2px 0 rgba(29, 40, 73, .05);--brand-shadow-base: 0 1px 3px 0 rgba(29, 40, 73, .1), 0 1px 2px 0 rgba(29, 40, 73, .06);--brand-shadow-md: 0 4px 6px -1px rgba(29, 40, 73, .1), 0 2px 4px -1px rgba(29, 40, 73, .06);--brand-shadow-lg: 0 10px 15px -3px rgba(29, 40, 73, .1), 0 4px 6px -2px rgba(29, 40, 73, .05);--brand-shadow-xl: 0 20px 25px -5px rgba(29, 40, 73, .1), 0 10px 10px -5px rgba(29, 40, 73, .04);--brand-transition-fast: .15s ease-in-out;--brand-transition-base: .2s ease-in-out;--brand-transition-slow: .3s ease-in-out;--color-elekti-green: #b7f9b7;--color-elekti-navy: #1d2849;--color-elekti-offwhite: #f8f8f8;--color-elekti-white: #ffffff;--bg-top: var(--brand-primary-main);--bg-bottom: var(--brand-primary-dark);--bg-glow: rgba(183, 249, 183, .05);--page-bg: radial-gradient(380px 240px at 20% 10%, var(--bg-glow), transparent 55%);--page-bg-solid: var(--brand-primary-main);--navy-gradient: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);--navy-gradient-light: linear-gradient(180deg, var(--brand-primary-light) 0%, var(--bg-bottom) 100%);--navy-accent: rgba(183, 249, 183, .1);--surface-card: var(--brand-primary-light)}.brand-primary-bg{background-color:var(--brand-primary-main)}.brand-primary-text{color:var(--brand-primary-main)}.brand-primary-border{border-color:var(--brand-primary-main)}.brand-secondary-bg{background-color:var(--brand-secondary-main)}.brand-secondary-text{color:var(--brand-secondary-main)}.brand-secondary-border{border-color:var(--brand-secondary-main)}.brand-font-primary{font-family:var(--brand-font-primary)}.brand-font-secondary{font-family:var(--brand-font-secondary)}.brand-font-mono{font-family:var(--brand-font-mono)}.btn-brand-primary{background:var(--navy-gradient);color:var(--brand-primary-contrast);border:2px solid var(--brand-primary-main);border-radius:var(--brand-radius-base);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-medium);transition:all var(--brand-transition-base);position:relative;overflow:hidden}.btn-brand-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(183,249,183,.2),transparent);transition:left .5s}.btn-brand-primary:hover:before{left:100%}.btn-brand-primary:hover{background:var(--navy-gradient-light);border-color:var(--brand-secondary-main);transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.btn-brand-secondary{background:var(--brand-secondary-main);color:var(--brand-secondary-contrast);border:2px solid var(--brand-secondary-main);border-radius:var(--brand-radius-base);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-medium);transition:all var(--brand-transition-base)}.btn-brand-secondary:hover{background:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark);transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.card-brand{background:var(--navy-gradient);color:var(--brand-neutral-white);border:1px solid var(--brand-primary-main);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow-sm);transition:all var(--brand-transition-base);position:relative;overflow:hidden}.card-brand:hover{box-shadow:var(--brand-shadow-md);transform:translateY(-2px);border-color:var(--brand-secondary-main)}.card-brand h3,.card-brand h4,.card-brand h5,.card-brand h6{color:var(--brand-neutral-white)}.card-brand p{color:var(--brand-neutral-offwhite)}.input-brand{border:2px solid var(--brand-neutral-gray-300);border-radius:var(--brand-radius-base);font-family:var(--brand-font-primary);transition:all var(--brand-transition-base);background:var(--brand-neutral-white)}.input-brand:focus{border-color:var(--brand-secondary-main);box-shadow:0 0 0 3px #b7f9b733;outline:none;background:var(--brand-neutral-white)}.heading-brand{font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-white);line-height:var(--brand-line-height-tight);background:var(--navy-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-brand.h1{font-size:var(--brand-font-size-4xl)}.heading-brand.h2{font-size:var(--brand-font-size-3xl)}.heading-brand.h3{font-size:var(--brand-font-size-2xl)}.heading-brand.h4{font-size:var(--brand-font-size-xl)}.heading-brand.h5{font-size:var(--brand-font-size-lg)}.heading-brand.h6{font-size:var(--brand-font-size-base)}.text-brand{font-family:var(--brand-font-primary);line-height:var(--brand-line-height-normal)}.text-brand-body{font-size:var(--brand-font-size-base)}.text-brand-small{font-size:var(--brand-font-size-sm)}.text-brand-large{font-size:var(--brand-font-size-lg)}.brand-spacing-xs{margin:var(--brand-spacing-xs)}.brand-spacing-sm{margin:var(--brand-spacing-sm)}.brand-spacing-md{margin:var(--brand-spacing-md)}.brand-spacing-lg{margin:var(--brand-spacing-lg)}.brand-spacing-xl{margin:var(--brand-spacing-xl)}.brand-radius-sm{border-radius:var(--brand-radius-sm)}.brand-radius-base{border-radius:var(--brand-radius-base)}.brand-radius-md{border-radius:var(--brand-radius-md)}.brand-radius-lg{border-radius:var(--brand-radius-lg)}.brand-radius-xl{border-radius:var(--brand-radius-xl)}.brand-radius-full{border-radius:var(--brand-radius-full)}.brand-shadow-sm{box-shadow:var(--brand-shadow-sm)}.brand-shadow-base{box-shadow:var(--brand-shadow-base)}.brand-shadow-md{box-shadow:var(--brand-shadow-md)}.brand-shadow-lg{box-shadow:var(--brand-shadow-lg)}.brand-shadow-xl{box-shadow:var(--brand-shadow-xl)}.brand-transition-fast{transition:all var(--brand-transition-fast)}.brand-transition-base{transition:all var(--brand-transition-base)}.brand-transition-slow{transition:all var(--brand-transition-slow)}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v12/XRXV3I6Li01BKofIOOaBXso.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v12/XRXW3I6Li01BKofIjsOUeqvN.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunitosans/v12/XRXW3I6Li01BKofImOueqvN.woff2) format("woff2")}*{font-family:var(--brand-font-primary)!important}.brand-font-mono,code,pre{font-family:var(--brand-font-mono)!important}.brand-logo{transition:all var(--brand-transition-base);filter:drop-shadow(0 2px 4px rgba(29,40,73,.1))}.brand-logo:hover{transform:scale(1.02);filter:drop-shadow(0 4px 8px rgba(29,40,73,.15))}.brand-icon{transition:all var(--brand-transition-base);filter:drop-shadow(0 1px 2px rgba(29,40,73,.1))}.brand-icon:hover{transform:scale(1.05);filter:drop-shadow(0 2px 4px rgba(29,40,73,.15))}.brand-header{display:flex;flex-direction:column;padding:var(--brand-spacing-lg) var(--brand-spacing-lg);padding-top:calc(env(safe-area-inset-top) + var(--brand-spacing-lg));background:transparent;border:none;margin-bottom:var(--brand-spacing-xl);position:relative;overflow:visible;z-index:100}.brand-header .brand-logo{height:60px;width:auto;position:relative;z-index:2}.brand-header .logo-title-group{display:flex;align-items:center;gap:var(--brand-spacing-md)}.brand-header h1{font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-bold);color:var(--brand-neutral-white);margin:0;font-size:var(--brand-font-size-3xl);position:relative;z-index:2}.header-language-row{display:flex;justify-content:flex-end;margin-bottom:var(--brand-spacing-sm);position:relative;z-index:1000}.header-main-row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.header-content{display:flex;align-items:center;gap:var(--brand-spacing-lg);position:relative;z-index:2}.header-actions{display:flex;align-items:center;gap:var(--brand-spacing-sm);margin-left:auto;position:relative;z-index:1000}.header-user-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--brand-neutral-white);cursor:pointer;transition:background .2s,color .2s}.header-user-btn:hover{background:#ffffff1a;color:var(--brand-secondary-main)}.header-user-btn:focus-visible{outline:2px solid var(--brand-secondary-main);outline-offset:2px}@media(max-width:900px){.brand-header{padding:var(--brand-spacing-md)}.header-language-row{margin-bottom:var(--brand-spacing-xs)}.header-main-row{align-items:center;justify-content:space-between}.header-content{gap:var(--brand-spacing-md)}.brand-header h1{font-size:var(--brand-font-size-2xl)}.help-btn{width:32px;height:32px;font-size:1rem}}.header-title-section{display:flex;align-items:center;gap:var(--brand-spacing-sm);position:relative;z-index:2}.help-btn{background:transparent;color:var(--brand-secondary-main);border:1px solid var(--brand-secondary-main);border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;opacity:.8;flex-shrink:0}.help-btn:hover{background:var(--brand-secondary-main);color:var(--brand-primary-main);opacity:1;transform:scale(1.05);box-shadow:0 2px 8px #b7f9b74d}.brand-footer{background:var(--navy-gradient);border-top:1px solid var(--brand-secondary-main);padding:var(--brand-spacing-xl) 0;margin-top:var(--brand-spacing-3xl);text-align:center;position:relative;overflow:hidden}.brand-footer .brand-logo{height:40px;width:auto;margin-bottom:var(--brand-spacing-md);position:relative;z-index:2}.brand-footer p{color:var(--brand-neutral-offwhite);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);margin:0;position:relative;z-index:2}.brand-card-accent{position:relative;overflow:hidden}.brand-card-accent:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-secondary-main)}.brand-card-accent:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:var(--brand-graphic-17, url(/lainalaskuri/brand/graphics/17.svg)) no-repeat center;background-size:contain;opacity:.1}.btn-brand-with-icon{display:flex;align-items:center;gap:var(--brand-spacing-sm);padding:var(--brand-spacing-md) var(--brand-spacing-lg);background:var(--navy-gradient);color:var(--brand-primary-contrast);border:none;border-radius:var(--brand-radius-base);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-medium);font-size:var(--brand-font-size-base);cursor:pointer;transition:all var(--brand-transition-base);text-decoration:none;position:relative;overflow:hidden}.btn-brand-with-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(183,249,183,.2),transparent);transition:left .5s}.btn-brand-with-icon:hover:before{left:100%}.btn-brand-with-icon:hover{background:var(--navy-gradient-light);transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.btn-brand-with-icon .brand-icon{filter:brightness(0) invert(1)}.btn-brand-primary:focus,.btn-brand-secondary:focus,.input-brand:focus{outline:2px solid var(--brand-secondary-main);outline-offset:2px}a{color:var(--brand-secondary-main);text-decoration:none;transition:all var(--brand-transition-base)}a:hover{text-decoration:underline;color:var(--brand-secondary-light)}.chart-primary{color:#e74c3c}.chart-secondary{color:var(--brand-secondary-main)}.surface-light{background:var(--brand-neutral-offwhite);color:var(--brand-primary-main)}.surface-dark{background:var(--navy-gradient);color:var(--brand-neutral-white)}.surface-dark .accent{color:var(--brand-secondary-main)}.navy-bg{background:var(--navy-gradient)}.navy-bg-light{background:var(--navy-gradient-light)}.navy-text{color:var(--brand-primary-main)}.navy-border{border-color:var(--brand-primary-main)}.white-text{color:var(--brand-neutral-white)}.white-bg{background:var(--brand-neutral-white)}.green-accent{color:var(--brand-secondary-main)}.green-accent-bg{background:var(--brand-secondary-main)}.green-accent-border{border-color:var(--brand-secondary-main)}.interactive-element{background:var(--navy-gradient);color:var(--brand-neutral-white);border:2px solid var(--brand-primary-main);transition:all var(--brand-transition-base)}.interactive-element:hover{background:var(--navy-gradient-light);border-color:var(--brand-secondary-main);transform:translateY(-2px);box-shadow:var(--brand-shadow-md)}.form-element{background:var(--brand-neutral-white);border:2px solid var(--brand-neutral-gray-300);color:var(--brand-primary-main);transition:all var(--brand-transition-base)}.form-element:focus{border-color:var(--brand-secondary-main);box-shadow:0 0 0 3px #b7f9b733;background:var(--brand-neutral-white)}.table-header{background:var(--navy-gradient);color:var(--brand-neutral-white)}.table-row:hover{background:var(--navy-accent)}.nav-item{color:var(--brand-neutral-white);background:transparent;transition:all var(--brand-transition-base)}.nav-item:hover,.nav-item.active{background:var(--navy-accent);color:var(--brand-secondary-main)}.annual-cost-chart{background:linear-gradient(135deg,var(--brand-primary-dark) 0%,var(--brand-primary-main) 100%);border-radius:var(--brand-radius-lg);padding:var(--brand-spacing-lg);box-shadow:var(--brand-shadow-xl);border:1px solid rgba(74,144,226,.2);position:relative;overflow:hidden}.annual-cost-chart:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-elekti-green),#4a90e2,var(--color-elekti-green));opacity:.8}.chart-container{position:relative;margin-top:var(--brand-spacing-md)}.chart-container svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all var(--brand-transition-base)}.chart-container svg:hover{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));transform:scale(1.01)}.chart-tabs{display:flex;gap:var(--brand-spacing-sm);margin-bottom:var(--brand-spacing-md);background:#ffffff0d;padding:var(--brand-spacing-sm);border-radius:var(--brand-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.chart-tabs .tab{background:transparent;color:var(--brand-neutral-white);border:1px solid rgba(255,255,255,.2);padding:var(--brand-spacing-sm) var(--brand-spacing-md);border-radius:var(--brand-radius-base);cursor:pointer;transition:all var(--brand-transition-base);font-weight:var(--brand-font-weight-medium);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chart-tabs .tab:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.chart-tabs .tab.active{background:var(--color-elekti-green);color:var(--brand-primary-main);border-color:var(--color-elekti-green);font-weight:var(--brand-font-weight-semibold);box-shadow:var(--brand-shadow-lg)}.chart-tabs .tab.active:hover{background:var(--brand-secondary-light);transform:translateY(-1px)}.chart-tabs.mobile .tab{padding:var(--brand-spacing-xs) var(--brand-spacing-sm);font-size:var(--brand-font-size-sm)}.annual-cost-chart h4{color:var(--brand-neutral-white);font-weight:var(--brand-font-weight-semibold);margin:0 0 var(--brand-spacing-md) 0;text-align:center;font-size:var(--brand-font-size-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.annual-cost-chart h4.mobile-title{font-size:var(--brand-font-size-base)}.no-data{color:var(--brand-neutral-gray-400);text-align:center;padding:var(--brand-spacing-xl);font-style:italic;background:#ffffff0d;border-radius:var(--brand-radius-md);border:1px dashed rgba(255,255,255,.2)}.chart path{transition:opacity var(--brand-transition-base)}.chart path:hover{opacity:1}@media(max-width:900px){.annual-cost-chart{padding:var(--brand-spacing-md)}.chart-tabs{flex-wrap:wrap;justify-content:center}.chart-tabs .tab{min-width:80px;text-align:center}}.header-controls{display:flex;align-items:center;gap:12px}.language-switcher{position:relative;display:flex;align-items:center;z-index:10000}.lang-globe-btn{padding:8px;border:1px solid var(--elekti-blue);background:transparent;color:var(--elekti-blue);border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative;z-index:10001}.lang-globe-btn:hover{background:var(--elekti-blue);color:#fff}.lang-globe-btn:focus{outline:2px solid var(--elekti-green);outline-offset:2px}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--brand-primary-main);border:1px solid var(--elekti-blue);border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:10002;min-width:140px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-option{display:flex;align-items:center;gap:8px;padding:10px 12px;width:100%;border:none;background:transparent;color:var(--brand-neutral-white);cursor:pointer;transition:all .2s ease;text-align:left;font-size:14px}.lang-option:hover{background:#b7f9b71a}.lang-option.active{background:#b7f9b733;color:var(--brand-secondary-main)}.lang-code{font-weight:600;min-width:28px}.lang-name{font-weight:400}:root{--bg: var(--brand-neutral-white);--fg: var(--brand-neutral-black);--muted: var(--brand-neutral-gray-600);--accent: var(--brand-primary-main);--danger: var(--brand-semantic-error);--success: var(--brand-semantic-success);--warning: var(--brand-semantic-warning);--radius: var(--brand-radius-lg);--space-1: var(--brand-spacing-sm);--space-2: var(--brand-spacing-md);--space-3: var(--brand-spacing-lg);--space-4: var(--brand-spacing-xl);--border: var(--brand-neutral-gray-200)}*{box-sizing:border-box}body{margin:0;font-family:var(--brand-font-primary);background-image:var(--page-bg);background-color:var(--page-bg-solid);background-repeat:no-repeat;background-attachment:fixed;color:var(--brand-neutral-white);min-height:100vh}.wrap{max-width:100%;width:100%;margin:0 auto;padding:var(--space-4);background:transparent;color:var(--brand-neutral-white);border-radius:var(--radius);margin-top:var(--space-3);margin-bottom:var(--space-3);position:relative;overflow:hidden}@media(max-width:899px){.wrap:has(.tool-header){padding-top:0}}@media(min-width:1200px){.wrap{max-width:1400px;margin-left:auto;margin-right:auto}}@media(min-width:1600px){.wrap{max-width:1600px}}@media(min-width:2000px){.wrap{max-width:1800px}}@media(min-width:1200px){.wrap{padding:calc(var(--space-4) * 1.5)}}@media(min-width:1600px){.wrap{padding:calc(var(--space-4) * 2)}}.wrap>*{position:relative;z-index:2}.wrap>.brand-header{z-index:100}h1{margin-bottom:var(--space-2)}.muted{color:var(--brand-neutral-offwhite)}.tool-header{position:sticky;top:0;z-index:50;background:transparent;border:none;padding-top:env(safe-area-inset-top);transition:height .18s ease-out,padding .18s ease-out;overflow:hidden}.tool-header.expanded{min-height:48px;height:auto;padding-bottom:0}.tool-header.collapsed{height:40px;padding-bottom:0}.tool-header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--brand-spacing-sm) var(--brand-spacing-md);min-height:100%;max-width:100%}.tool-header-back{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--brand-secondary-main);font-size:1.5rem;cursor:pointer;transition:all var(--brand-transition-base);flex-shrink:0;padding:0}.tool-header-back:hover{color:var(--brand-neutral-white);opacity:.9;transform:scale(1.08)}.tool-header-title{flex:1;text-align:center;font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-white);margin:0;font-size:var(--brand-font-size-xl);line-height:1.3;transition:opacity .18s ease-out,transform .18s ease-out;padding:0 var(--brand-spacing-md);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.tool-header.expanded .tool-header-title{opacity:1;transform:translateY(0);font-size:var(--brand-font-size-xl)}.tool-header.collapsed .tool-header-title{opacity:.95;transform:translateY(-2px);font-size:var(--brand-font-size-lg)}.tool-header-info{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;cursor:pointer;transition:all var(--brand-transition-base);flex-shrink:0;padding:0}.tool-header-info:hover{opacity:.9;transform:scale(1.1)}@media(max-width:899px){.wrap:has(.tool-header) .main-content{padding-top:40px;transition:padding-top .18s ease-out}.wrap:has(.tool-header.collapsed) .main-content{padding-top:34px}}@media(max-width:899px){.unified-header{display:none}.tool-header.expanded{min-height:46px;height:auto;padding-bottom:0}.tool-header.collapsed{height:38px;padding-bottom:0}.tool-header-content{padding:var(--brand-spacing-sm) var(--brand-spacing-md);min-height:100%}.tool-header-back{width:48px;height:48px;font-size:1.75rem}.tool-header-info{width:36px;height:36px;font-size:1.2rem}.tool-header-title{font-size:var(--brand-font-size-lg);padding:0 var(--brand-spacing-sm);line-height:1.3}.tool-header.collapsed .tool-header-title{font-size:var(--brand-font-size-base)}.wrap:has(.tool-header) .main-content{padding-top:38px}.wrap:has(.tool-header.collapsed) .main-content{padding-top:32px}.wrap:has(.tool-header) .main-content>.home-content{margin-top:0!important}}.unified-header{display:none}@media(min-width:900px){.unified-header{display:flex;align-items:center;justify-content:space-between;padding:var(--brand-spacing-md) var(--brand-spacing-lg);background:var(--navy-gradient);border-bottom:2px solid var(--brand-secondary-main);position:sticky;top:0;z-index:100;gap:var(--brand-spacing-md)}.unified-header-left{display:flex;align-items:center;gap:var(--brand-spacing-md);flex-shrink:0}.unified-header-back-link{background:transparent;border:none;color:var(--brand-secondary-main);font-size:var(--brand-font-size-base);font-weight:var(--brand-font-weight-semibold);cursor:pointer;padding:var(--brand-spacing-sm) var(--brand-spacing-md);border-radius:var(--brand-radius-md);transition:all var(--brand-transition-base);font-family:var(--brand-font-primary)}.unified-header-back-link:hover{background:#b7f9b71a;color:var(--brand-neutral-white)}.unified-header-center{flex:1;text-align:center}.unified-header-title{margin:0;font-size:var(--brand-font-size-xl);font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-white);font-family:var(--brand-font-primary)}.unified-header-right{display:flex;align-items:center;gap:var(--brand-spacing-md);flex-shrink:0}.unified-header-info{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;cursor:pointer;transition:all var(--brand-transition-base);padding:0;border-radius:var(--brand-radius-md)}.unified-header-info:hover{background:#b7f9b71a;transform:scale(1.1)}.brand-header.mobile-only,.tool-header.mobile-only{display:none}.wrap:has(.left-sidebar){display:grid;grid-template-columns:260px 1fr;grid-template-areas:"header header" "sidebar main";gap:var(--space-3);align-items:start}.wrap:not(:has(.left-sidebar)){display:block}.wrap:not(:has(.left-sidebar)) .main-content{max-width:800px;margin-left:auto;margin-right:auto;padding-left:var(--brand-spacing-lg);padding-right:var(--brand-spacing-lg)}.unified-header{grid-area:header}.left-sidebar{grid-area:sidebar;position:sticky;top:calc(var(--brand-spacing-md) * 2 + 60px);align-self:start;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.main-content{grid-area:main;max-width:1100px;padding-left:var(--brand-spacing-lg);padding-right:var(--brand-spacing-lg)}.wrap:has(.left-sidebar) .main-content{grid-area:main}.wrap:has(.unified-header) .main-content{padding-top:0}}.left-sidebar{display:none}@media(min-width:900px){.left-sidebar{display:block}.sidebar-nav{display:flex;flex-direction:column;gap:var(--brand-spacing-xs);background:#b7f9b70d;border-radius:var(--brand-radius-lg);padding:10px;border:1px solid rgba(183,249,183,.2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--brand-spacing-sm);padding:10px var(--brand-spacing-md);background:transparent;border:none;border-radius:var(--brand-radius-md);color:var(--brand-neutral-white);font-size:var(--brand-font-size-base);font-weight:var(--brand-font-weight-medium);font-family:var(--brand-font-primary);cursor:pointer;transition:all var(--brand-transition-base);text-align:left;width:100%}.sidebar-nav-item:hover:not(:disabled){background:#b7f9b71a;color:var(--brand-secondary-main)}.sidebar-nav-item:disabled{opacity:.5;cursor:not-allowed}.sidebar-nav-item.active{background:#b7f9b726;color:var(--brand-secondary-main);font-weight:var(--brand-font-weight-semibold)}.sidebar-nav-item-add{background:var(--brand-secondary-main);color:var(--brand-primary-main);font-weight:var(--brand-font-weight-semibold);margin-top:var(--brand-spacing-sm)}.sidebar-nav-item-add:hover{background:var(--brand-secondary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #b7f9b74d}.sidebar-nav-section{margin-top:10px}.sidebar-nav-section-header{font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-offwhite);text-transform:uppercase;letter-spacing:.5px;padding:var(--brand-spacing-xs) var(--brand-spacing-md);margin-bottom:var(--brand-spacing-xs)}.sidebar-nav-section-items{display:flex;flex-direction:column;gap:var(--brand-spacing-xs)}}@media(max-width:899px){.brand-header.mobile-only,.tool-header.mobile-only{display:block}.brand-header.mobile-only{padding:var(--brand-spacing-sm) var(--brand-spacing-md);padding-top:calc(env(safe-area-inset-top) + var(--brand-spacing-sm));margin-bottom:var(--brand-spacing-md)}.brand-header.mobile-only .brand-logo{height:44px!important;max-height:44px!important}.brand-header.mobile-only h1{font-size:var(--brand-font-size-xl)}}.show-my-loans-cta{margin-top:var(--space-4)}.show-my-loans-cta .show-my-loans-cta-btn{width:100%;display:block;text-align:center;font-size:1rem;padding:12px 24px;opacity:.92}.show-my-loans-cta .show-my-loans-cta-btn:hover{opacity:1}@media(min-width:900px){.show-my-loans-cta.mobile-only{display:none!important}}.select-loans-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);text-align:center;max-width:600px;margin:0 auto}.select-loans-message{font-size:1.1rem;color:var(--muted);margin-bottom:var(--space-4);line-height:1.6}.select-loans-prompt .show-my-loans-cta-btn{width:100%;max-width:300px;display:block;text-align:center;font-size:1rem;padding:12px 24px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.loan-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:var(--space-3);border-radius:var(--brand-radius-lg);overflow:hidden;box-shadow:var(--brand-shadow-md)}table.loan-table th,table.loan-table td{border-bottom:1px solid var(--brand-primary-main);text-align:left}.loan-table tbody tr:hover{background-color:#b7f9b70d;transition:background-color var(--brand-transition-base)}.loan-table tbody tr:last-child td{border-bottom:none}table.loan-table td{background:var(--brand-neutral-white);color:var(--brand-primary-main);padding:var(--space-3) var(--space-2);vertical-align:middle;border-right:1px solid rgba(183,249,183,.1);transition:all var(--brand-transition-base)}.loan-table td:first-child{text-align:center;border-left:none}.loan-table td:nth-child(2){text-align:left}.loan-table td:nth-child(3),.loan-table td:nth-child(4){text-align:center}.loan-table td:nth-child(5){text-align:center}.loan-table td:nth-child(6),.loan-table td:nth-child(7){text-align:center}.loan-table td:nth-child(8){text-align:center}.loan-table td:last-child{text-align:center;border-right:none}table.loan-table th{background:var(--brand-primary-main);color:var(--brand-neutral-white);position:sticky;top:0;z-index:1;border-bottom:4px solid var(--brand-secondary-main);padding:var(--space-3) var(--space-2);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-sm);letter-spacing:.5px;text-align:center;vertical-align:middle}.loan-table th:first-child{border-left:none;text-align:center;width:80px}.loan-table th:nth-child(2){text-align:center;width:140px}.loan-table th:nth-child(3),.loan-table th:nth-child(4){text-align:center;width:120px}.loan-table th:nth-child(5){text-align:center;width:140px}.loan-table th:nth-child(6),.loan-table th:nth-child(7){text-align:center;width:120px}.loan-table th:nth-child(8){text-align:center;width:130px}.loan-table th:last-child{border-right:none;text-align:center;width:160px}.loan-table th:hover{background:var(--brand-primary-light);transition:background var(--brand-transition-base)}.controls{margin-top:var(--space-3);background:var(--navy-gradient);padding:var(--space-3);border-radius:var(--radius);color:var(--brand-neutral-white);position:relative;overflow:hidden}.tools-container{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.tools-section{margin-bottom:var(--space-3);padding:var(--space-3);background:#b7f9b70d;border-radius:var(--brand-radius-lg);border:1px solid rgba(183,249,183,.2);position:relative;overflow:hidden;flex:1;min-width:300px;max-width:500px}.tools-section:before{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:var(--brand-graphic-17, url(/lainalaskuri/brand/graphics/17.svg)) no-repeat center;background-size:contain;opacity:.03;transition:opacity var(--brand-transition-base);z-index:1}.tools-section:hover:before{opacity:.05}.tools-section>*{position:relative;z-index:2}.tools-header{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.tools-section-title{margin:0;font-size:var(--brand-font-size-md);font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-white);text-align:center}.tools-hint{color:var(--brand-neutral-offwhite);font-size:var(--brand-font-size-xs);font-style:italic}.advanced-tools-info{margin-top:var(--space-2);text-align:center;padding:var(--space-2);background:#b7f9b708;border-radius:var(--brand-radius-md);border-top:1px solid rgba(183,249,183,.1)}.standard-tools{border-left:4px solid var(--brand-semantic-success)}.advanced-tools{border-left:4px solid var(--brand-primary-main)}@media(max-width:900px){.tools-container{flex-direction:column;gap:var(--space-2)}.tools-section{padding:var(--space-2);margin-bottom:var(--space-2);min-width:auto;max-width:none}.tools-section-title{font-size:var(--brand-font-size-sm)}.tools-hint{font-size:var(--brand-font-size-xs)}}.interactive-tutorial-overlay{position:fixed;inset:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.interactive-tutorial-overlay.visible{opacity:1;visibility:visible}.interactive-tutorial-modal{background:var(--brand-neutral-white);border-radius:var(--brand-radius-xl);box-shadow:var(--brand-shadow-2xl);max-width:600px;width:90%;max-height:80vh;overflow:hidden;position:relative;transform:translateY(20px);transition:transform .3s ease}.interactive-tutorial-overlay.visible .interactive-tutorial-modal{transform:translateY(0)}.tutorial-header{background:var(--navy-gradient);color:var(--brand-neutral-white);padding:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tutorial-logo{flex-shrink:0}.tutorial-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1}.progress-bar{width:200px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--brand-semantic-success);transition:width .3s ease}.progress-text{font-size:var(--brand-font-size-xs);color:var(--brand-neutral-offwhite)}.tutorial-close-btn{background:none;border:1px solid rgba(255,255,255,.3);color:var(--brand-neutral-white);padding:var(--space-1) var(--space-2);border-radius:var(--brand-radius-md);cursor:pointer;font-size:var(--brand-font-size-sm);transition:all .2s ease}.tutorial-close-btn:hover{background:#ffffff1a;border-color:#ffffff80}.tutorial-content{padding:var(--space-4);overflow-y:auto;max-height:60vh}.tutorial-step-title{margin:0 0 var(--space-3) 0;font-size:var(--brand-font-size-xl);font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main);text-align:center}.tutorial-step-description{margin:0 0 var(--space-3) 0;font-size:var(--brand-font-size-md);line-height:1.6;color:var(--brand-neutral-gray-700);text-align:center}.tutorial-hint-section{margin:var(--space-3) 0;text-align:center}.hint-toggle{background:var(--brand-secondary-main);color:var(--brand-neutral-white);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--brand-radius-md);cursor:pointer;font-size:var(--brand-font-size-sm);transition:all .2s ease}.hint-toggle:hover{background:var(--brand-secondary-dark);transform:translateY(-1px)}.tutorial-hint{margin-top:var(--space-2);padding:var(--space-2);background:var(--brand-semantic-warning);color:var(--brand-neutral-white);border-radius:var(--brand-radius-md);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium)}.tutorial-action{margin:var(--space-3) 0;text-align:center}.tutorial-action-btn{background:var(--brand-semantic-success);color:var(--brand-neutral-white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--brand-radius-md);cursor:pointer;font-size:var(--brand-font-size-md);font-weight:var(--brand-font-weight-semibold);transition:all .2s ease}.tutorial-action-btn:hover{background:var(--brand-semantic-success-dark);transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.tutorial-footer{background:var(--brand-neutral-gray-50);padding:var(--space-3);border-top:1px solid var(--brand-neutral-gray-200)}.tutorial-actions{display:flex;justify-content:space-between;gap:var(--space-2)}.tutorial-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--brand-radius-md);cursor:pointer;font-size:var(--brand-font-size-md);font-weight:var(--brand-font-weight-medium);transition:all .2s ease}.tutorial-btn-secondary{background:var(--brand-neutral-gray-200);color:var(--brand-neutral-gray-700)}.tutorial-btn-secondary:hover:not(:disabled){background:var(--brand-neutral-gray-300)}.tutorial-btn-primary{background:var(--brand-primary-main);color:var(--brand-neutral-white)}.tutorial-btn-primary:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.tutorial-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-highlight{position:relative;z-index:9999;animation:tutorial-pulse 2s infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 #b7f9b7b3}50%{box-shadow:0 0 0 20px #b7f9b700}}.tutorial-backdrop{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}@media(max-width:900px){.interactive-tutorial-modal{width:95%;max-height:90vh}.tutorial-header{flex-direction:column;gap:var(--space-2);text-align:center}.tutorial-progress{order:2}.tutorial-close-btn{order:1;align-self:flex-end}.tutorial-content{padding:var(--space-3)}.tutorial-step-title{font-size:var(--brand-font-size-lg)}.tutorial-step-description{font-size:var(--brand-font-size-sm)}.tutorial-actions{flex-direction:column}}.controls>*{position:relative;z-index:2}.controls-primary{margin-bottom:var(--space-2)}.controls-secondary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2);justify-content:center}.controls-help{margin-top:var(--space-2)}.overview-summary{background:transparent;padding:var(--space-4);margin-bottom:var(--space-4);position:relative}.overview-summary-title{margin:0 0 var(--space-2) 0;font-size:1.125rem;font-weight:600;color:var(--brand-neutral-white);line-height:1.3}.overview-summary-subtitle{margin:0 0 var(--space-3) 0;font-size:.875rem;font-weight:400;opacity:.75;color:var(--brand-neutral-white);line-height:1.4}.overview-summary-subtitle:not(:empty){margin-bottom:var(--space-3)}.kpiHero{text-align:center;margin-bottom:var(--space-2);padding:var(--space-3) var(--space-3);background:none;border:none}.kpiHero .kpiLabel{display:block;margin-bottom:2px;font-size:.875rem;font-weight:400;opacity:.75;color:var(--brand-neutral-white)}.heroValue{font-size:2rem;font-weight:600;color:var(--brand-neutral-white);line-height:1.2}.overview-success-section{margin-top:var(--space-3);margin-bottom:var(--space-4)}.overview-success-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.overview-success-icon{font-size:1.25rem;line-height:1}.overview-success-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-neutral-white);line-height:1.3}.overview-success-subtitle{margin:0 0 var(--space-2) 0;font-size:.875rem;font-weight:400;opacity:.85;color:var(--brand-neutral-white);line-height:1.35}.overview-success-value{margin:0;font-size:1.5rem;font-weight:600;color:var(--brand-secondary-main);line-height:1.2}.overview-dopamine{display:flex;flex-direction:column;gap:var(--space-5)}.overview-hero{margin:0}.overview-hero-headline{margin:0 0 var(--space-2) 0;font-size:1.25rem;font-weight:600;color:var(--brand-neutral-white);line-height:1.35;opacity:.95}.overview-hero-value{margin:0;font-size:2.5rem;font-weight:700;color:var(--brand-secondary-main);line-height:1.1;letter-spacing:-.02em}.overview-progress-next-goal{margin:var(--space-2) 0 0 0;font-size:.875rem;font-weight:500;opacity:.9;color:var(--brand-neutral-white)}.overview-monthly{margin:0;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.overview-monthly-hero{border-top:none;padding-top:0;text-align:center}.overview-monthly-intro{margin:0 0 var(--space-2) 0;font-size:1rem;font-weight:500;color:var(--brand-neutral-white);opacity:.9;line-height:1.35}.overview-monthly-hero .overview-monthly-value{margin:0 0 var(--space-3) 0;font-size:3rem;font-weight:700;color:var(--brand-neutral-white);line-height:1.1;letter-spacing:-.02em}.overview-monthly-label{margin:0 0 var(--space-1) 0;font-size:.9375rem;font-weight:600;color:var(--brand-neutral-white);opacity:.9}.overview-monthly-value{margin:0;font-size:1.75rem;font-weight:600;color:var(--brand-neutral-white);line-height:1.2}.overview-total-payable{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.overview-total-payable-label{margin:0 0 var(--space-2) 0;font-size:.9375rem;font-weight:500;opacity:.9;color:var(--brand-neutral-white)}.overview-total-bar{display:flex;width:100%;height:10px;border-radius:6px;overflow:hidden;margin-bottom:var(--space-2);background:#ffffff14}.overview-total-bar-principal{height:100%;background:var(--brand-secondary-main);opacity:.9;min-width:0;transition:width .2s ease}.overview-total-bar-costs{height:100%;background:#c4a35a;opacity:.9;min-width:0;transition:width .2s ease}.overview-total-breakdown{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);font-size:.875rem;font-weight:500;color:var(--brand-neutral-white);opacity:.9}.overview-total-breakdown-principal{color:var(--brand-secondary-main)}.overview-total-breakdown-costs{color:#c4a35a}.overview-monthly-comment{margin:var(--space-1) 0 0 0;font-size:.8125rem;font-weight:400;opacity:.75;color:var(--brand-neutral-white);font-style:italic}.overview-next-payment{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.overview-next-payment-heading{margin:0 0 var(--space-2) 0;font-size:.8125rem;font-weight:600;opacity:.9;color:var(--brand-neutral-white);text-transform:uppercase;letter-spacing:.03em}.overview-next-payment-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.overview-next-payment-principal{font-size:.9375rem;font-weight:600;color:var(--brand-secondary-main)}.overview-next-payment-interest{font-size:.9375rem;font-weight:500;opacity:.85;color:var(--brand-neutral-white)}.overview-next-payment-bar-wrap{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-2)}.overview-next-payment-bar{flex:1;min-width:0;height:6px;border-radius:3px;overflow:hidden;background:#ffffff1a}.overview-next-payment-bar-fill{height:100%;border-radius:3px 0 0 3px;background:var(--brand-secondary-main);opacity:.9;transition:width .2s ease}.overview-next-payment-arrow{font-size:.75rem;color:var(--brand-secondary-main);flex-shrink:0}.overview-next-payment-delta{margin:0;font-size:.8125rem;font-weight:500;color:var(--brand-secondary-main);opacity:.95}.overview-progress-section{margin-bottom:0}.overview-progress-label{margin:0 0 var(--space-1) 0;font-size:.9375rem;font-weight:400;opacity:.9;color:var(--brand-neutral-white);display:flex;align-items:center;gap:6px}.overview-progress-icon{flex-shrink:0;font-size:1rem}.overview-progress-bar-wrap{margin:var(--space-1) 0 var(--space-1) 0}.overview-progress-bar{width:100%;height:10px;border-radius:6px;overflow:hidden;background:#ffffff14;position:relative}.overview-progress-bar-fill{height:100%;border-radius:6px 0 0 6px;background:var(--brand-secondary-main);opacity:.9;transition:width .2s ease}.overview-progress-goal{margin:0;font-size:.8125rem;font-weight:500;opacity:.9;color:var(--brand-neutral-white)}.overview-total-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;margin-bottom:var(--space-1);text-align:left}.overview-total-label{font-size:.9375rem;font-weight:400;opacity:.8;color:var(--brand-neutral-white)}.overview-total-value{font-size:1rem;font-weight:600;color:var(--brand-neutral-white)}.stacked-bar-wrap{margin:var(--space-1) 0 var(--space-2) 0}.stacked-bar{display:flex;width:100%;height:10px;border-radius:6px;overflow:hidden;background:#ffffff14;position:relative}.stacked-bar:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 55%);pointer-events:none}.stacked-bar-segment{min-width:0;transition:width .2s ease}.stacked-bar-principal{background:var(--brand-secondary-main);opacity:.9}.stacked-bar-costs{background:#f39c1299}.stacked-bar-legend{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:400;opacity:.8;color:var(--brand-neutral-white);margin-bottom:0}.overview-interest-insight{margin:var(--space-4) 0 0 0;font-size:.8125rem;font-weight:400;opacity:.8;color:var(--brand-neutral-white);line-height:1.35;display:flex;align-items:flex-start;gap:6px}.overview-interest-insight-icon{flex-shrink:0;font-size:.8125rem;line-height:1}.home-insight-wrapper{margin-top:var(--space-2)}@media(max-width:900px){.overview-summary{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:transparent}.overview-summary-title{font-size:1.0625rem}.heroValue{font-size:1.75rem}.overview-success-title{font-size:1.0625rem}.overview-success-value{font-size:1.25rem}.overview-hero-headline{font-size:1.125rem}.overview-hero-value{font-size:2rem}.overview-monthly-value{font-size:1.5rem}.overview-monthly-hero .overview-monthly-value{font-size:2.25rem}.overview-progress-label,.overview-total-label,.overview-total-value,.stacked-bar-legend{font-size:.875rem}.overview-interest-insight,.overview-interest-insight-icon{font-size:.8125rem}}.bottom-nav{display:none}@media(max-width:899px){.wrap{padding-bottom:calc(88px + env(safe-area-inset-bottom) + var(--brand-spacing-2xl))}.mobile-engagement-banner{margin-bottom:var(--brand-spacing-2xl)}.brand-footer{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9998;background:var(--brand-primary-main);border-top:1px solid rgba(255,255,255,.08);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;gap:var(--space-1);min-height:56px;box-shadow:0 -2px 12px #00000026}.bottom-nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:transparent;border:none;border-radius:var(--radius);color:var(--brand-neutral-white);opacity:.88;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.bottom-nav-btn:hover,.bottom-nav-btn:focus-visible,.bottom-nav-btn-add{opacity:1}.bottom-nav-btn:hover,.bottom-nav-btn:focus-visible{background:#ffffff14;color:var(--brand-secondary-main)}.bottom-nav-btn-add{background:var(--brand-secondary-main);color:var(--brand-primary-main)}.bottom-nav-btn-add:hover,.bottom-nav-btn-add:focus-visible{background:var(--brand-secondary-dark);color:var(--brand-primary-main)}}.loan-management-section{margin:var(--space-4) 0;background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.start-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(50vh,320px);padding:var(--space-6)}.start-page .start-page-cta{font-size:1.125rem;padding:16px 32px}.start-page-hint{margin-top:var(--space-3);font-size:.875rem;color:#ffffffb3;text-align:center;max-width:400px;line-height:1.5;font-weight:400}.analysis-tools-section{margin:var(--space-4) 0;background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.tips-section.tips-section-view{margin:0;min-height:min(60vh,600px);background:var(--brand-primary-main);border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);overflow:hidden;width:100%;max-width:100%}.tips-section-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--brand-primary-main);border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--brand-neutral-white);font-size:var(--brand-font-size-lg);font-weight:600;text-align:left;cursor:pointer;transition:background .2s}.tips-section-toggle:hover{background:var(--brand-primary-light)}.tips-section-toggle .toggle-icon{flex-shrink:0}.tips-section-content{padding:var(--space-4);overflow-y:auto;background:var(--brand-primary-main);color:var(--brand-neutral-white);width:100%;max-width:100%}.tips-section-content .tips-content,.tips-section-content .tips-grid{margin:0}.tips-section.tips-section-view .tip-card{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--brand-neutral-white)}.tips-section.tips-section-view .tip-card h5{color:var(--brand-neutral-white)}.tips-section.tips-section-view .tip-card p,.tips-section.tips-section-view .tip-card ul{color:#ffffffe6}.tips-section.tips-section-view .tip-card.active{border-color:var(--brand-secondary-main);background:#b7f9b71f}.tips-section.tips-section-view .active-loan-indicator{color:var(--brand-secondary-main)}.tool-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);margin:0}.tips-section.tips-section-view .tool-guide-card{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--brand-radius-md);padding:var(--space-3);color:#ffffffe6}.tips-section.tips-section-view .tool-guide-card h5{color:var(--brand-neutral-white);margin:0 0 var(--space-2);font-size:var(--brand-font-size-base)}.tips-section.tips-section-view .tool-guide-card-body{font-size:var(--brand-font-size-sm);line-height:var(--brand-line-height-normal)}.tips-section.tips-section-view .tool-guide-card-body p{margin:.25rem 0;color:#ffffffe6}.tips-section.tips-section-view .tool-guide-card-body p.tool-guide-bold{margin-top:.5rem}.main-content:has(.tips-section-view){background:var(--brand-primary-main);min-height:min(70vh,700px);border-radius:var(--radius);max-width:100%}.tooltip-container{position:relative;display:inline-block;z-index:2147483647;overflow:visible}.analysis-card .tooltip-container{z-index:2147483647}.info-icon{display:inline-block;margin-left:.5rem;font-size:.9em;cursor:help;opacity:.7;transition:opacity var(--brand-transition-base);vertical-align:middle}.info-icon:hover{opacity:1}h3 .info-icon{margin-left:.75rem;font-size:1rem;opacity:.6}.tooltip{position:fixed;z-index:2147483647;min-width:250px;max-width:400px;padding:.75rem;background:var(--brand-primary-dark);border:1px solid var(--brand-neutral-white);border-radius:var(--brand-radius);box-shadow:0 4px 12px #00000026;font-size:.875rem;line-height:1.4;color:var(--brand-neutral-white);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;overflow:hidden;isolation:isolate;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.tooltip-right{max-width:350px}.tooltip-arrow{position:absolute;width:0;height:0}.tooltip-top .tooltip-arrow{top:100%;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--brand-primary-dark)}.tooltip-bottom .tooltip-arrow{bottom:100%;left:50%;transform:translateY(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--brand-primary-dark)}.tooltip-left .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-left:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid var(--brand-primary-dark)}.tooltip-right .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--brand-primary-dark)}.section-toggle{width:100%;padding:var(--space-3);background:var(--navy-gradient);border:none;color:var(--brand-neutral-white);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s ease;position:relative;overflow:hidden}.section-toggle:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:var(--brand-graphic-17, url(/lainalaskuri/brand/graphics/17.svg)) no-repeat center;background-size:contain;opacity:.05;transition:opacity var(--brand-transition-base);z-index:1}.section-toggle:hover:before{opacity:.08}.section-toggle:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #1d284933}.section-toggle>*{position:relative;z-index:2}.section-toggle .toggle-icon{font-size:14px;font-weight:700;color:var(--brand-secondary-main);transition:transform .2s ease}.section-toggle:hover .toggle-icon{transform:scale(1.1)}.section-content{padding:0;background:var(--brand-neutral-white)}.my-loans-page{width:100%}.my-loans-page .section-content{padding:0}.my-loans-page .section-content>*:first-child{margin-top:0!important}.my-loans-page .table-scroll,.my-loans-page .loan-table{margin-top:0!important}.loan-tips-section{padding:0;background:var(--navy-gradient);border-top:1px solid var(--border);color:var(--brand-neutral-white);position:relative;overflow:hidden}.tips-toggle{width:100%;padding:var(--space-3);background:transparent;border:none;color:var(--brand-neutral-white);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s ease;position:relative;z-index:2}.tips-toggle:hover{background:#ffffff1a}.tips-toggle .toggle-icon{font-size:12px;color:var(--brand-secondary-main);transition:transform .2s ease}.tips-toggle:hover .toggle-icon{transform:scale(1.1)}.loan-tips-section>*{position:relative;z-index:2}.tips-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);padding-bottom:0}.help-btn{background:var(--brand-primary-main);color:var(--brand-neutral-white);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease;flex-shrink:0}.help-btn:hover{background:var(--brand-primary-dark);transform:scale(1.1)}.tips-content{margin:0;padding:0 var(--space-3) var(--space-3) var(--space-3);width:100%;max-width:100%}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-top:var(--space-2);width:100%}.tip-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:var(--space-3);transition:all .2s ease}.tip-card:hover{background:var(--brand-primary-dark);border-color:var(--brand-secondary-main);transform:translateY(-2px);box-shadow:0 4px 12px #0003;color:var(--brand-neutral-white)}.tip-card:hover h5,.tip-card:hover p,.tip-card:hover ul{color:var(--brand-neutral-white)}.tip-card.active{border-color:var(--brand-secondary-main);background:#b7f9b71a}.tip-card h5{margin:0 0 var(--space-2) 0;font-size:16px;font-weight:600;color:var(--brand-neutral-white)}.tip-card p{margin:0 0 var(--space-2) 0;font-size:13px;line-height:1.4;color:#ffffffe6}.tip-card ul{margin:0 0 var(--space-2) 0;padding-left:var(--space-3);font-size:12px;line-height:1.4;color:#fffc}.tip-card li{margin-bottom:var(--space-1)}.active-loan-indicator{display:flex;align-items:center;gap:var(--space-1);font-size:11px;color:var(--brand-secondary-main);font-weight:500}.active-dot{width:6px;height:6px;background:var(--brand-secondary-main);border-radius:50%;animation:pulse 2s infinite}.tool-description{margin:var(--space-3) 0 0 0;padding:var(--space-3);background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--brand-primary-main);box-shadow:var(--shadow);color:#000;position:relative;overflow:hidden}.tool-description>*{position:relative;z-index:2}.description-content h4{margin:0 0 var(--space-2) 0;font-size:18px;font-weight:600;color:#000}.description-content p{margin:0;font-size:14px;line-height:1.6;color:#000;opacity:.95}.description-close{position:absolute;top:var(--space-1);right:var(--space-1);background:none;border:none;font-size:20px;color:#000;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .2s ease;z-index:3}.description-close:hover{background:#0000001a;color:#000;transform:scale(1.1)}.description-close:focus{outline:2px solid var(--brand-secondary-main);outline-offset:1px}.tool-header-with-info{display:flex;align-items:center;gap:var(--space-2)}.tool-header-with-info h3{margin:0}.tool-header-row{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0 0;padding:var(--space-2) 0}.tool-header-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-neutral-white)}.tool-info-lightbulb{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:4px 8px;border-radius:4px;flex-shrink:0;transition:background .2s,transform .2s}.tool-info-lightbulb:hover{background:#ffffff26;transform:scale(1.1)}.tool-info-lightbulb:focus{outline:2px solid var(--brand-secondary-main);outline-offset:2px}.analysis-card .tool-info-lightbulb{opacity:1;flex-shrink:0}.analysis-card .tool-header-with-info{display:flex;align-items:center;gap:var(--space-2)}.tool-info-lightbulb-corner{position:absolute;top:-6px;right:-6px;z-index:10;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--navy-gradient);border:2px solid var(--brand-primary-main);border-radius:50%;box-shadow:0 2px 6px #1d28494d}.analysis-card.has-corner-lightbulb>.tool-info-lightbulb-corner,.analysis-tool-container>.tool-info-lightbulb-corner{position:absolute;top:-6px;right:-6px;z-index:10}.tool-info-lightbulb-corner:hover{background:#ffffff26;border-color:var(--brand-secondary-main)}.analysis-card.has-corner-lightbulb{overflow:visible}.analysis-tool-container{position:relative}.analysis-tool-container.calculation-card,.analysis-tool-container.payment-schedule-page,.analysis-tool-container.analysis-inputs{overflow:visible}.tool-info-modal-overlay{position:fixed;inset:0;background:#1d2849d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-3)}.tool-info-modal{background:var(--brand-neutral-white);border-radius:var(--brand-radius-lg);box-shadow:0 20px 60px #1d28494d;max-width:540px;width:100%;max-height:85vh;overflow:auto;position:relative;color:#000}.tool-info-modal-close{position:absolute;top:var(--space-1);right:var(--space-1);background:none;border:none;font-size:20px;color:#000;cursor:pointer;padding:6px 10px;border-radius:4px;z-index:2}.tool-info-modal-close:hover{background:#00000014}.tool-info-modal-content{padding:var(--space-4);padding-top:2.5rem}.tool-info-modal-content .description-content h4{margin:0 0 var(--space-2) 0;font-size:18px;font-weight:600;color:#000}.tool-info-modal-content .description-content p{margin:0;font-size:14px;line-height:1.6;color:#000}.action-btn{padding:8px 14px;border-radius:var(--radius);border:2px solid var(--brand-neutral-white);background:transparent;color:var(--brand-neutral-white);cursor:pointer;font-size:14px;transition:all .2s ease;min-height:40px;display:flex;align-items:center;justify-content:center}.action-btn:hover:not(:disabled){background:var(--brand-secondary-main);color:var(--brand-primary-main);border-color:var(--brand-secondary-main);transform:translateY(-1px);box-shadow:0 2px 4px #1d28491a}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.action-btn.overview,.action-btn.sensitivity,.action-btn.custom-loan,.action-btn.payment-schedule,.action-btn.payment-capacity,.action-btn.consolidate,.action-btn.amortization{border:2px solid var(--brand-secondary-main);color:var(--brand-secondary-main);background:transparent}button{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--brand-neutral-offwhite);cursor:pointer}button:hover{background:var(--brand-neutral-gray-100)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{border-color:var(--brand-semantic-error);color:var(--brand-semantic-error);background:#e74c3c1a}button:hover{background:#e74c3c26}.row-actions{display:flex;gap:8px}.loan-type-info{margin-top:4px;font-size:11px;color:var(--muted);line-height:1.2}.loan-tips{margin-top:var(--space-4);padding:var(--space-3);background:var(--navy-gradient);border-radius:var(--radius);border:2px solid var(--brand-secondary-main);color:var(--brand-neutral-white);position:relative;overflow:hidden}.loan-tips>*{position:relative;z-index:2}.loan-tips h4{margin-top:0;margin-bottom:var(--space-3);color:var(--brand-neutral-white)}.loan-tips-collapsible{margin-top:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tips-toggle{width:100%;padding:var(--space-3);background:var(--navy-gradient);border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);font-size:16px;font-weight:500;color:var(--brand-neutral-white);transition:background-color .2s ease}.tips-toggle:hover{background:var(--navy-gradient-light)}.tips-toggle:focus{outline:2px solid var(--accent);outline-offset:-2px}.toggle-icon{font-size:20px;font-weight:700;color:var(--accent);min-width:20px;text-align:center}.tips-content{background:var(--navy-gradient);padding:var(--space-3);color:var(--brand-neutral-white)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.tip-card{padding:var(--space-3);background:var(--brand-neutral-white);border-radius:var(--radius);border:2px solid var(--brand-primary-main);transition:all .2s ease;color:var(--brand-primary-main)}.tip-card.active{border-color:var(--brand-secondary-main);background:var(--navy-accent);color:var(--brand-neutral-white)}.tip-card.active h5,.tip-card.active p,.tip-card.active ul{color:var(--brand-neutral-white)}.tip-card h5{margin-top:0;margin-bottom:var(--space-2);color:var(--brand-primary-main)}.tip-card p{margin-bottom:var(--space-2);color:var(--brand-neutral-gray-600);font-size:14px}.tip-card ul{margin:0;padding-left:var(--space-3);color:var(--brand-neutral-gray-600);font-size:13px}.tip-card li{margin-bottom:4px}.cards{margin-top:var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--brand-neutral-white)}.card .kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--brand-neutral-gray-200)}.card .kv:last-child{border-bottom:none}.analysis-results{margin-top:var(--space-1);margin-left:0;margin-right:0;width:100%;max-width:100%}.wrap:has(.tool-header) .analysis-results{margin-top:0}.wrap:has(.tool-header) .analysis-inputs{margin-top:0}.wrap:has(.tool-header) .main-content>.home-content{margin-top:0!important;padding-top:0!important;margin-bottom:0!important;padding-bottom:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden}.wrap:has(.tool-header) .analysis-card:first-child{margin-top:0}.wrap:has(.tool-header) .main-content>div:empty{display:none}.wrap:has(.tool-header) .main-content>div:has(.analysis-results){margin-top:0!important;padding-top:0!important;margin-bottom:0!important;padding-bottom:0!important}.analysis-card{border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:var(--space-4);background:var(--surface-card);margin-bottom:var(--space-3);box-shadow:0 1px 4px #00000014;color:var(--brand-neutral-white);position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.analysis-card>*{position:relative;z-index:2}.analysis-card h3{margin-top:0;margin-bottom:var(--space-3);color:var(--brand-neutral-white)}.analysis-card.custom-loan{border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #b7f9b740}.analysis-card.custom-loan h3,.analysis-card.payment-capacity h3{color:var(--brand-secondary-main)}.analysis-card h4{margin-top:var(--space-3);margin-bottom:var(--space-2);color:var(--brand-secondary-main)}.analysis-card.sensitivity{padding:var(--space-4);padding-top:var(--space-3)}.scenario-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:0}.scenario-grid-compact .scenario-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-2)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-3)}.overview-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-2)}.overview-item .label{font-size:var(--brand-font-size-sm);color:var(--brand-secondary-main);font-weight:600;display:flex;align-items:center;gap:var(--space-1);min-width:0}.overview-item .label .tooltip-container{margin-left:.15rem}.overview-item .label .info-icon{margin-left:0}.overview-item .value{font-size:var(--brand-font-size-lg);font-weight:600;color:var(--brand-neutral-white);flex-shrink:0}.capacity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.capacity-item{display:flex;flex-direction:column;gap:var(--space-1)}.capacity-item .label{font-size:14px;color:var(--brand-secondary-main);font-weight:600}.capacity-item .value{font-size:18px;font-weight:600;color:var(--brand-neutral-white)}.capacity-item .value.positive{color:var(--brand-success-main)}.capacity-item .value.negative{color:var(--brand-error-main)}.capacity-note{background:#ffffff1a;border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-3);border-left:4px solid var(--brand-secondary-main)}.cost-breakdown,.debt-breakdown{margin-top:var(--space-3)}.breakdown-item{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--brand-neutral-gray-200)}.breakdown-item.total{font-weight:600;border-top:2px solid var(--border);border-bottom:none;padding-top:var(--space-2);margin-top:var(--space-2)}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.sensitivity-scenario-label{font-size:var(--brand-font-size-sm);color:var(--brand-neutral-white);opacity:.85;margin:0 0 var(--brand-spacing-md) 0;font-weight:var(--brand-font-weight-medium);text-align:center}.sensitivity-summary{display:flex;flex-direction:column;gap:0;margin-bottom:var(--brand-spacing-xl)}.sensitivity-summary-block{display:flex;flex-direction:column;gap:var(--brand-spacing-xs);padding:var(--brand-spacing-md) 0}.sensitivity-summary-block .sensitivity-label{font-size:var(--brand-font-size-sm);color:var(--brand-secondary-main);font-weight:var(--brand-font-weight-semibold);min-width:0}.sensitivity-summary-block .sensitivity-value{font-size:var(--brand-font-size-xl);font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-white);min-width:0}.sensitivity-summary-block .sensitivity-value-primary{font-size:var(--brand-font-size-2xl)}.sensitivity-summary-block .sensitivity-delta{font-size:var(--brand-font-size-base);font-weight:var(--brand-font-weight-medium);opacity:.95}.sensitivity-summary-block .sensitivity-delta.positive{color:var(--brand-secondary-main)}.sensitivity-summary-block .sensitivity-delta.negative{color:var(--brand-semantic-error)}.sensitivity-summary-block-row .sensitivity-value-delta-row{display:flex;align-items:baseline;gap:var(--brand-spacing-md);flex-wrap:wrap}.sensitivity-summary-divider{height:1px;background:#ffffff0d;margin:0;flex-shrink:0}.scenario-item{display:flex;flex-direction:column;gap:var(--space-1)}.scenario-item span:first-child{font-size:14px;color:var(--brand-secondary-main);font-weight:600}.scenario-item span:last-child{font-weight:600;color:var(--brand-neutral-white)}.sensitivity-slider-wrap{margin-top:var(--brand-spacing-lg);margin-bottom:var(--brand-spacing-lg)}.sensitivity-slider-label-row{display:flex;align-items:center;gap:var(--brand-spacing-sm);margin-bottom:var(--brand-spacing-sm)}.sensitivity-slider-label{font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-semibold);color:var(--brand-secondary-main);margin:0}.sensitivity-slider-wrap .rate-slider{width:100%}.sensitivity-slider-pill{display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:var(--brand-spacing-xs) var(--brand-spacing-sm);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-semibold);color:var(--brand-secondary-main);background:#b7f9b714;border-radius:var(--brand-radius-full);flex-shrink:0}.sensitivity-slider-ticks{display:flex;justify-content:space-between;margin-top:var(--brand-spacing-xs);font-size:var(--brand-font-size-xs);color:var(--brand-neutral-white);opacity:.7}.sensitivity-unified-insight{margin:var(--brand-spacing-lg) 0 0 0;padding:0;font-size:var(--brand-font-size-sm);line-height:var(--brand-line-height-relaxed);color:var(--brand-neutral-white);opacity:.9}.sensitivity-unified-figure{font-weight:var(--brand-font-weight-semibold)}.sensitivity-unified-figure.positive{color:var(--brand-secondary-main)}.sensitivity-unified-figure.negative{color:var(--brand-semantic-error)}.sensitivity-unified-arrow{opacity:.7}.sensitivity-unified-sentence{font-weight:var(--brand-font-weight-normal)}.sensitivity-unified-sep{white-space:normal}.sensitivity-unified-cta{display:inline;padding:0;margin:0;font-size:inherit;font-weight:var(--brand-font-weight-medium);font-family:var(--brand-font-primary);color:var(--brand-secondary-main);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#ffffff59;transition:opacity var(--brand-transition-fast),text-decoration-color var(--brand-transition-fast)}.sensitivity-unified-cta:hover{opacity:1;text-decoration-color:var(--brand-secondary-main)}.sensitivity-slider{margin:0 0 var(--space-1) 0;padding:var(--space-1) var(--space-2);color:var(--brand-neutral-white);position:relative}.custom-loan-current-scenario{margin-bottom:var(--space-2)}.custom-loan-current-scenario .scenario-title{color:var(--brand-secondary-main);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.custom-loan-current-scenario .scenario-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.custom-loan-current-scenario .metric-item{display:flex;flex-direction:column;gap:var(--space-1);align-items:center;text-align:center}.custom-loan-current-scenario .metric-label{font-size:var(--font-size-sm);color:var(--brand-secondary-main);opacity:1;line-height:1.3}.custom-loan-current-scenario .metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-neutral-white);text-align:center}.custom-loan-sliders{margin-top:var(--space-2);padding:var(--space-2);background:var(--navy-gradient);border-radius:var(--radius);border:2px solid var(--brand-secondary-main);color:var(--brand-neutral-white);position:relative;overflow:hidden}.custom-loan-cta{margin-top:var(--space-4);text-align:center}.custom-loan-cta .add-loan-btn{font-size:var(--font-size-base);padding:12px 32px}.custom-loan-sliders .sliders-title{color:var(--brand-secondary-main);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);position:relative;z-index:2}.custom-loan-sliders .slider-container{display:flex;flex-direction:column;gap:var(--space-1);position:relative;z-index:2;width:100%}.custom-loan-sliders .slider-item{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.custom-loan-sliders .slider-row{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);width:100%;height:auto;min-height:40px}.custom-loan-sliders .slider-header{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);width:auto;flex-shrink:0}@media(max-width:900px){.custom-loan-current-scenario .scenario-metrics{grid-template-columns:repeat(3,1fr);gap:var(--space-1)}.custom-loan-current-scenario .metric-value{font-size:var(--font-size-lg)}.custom-loan-sliders .slider-item{flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.custom-loan-sliders .slider-row{flex-direction:column;gap:var(--space-1);width:100%;height:auto}.custom-loan-sliders .slider-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.custom-loan-sliders .slider-label{width:auto;flex:1;height:auto}.custom-loan-sliders .slider-value{width:auto;flex:1;height:auto;text-align:right}.custom-loan-sliders .slider-value-input{width:auto;flex:1;text-align:right;font-size:16px;padding-right:24px}.custom-loan-sliders .slider-value-with-unit{width:auto;flex:1;gap:6px}.custom-loan-sliders .slider-unit{font-size:16px}.custom-loan-sliders .custom-slider{width:100%;margin-top:var(--space-1);align-self:stretch}}.custom-loan-sliders .slider-label{font-size:var(--font-size-sm);color:var(--brand-neutral-white);opacity:.9;font-weight:var(--font-weight-medium);width:130px;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:flex-start;background:none;border:none;padding:0;margin:0;border-radius:0}.custom-loan-sliders .slider-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--brand-neutral-white);width:80px;text-align:left;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:flex-start;background:none;border:none;padding:0;margin:0;border-radius:0}.custom-loan-sliders .slider-value-with-unit{display:flex;align-items:center;gap:4px;flex-shrink:0}.custom-loan-sliders .slider-value-with-unit{position:relative}.custom-loan-sliders .slider-value-input{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--brand-neutral-white);width:90px;text-align:right;flex-shrink:0;height:auto;background:transparent;border:none;border-bottom:2px solid rgba(183,249,183,.3);border-radius:0;padding:var(--space-1) var(--space-1);padding-right:24px;margin:0;outline:none;transition:border-color .2s ease}.custom-loan-sliders .slider-unit{position:absolute;right:0;top:var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#b7f9b7b3;pointer-events:none;flex-shrink:0;min-width:12px}.custom-loan-sliders .slider-value-input:focus{border-bottom-color:var(--brand-secondary-main)}.custom-loan-sliders .slider-value-input:not(:placeholder-shown),.custom-loan-sliders .slider-value-input.has-value{border-bottom-color:#b7f9b7b3}.custom-loan-sliders .custom-slider{flex:1;min-width:0;width:100%;height:8px;border-radius:4px;background:var(--brand-neutral-gray-200);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:0;padding:0;align-self:center;position:relative;z-index:3}.custom-loan-sliders .custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brand-secondary-main);cursor:pointer;box-shadow:0 2px 4px #b7f9b74d;margin-top:-6px}.custom-loan-sliders .custom-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brand-secondary-main);cursor:pointer;border:none;box-shadow:0 2px 4px #b7f9b74d}.custom-loan-sliders .custom-slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:4px;background:var(--brand-neutral-gray-200)}.custom-loan-sliders .custom-slider::-moz-range-track{width:100%;height:8px;border-radius:4px;background:var(--brand-neutral-gray-200)}.sensitivity-slider>*{position:relative;z-index:2}.slider-container{display:flex;flex-direction:column;gap:var(--space-1)}.rate-slider{width:100%;height:8px;border-radius:4px;background:var(--brand-neutral-gray-200);outline:none;-webkit-appearance:none;appearance:none}.rate-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brand-secondary-main);cursor:pointer;box-shadow:0 2px 4px #b7f9b74d}.rate-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brand-secondary-main);cursor:pointer;border:none;box-shadow:0 2px 4px #b7f9b74d}.slider-labels{display:flex;justify-content:space-between;font-size:14px;color:var(--brand-neutral-white);margin-top:var(--space-1);align-items:center;position:relative;width:100%}.slider-value{text-align:center;font-weight:700;font-size:16px;color:var(--brand-secondary-main);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:#b7f9b71a;border-radius:var(--radius);border:1px solid var(--brand-secondary-main)}.dynamic-results{margin:var(--space-2) 0 0 0;padding:var(--space-2);background:var(--navy-gradient);border:2px solid var(--brand-secondary-main);border-radius:var(--radius);color:var(--brand-neutral-white);position:relative;overflow:hidden}.dynamic-results .scenario-grid{margin-bottom:0}.dynamic-results>*{position:relative;z-index:2}.dynamic-results h4{margin-top:0;margin-bottom:var(--space-2);color:var(--brand-secondary-main)}.sensitivity-table table{width:100%;border-collapse:collapse;margin-top:var(--space-2)}.sensitivity-table th,.sensitivity-table td{padding:var(--space-2);text-align:left;border-bottom:1px solid var(--border)}.sensitivity-table th{background:var(--brand-neutral-offwhite);font-weight:600}.sensitivity-table tr.current{background:#1d28490d}.sensitivity-table .increase{color:var(--danger)}.sensitivity-table .decrease{color:var(--success)}.consolidation-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3)}.comparison-column{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--brand-neutral-offwhite)}.comparison-column h4{margin-top:0;margin-bottom:var(--space-2);color:var(--brand-primary-main)}.comparison-item{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px solid var(--brand-neutral-gray-200);color:var(--brand-primary-main)}.comparison-item:last-child{border-bottom:none}.comparison-item span{color:var(--brand-primary-main)}.savings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}.savings-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--brand-neutral-white)}.savings-item span:first-child{font-size:14px;color:var(--brand-primary-main)}.savings-item .positive{color:var(--success);font-weight:600}.savings-item .negative{color:var(--danger);font-weight:600}.payment-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.input-summary{display:flex;justify-content:space-between;padding:var(--space-2);background:var(--brand-neutral-gray-50);border-radius:var(--radius);color:var(--brand-primary-main)}.timeline-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.timeline-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--brand-neutral-white);text-align:center}.timeline-item span:first-child{font-size:14px;color:var(--brand-primary-main)}.timeline-item span:last-child{font-weight:600;font-size:16px;color:var(--brand-primary-main)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}.impact-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--navy-gradient)}.impact-item span:first-child{font-size:14px;color:var(--brand-secondary-main)}.impact-item span:last-child{color:var(--brand-neutral-white)}.impact-item .positive,.impact-item .negative{color:var(--brand-neutral-white);font-weight:600}.impact-item span:last-child{color:var(--brand-neutral-white)!important;font-weight:600}.analysis-card .insights,.analysis-insight{margin-top:var(--space-3);padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:var(--brand-neutral-white)}.analysis-card .insights>*:first-child,.analysis-insight>*:first-child{margin-top:0}.analysis-card .insights .insight-intro,.analysis-insight .insight-intro{margin:0 0 8px;font-size:13px;font-weight:600;opacity:.95;line-height:1.35}.analysis-card .insights .insight-item,.analysis-insight .insight-item{margin-bottom:4px;font-size:13px;line-height:1.4;opacity:.9}.analysis-card .insights .insight-item:last-child,.analysis-insight .insight-item:last-child{margin-bottom:0}.analysis-card .insights .insight-item span,.analysis-insight .insight-item span{color:var(--brand-neutral-white)}.analysis-inputs{margin-top:var(--space-3);padding:var(--space-3);border:2px solid var(--brand-primary-main);border-radius:var(--radius);background:var(--navy-gradient);color:var(--brand-neutral-white);position:relative;overflow:hidden}.analysis-inputs>*{position:relative;z-index:2}.analysis-inputs h4{margin-top:0;margin-bottom:var(--space-3);color:var(--brand-neutral-white)}.analysis-inputs.consolidation h4{color:var(--brand-secondary-main)}.analysis-inputs.consolidation{padding-top:var(--space-1);padding-bottom:var(--space-3);padding-left:var(--space-3);padding-right:var(--space-3)}.consolidation-loan-selection{margin-top:0;margin-bottom:var(--space-4)}.consolidation-loan-selection-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.consolidation-loan-selection h5{color:var(--brand-secondary-main);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-semibold);margin:0}.consolidation-loan-selection-toggle{background:#b7f9b726;border:1px solid var(--brand-secondary-main);border-radius:var(--brand-radius-base);cursor:pointer;padding:var(--space-1) var(--space-2);display:flex;align-items:center;justify-content:center;color:var(--brand-secondary-main);transition:all var(--brand-transition-base);flex-shrink:0}.consolidation-loan-selection-toggle:hover{background:#b7f9b740;border-color:var(--brand-secondary-main)}.consolidation-loan-selection-toggle .toggle-icon{font-size:12px;transition:transform var(--brand-transition-base);display:inline-block}.consolidation-loan-selection-toggle .toggle-icon.collapsed{transform:rotate(-90deg)}.consolidation-loan-radio-group{display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:1000px;opacity:1}.consolidation-loan-radio-group.collapsed{max-height:0;opacity:0;margin-bottom:0}.consolidation-loan-radio{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:2px solid rgba(183,249,183,.3);border-radius:var(--brand-radius-base);background:#b7f9b70d;cursor:pointer;transition:all var(--brand-transition-base)}.consolidation-loan-radio:hover{background:#b7f9b71a;border-color:var(--brand-secondary-main)}.consolidation-loan-radio input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--brand-secondary-main);flex-shrink:0}.consolidation-loan-radio:has(input:checked){background:#b7f9b726;border-color:var(--brand-secondary-main)}.consolidation-loan-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.consolidation-loan-type{font-weight:var(--brand-font-weight-semibold);color:var(--brand-neutral-white);font-size:var(--brand-font-size-base)}.consolidation-loan-details{font-size:var(--brand-font-size-sm);color:#fffc}.consolidation-new-loan-summary{margin-top:var(--space-4);padding:var(--space-3);background:#b7f9b71a;border:2px solid var(--brand-secondary-main);border-radius:var(--brand-radius-lg)}.consolidation-new-loan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.consolidation-new-loan-header h5{color:var(--brand-secondary-main);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-semibold);margin:0}.consolidation-edit-btn{background:transparent;border:2px solid var(--brand-secondary-main);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--brand-secondary-main);font-size:1.1rem;cursor:pointer;transition:all var(--brand-transition-base);padding:0}.consolidation-edit-btn:hover{background:var(--brand-secondary-main);color:var(--brand-primary-main);transform:scale(1.05);box-shadow:0 2px 8px #b7f9b74d}.consolidation-new-loan-details{display:flex;flex-direction:column;gap:var(--space-2)}.consolidation-new-loan-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;border-bottom:1px solid rgba(183,249,183,.2)}.consolidation-new-loan-row:last-child{border-bottom:none}.consolidation-new-loan-label{color:#fffc;font-size:var(--brand-font-size-sm)}.consolidation-new-loan-value{color:var(--brand-neutral-white);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-base)}.consolidation-new-loan-empty{text-align:center;color:#fff9;font-size:var(--brand-font-size-sm);padding:var(--space-3);font-style:italic}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group label{font-size:14px;font-weight:500;color:var(--fg)}.analysis-inputs.consolidation .input-group label{color:var(--brand-secondary-main)}.bullet-loan-disclaimer{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2);background:var(--brand-primary-main);border:2px solid var(--brand-secondary-main);border-radius:var(--radius);position:relative}.disclaimer-icon{font-size:16px;flex-shrink:0;margin-top:2px;color:var(--brand-neutral-white)}.disclaimer-text{font-size:13px;color:var(--brand-neutral-white);line-height:1.4;flex-grow:1}.disclaimer-close{background:none;border:none;font-size:16px;color:#ffffffb3;cursor:pointer;padding:2px 6px;border-radius:4px;flex-shrink:0;margin-left:auto;transition:all .2s ease}.disclaimer-close:hover{background:#ffffff1a;color:var(--brand-neutral-white)}.disclaimer-close:focus{outline:2px solid var(--brand-secondary-main);outline-offset:1px}.analysis-inputs.amortization .input-group label,.analysis-inputs.amortization .loan-selector label{color:var(--brand-secondary-main)}.analysis-inputs.amortization{padding-top:var(--space-1)}.loan-selector-compact{margin-bottom:var(--space-2)}.loan-dropdown-compact{width:100%;padding:var(--space-2) var(--space-1);border:none;border-bottom:2px solid rgba(183,249,183,.3);border-radius:0;font-size:14px;background:transparent;color:var(--brand-neutral-white);transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b7f9b7' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding-right:24px}.loan-dropdown-compact:focus{outline:none;border-bottom-color:var(--brand-secondary-main)}.loan-dropdown-compact option{background:var(--brand-primary-main);color:var(--brand-neutral-white)}.amortization-inputs-compact{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.input-group-compact{display:flex;flex-direction:column;gap:var(--space-1)}.input-group-compact label{font-size:14px;font-weight:500;color:var(--brand-secondary-main);margin-bottom:0}.input-with-quick-options{display:flex;flex-direction:column;gap:var(--space-1)}.input-with-quick-options{position:relative}.input-with-quick-options input{width:100%;padding:var(--space-2) var(--space-1);padding-right:32px;border:none;border-bottom:2px solid rgba(183,249,183,.3);border-radius:0;font-size:16px;background:transparent;color:var(--brand-neutral-white);transition:border-color .2s ease}.input-with-quick-options input::placeholder{color:#ffffff80}.input-with-quick-options input:focus{outline:none;border-bottom-color:var(--brand-secondary-main)}.input-with-quick-options input:not(:placeholder-shown),.input-with-quick-options input.has-value{border-bottom-color:#b7f9b7b3}.input-with-quick-options input:not(:placeholder-shown):focus,.input-with-quick-options input.has-value:focus{border-bottom-color:var(--brand-secondary-main)}.input-with-quick-options:after{content:"€";position:absolute;right:0;top:var(--space-2);color:#b7f9b7b3;font-size:16px;pointer-events:none}.quick-options-inline{display:flex;gap:var(--space-1);flex-wrap:wrap}.quick-btn{padding:var(--space-1) var(--space-2);font-size:12px;background:#b7f9b71a;border:1px solid rgba(183,249,183,.3);border-radius:var(--radius);color:var(--brand-secondary-main);cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-btn:hover{background:var(--brand-secondary-main);color:var(--brand-primary-main);border-color:var(--brand-secondary-main)}.analysis-inputs.amortization .loan-info p{color:var(--brand-secondary-main)}.input-group input,.input-group select{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--brand-primary-main);box-shadow:0 0 0 3px #1d28491a}.input-group small{font-size:12px;color:var(--muted)}.analysis-inputs.amortization .input-group small{color:var(--brand-neutral-white)}.button-group{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.button-group button{flex:1}.button-group button:only-child{flex:none;width:100%}@media(max-width:500px){.button-group{flex-direction:column}.button-group button{width:100%;flex:none}}.calculate-btn{background:var(--brand-secondary-main);color:var(--brand-secondary-contrast);border:2px solid var(--brand-secondary-main);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all var(--brand-transition-base);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-base);position:relative;overflow:hidden;box-shadow:var(--brand-shadow-sm)}.calculate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.calculate-btn:hover:before{left:100%}.calculate-btn:hover{background:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark);transform:translateY(-2px);box-shadow:var(--brand-shadow-md)}.calculate-btn:active{transform:translateY(0);box-shadow:var(--brand-shadow-sm)}.calculate-btn:focus{outline:2px solid var(--brand-secondary-main);outline-offset:2px}.calculate-btn:disabled{background:#b7f9b733;color:#ffffff80;border-color:#b7f9b74d;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.calculate-btn:disabled:hover{background:#b7f9b733;border-color:#b7f9b74d;transform:none;box-shadow:none}.calculate-btn:disabled:before{display:none}.elekti-cta-btn{background:var(--brand-primary-main);color:var(--brand-primary-contrast);border:2px solid var(--brand-primary-main);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all var(--brand-transition-base);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-base);position:relative;overflow:hidden;box-shadow:var(--brand-shadow-sm)}.elekti-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(183,249,183,.2),transparent);transition:left .5s}.elekti-cta-btn:hover:before{left:100%}.elekti-cta-btn:hover{background:var(--brand-primary-light);border-color:var(--brand-secondary-main);transform:translateY(-2px);box-shadow:var(--brand-shadow-md)}.elekti-cta-btn:active{transform:translateY(0);box-shadow:var(--brand-shadow-sm)}.elekti-cta-btn:focus{outline:2px solid var(--brand-primary-main);outline-offset:2px}.loan-info{margin-bottom:var(--space-3);padding:var(--space-2);background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--border)}.loan-selector{margin-bottom:var(--space-3)}.loan-selector label{display:block;font-size:14px;font-weight:500;color:var(--fg);margin-bottom:var(--space-1)}.loan-dropdown{width:100%;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:var(--brand-neutral-white);transition:border-color .2s ease,box-shadow .2s ease}.loan-dropdown:focus{outline:none;border-color:var(--brand-primary-main);box-shadow:0 0 0 3px #1d28491a}.quick-options{margin-bottom:var(--space-3)}.quick-options h5{margin-bottom:var(--space-2);color:var(--fg)}.analysis-inputs.amortization .quick-options h5{color:var(--brand-secondary-main)}.quick-buttons{display:flex;flex-wrap:wrap;gap:var(--space-1)}.quick-buttons button{padding:var(--space-1) var(--space-2);font-size:12px;background:var(--brand-neutral-white);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.quick-buttons button:hover{background:var(--brand-primary-main);color:var(--brand-neutral-white);border-color:var(--brand-primary-main)}@media(max-width:900px){.consolidation-comparison,.payment-inputs{grid-template-columns:1fr}.controls-secondary{flex-direction:column}.action-btn{width:100%}.cards{grid-template-columns:1fr}.analysis-card{padding:var(--space-2);margin-left:0;margin-right:0;width:100%;max-width:100%;box-sizing:border-box}.analysis-results{width:100%;max-width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0;box-sizing:border-box}.wrap:has(.tool-header) .main-content>div:has(.analysis-results){min-height:65vh;display:flex;flex-direction:column}.wrap:has(.tool-header) .analysis-card.sensitivity{flex:1;padding:var(--brand-spacing-xl);padding-top:var(--brand-spacing-lg);margin-bottom:var(--brand-spacing-lg)}.wrap:has(.tool-header) .analysis-card.sensitivity .sensitivity-scenario-label{margin-bottom:var(--brand-spacing-lg)}.wrap:has(.tool-header) .analysis-card.sensitivity .sensitivity-summary{margin-bottom:var(--brand-spacing-xl)}.wrap:has(.tool-header) .analysis-card.sensitivity .sensitivity-summary-block{padding:var(--brand-spacing-lg) 0}.wrap:has(.tool-header) .analysis-card.sensitivity .sensitivity-slider-wrap{margin-top:var(--brand-spacing-xl);margin-bottom:var(--brand-spacing-xl)}.wrap:has(.tool-header) .analysis-card.sensitivity .sensitivity-unified-insight{margin-top:var(--brand-spacing-xl)}.quick-buttons{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.quick-buttons button{width:calc(50% - var(--space-1));font-size:14px;padding:var(--space-2) var(--space-1);text-align:center;min-width:0}.loan-selector label{font-size:13px}.loan-dropdown{font-size:13px;padding:var(--space-2)}.input-grid{gap:var(--space-2)}.input-group label{font-size:13px}.input-group input{font-size:14px;padding:var(--space-2)}.input-group small{font-size:11px}}@media(max-width:480px){.quick-buttons{flex-direction:row!important;flex-wrap:nowrap!important;gap:var(--space-1)!important;overflow-x:auto!important}.quick-buttons button{font-size:12px!important;padding:var(--space-2)!important;width:auto!important;min-width:fit-content!important;white-space:nowrap!important;flex-shrink:0!important}.quick-options h5{font-size:14px;margin-bottom:var(--space-1)}}.amortization-chart{margin-top:var(--space-3);width:100%;max-width:100%}.amortization-chart .chart-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}@media(max-width:900px){.amortization-chart{margin-top:var(--space-2);width:100%;max-width:100%}.amortization-chart h4.mobile-title{font-size:16px;margin-bottom:var(--space-2)}.amortization-chart .chart-container{gap:var(--space-2);width:100%;max-width:100%}.amortization-chart .chart-legend.mobile{flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-1)}.amortization-chart .chart-legend.mobile .legend-item{font-size:12px}}.chart-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);overflow-x:hidden;overflow-y:visible;max-width:100%;width:100%}.chart{border:1px solid var(--border);border-radius:var(--radius);background:var(--brand-primary-main);width:100%;height:auto;max-width:100%}.chart line{stroke:var(--brand-secondary-main)!important}.chart text{fill:var(--brand-secondary-main)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(min-width:1025px){.chart{max-width:100%;width:100%;height:auto}.amortization-chart .chart-container{align-items:center;justify-content:center}}@media(max-width:900px){.chart{max-width:100%;width:100%;height:auto}}.amortization-chart .chart-legend{background:var(--brand-primary-main);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--brand-secondary-main)}.amortization-chart .legend-item{color:var(--brand-primary-main)}.amortization-chart .chart-primary{color:#e74c3c!important}.legend-color{width:16px;height:16px;border-radius:3px;display:inline-block;margin-right:var(--space-2)}.chart-placeholder{text-align:center;padding:var(--space-4);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);background:var(--brand-neutral-gray-50)}.chart-legend{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;background:var(--brand-primary-main);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--brand-secondary-main)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--brand-neutral-white);background:var(--navy-gradient);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--brand-secondary-main)}.legend-color{width:16px;height:16px;border-radius:2px;border:1px solid var(--border)}.chart-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3);background:var(--brand-neutral-gray-50);border-radius:var(--radius);border:1px solid var(--border)}.insight-item{font-size:14px;text-align:center}.insight-item strong{color:var(--fg);display:block;margin-bottom:2px}.pie-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-3)}.pie-chart{text-align:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--navy-gradient);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:450px;position:relative;overflow:hidden}.pie-chart h4{margin-top:0;margin-bottom:var(--space-3);color:var(--brand-neutral-white);font-size:16px;font-weight:600}.pie-chart svg{display:block;margin:0 auto;margin-top:var(--space-2);max-width:100%;height:auto;position:relative;left:50%;transform:translate(-50%)}.pie-legend{margin-top:var(--space-3);text-align:left}.pie-legend .legend-item{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:14px;color:var(--brand-primary-main)!important;background:var(--navy-gradient);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--brand-secondary-main)}.pie-legend .legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.pie-legend .legend-label{flex:1;color:var(--brand-primary-main)!important;font-weight:500}.pie-legend .legend-value{color:var(--brand-primary-main)!important;font-weight:500}.pie-chart .chart-legend{margin-top:var(--space-3);width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.pie-chart .chart{display:block!important;margin:0 auto!important;position:relative!important;left:50%!important;transform:translate(-50%)!important;max-width:100%!important;height:auto!important}.pie-chart .chart-legend .legend-item{color:var(--brand-primary-main)!important;text-align:center}.pie-chart .chart-legend .legend-label{color:var(--brand-primary-main)!important;font-weight:500}.no-data{color:var(--muted);font-style:italic;padding:var(--space-3)}@media(max-width:900px){.pie-charts{grid-template-columns:1fr;gap:var(--space-2)}.pie-chart{min-height:400px;padding:var(--space-2);justify-content:flex-start}.pie-chart h4{font-size:14px;margin-bottom:var(--space-2);text-align:center}.pie-chart svg{margin-top:var(--space-1)}.pie-chart .chart-legend{margin-top:var(--space-2);gap:var(--space-1)}.pie-chart .chart{left:50%!important;transform:translate(-50%)!important;max-width:100%!important}}.annual-cost-chart{margin-top:var(--space-4);text-align:center;width:100%;max-width:100%}.annual-cost-chart h4{margin-top:0;margin-bottom:var(--space-3);color:var(--brand-secondary-main);font-size:16px;font-weight:600}.annual-cost-chart svg{display:block;margin:0 auto;max-width:100%;height:auto}.annual-cost-chart .chart-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.annual-cost-chart .chart{order:1}.annual-cost-chart .chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-3);order:2}.annual-cost-chart .legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:12px}.annual-cost-chart .legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.annual-cost-chart .legend-label{color:var(--brand-primary-main);font-weight:500}@media(max-width:900px){.annual-cost-chart svg{width:100%;height:auto}.annual-cost-chart .chart-legend{flex-direction:column;align-items:center;order:2}.annual-cost-chart .chart{order:1}}.chart-tabs{display:flex;gap:2px;margin-bottom:var(--space-3);background:var(--navy-gradient);border-radius:var(--radius);padding:4px;border:2px solid var(--brand-primary-main)}.chart-tabs .tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:calc(var(--radius) - 2px);cursor:pointer;font-size:14px;font-weight:500;color:var(--brand-neutral-white);transition:all .2s ease}.chart-tabs .tab:hover{background:var(--navy-accent);color:var(--brand-secondary-main)}.chart-tabs .tab.active{background:var(--brand-secondary-main);color:var(--brand-primary-main);box-shadow:0 1px 3px #1d28491a;border:1px solid var(--brand-secondary-main)}@media(max-width:900px){.sensitivity-slider{padding:var(--space-2);margin:var(--space-1) 0}.scenario-grid-compact{gap:var(--space-1)}.slider-labels{font-size:12px;padding:0 var(--space-2);gap:var(--space-1)}.slider-value{font-size:14px;padding:var(--space-1);margin-top:0}.dynamic-results{padding:var(--space-2);margin-top:var(--space-1)}.dynamic-results h4{margin-bottom:var(--space-1);font-size:14px}.rate-slider{margin:var(--space-1) 0}.input-group input,.input-group select{padding:16px 14px;font-size:16px;min-height:48px;border-width:2px}.input-group label{font-size:16px;margin-bottom:8px}.input-group small{font-size:14px;margin-top:6px}.input-grid{gap:var(--space-3)}.calculate-btn{padding:16px 24px;font-size:16px;min-height:56px;width:100%}.quick-buttons button{padding:12px 16px;font-size:14px;min-height:44px}}@media(max-width:480px){.sensitivity-slider-wrap{margin-top:var(--brand-spacing-md);margin-bottom:var(--brand-spacing-md)}.sensitivity-slider-ticks{font-size:.7rem}.slider-labels{font-size:11px;padding:0 var(--space-1);gap:0;justify-content:space-between;width:100%}.slider-labels span{flex:1;text-align:center}.slider-labels span:first-child{text-align:left}.slider-labels span:last-child{text-align:right}.slider-value{font-size:14px;padding:var(--space-1) var(--space-2)}.rate-slider{margin:var(--space-1) 0}.input-group input,.input-group select{padding:18px 16px;font-size:18px}.input-group label{font-size:18px}.calculate-btn{padding:20px 24px;font-size:18px}.wrap,.analysis-inputs{padding:var(--space-2)}.input-grid,.quick-buttons{gap:var(--space-2)}.quick-buttons button{flex:1;min-width:0;padding:14px 12px;font-size:14px}.table-scroll{margin:0 -12px;padding:0 12px}.loan-table th,.loan-table td{padding:10px 6px;font-size:13px}.controls{gap:var(--space-2)}.action-btn{padding:14px 16px;font-size:16px;min-height:48px}}@media(max-width:900px){.loan-table input[type=number],.loan-table input[type=text],.loan-table select{padding:12px 8px;font-size:16px;min-height:44px;width:100%;box-sizing:border-box}.table-scroll{margin:0 -16px;padding:0 16px}.loan-table{min-width:800px}.loan-table th,.loan-table td{padding:12px 8px;font-size:14px}.row-actions button{padding:10px 14px;font-size:14px;min-height:44px}.wrap{padding:var(--space-2);max-width:100%;margin-left:0;margin-right:0}}@media(min-width:769px){.wrap{margin-left:var(--space-3);margin-right:var(--space-3)}}@media(max-width:900px){.analysis-card{padding:var(--space-3);margin-bottom:var(--space-3)}.overview-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.scenario-grid,.savings-grid{gap:var(--space-2)}.overview-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.overview-item .label{font-size:var(--brand-font-size-xs)}.overview-item .value{font-size:var(--brand-font-size-base)}.controls-primary,.controls-secondary,.chart-container{gap:var(--space-2)}.chart-tabs{gap:var(--space-1)}.chart-tabs .tab{padding:12px 16px;font-size:14px;min-height:44px}}.loan-type-cell{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.loan-type-icon{font-size:1.2rem}.loan-type-name{font-weight:500;color:var(--fg)}.loan-amount,.loan-term,.loan-interest,.loan-fees,.loan-establishment,.loan-amortization{font-weight:500;color:var(--fg);padding:var(--space-1) 0}.loan-amount{color:var(--accent);font-weight:600}.loan-interest{color:var(--fg)}.loan-fees,.loan-establishment{color:var(--muted)}.table-actions{margin-top:var(--space-3);margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.add-loan-btn{background:var(--brand-secondary-main);color:var(--brand-primary-main);border:2px solid var(--brand-secondary-main);padding:14px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px}.add-loan-btn:hover:not(:disabled){background:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1d28494d}.add-loan-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.max-rows-warning{color:var(--brand-semantic-warning);font-size:.9rem;font-weight:500}.row-actions{display:flex;gap:var(--space-1);flex-wrap:wrap}.row-actions button{padding:8px 12px;font-size:.8rem;min-height:36px;border:2px solid var(--brand-neutral-gray-300);border-radius:var(--radius);background:var(--brand-neutral-white);cursor:pointer;transition:all .2s ease;white-space:nowrap}.edit-btn{color:var(--brand-primary-main);border-color:var(--brand-primary-main)}.edit-btn:hover{background:var(--brand-primary-main);color:var(--brand-neutral-white)}.duplicate-btn{color:var(--brand-secondary-main);border-color:var(--brand-secondary-main)}.duplicate-btn:hover{background:var(--brand-secondary-main);color:var(--brand-primary-main)}.row-actions .danger{color:var(--brand-semantic-error);border-color:var(--brand-semantic-error)}.row-actions .danger:hover{background:var(--brand-semantic-error);color:var(--brand-neutral-white)}@media(max-width:900px){.loan-table{min-width:auto;width:100%;max-width:calc(100vw - 2rem);min-width:360px}.loan-table th:nth-child(1),.loan-table td:nth-child(1){width:clamp(45px,7vw,70px);min-width:45px;max-width:70px;padding:clamp(var(--space-1),1.2vw,var(--space-2))}.loan-table th:nth-child(2),.loan-table td:nth-child(2){width:clamp(75px,13vw,120px);min-width:75px;max-width:120px;padding:clamp(var(--space-1),1.2vw,var(--space-2));text-align:center}.loan-table th:nth-child(2){white-space:normal;word-wrap:break-word;line-height:1.2;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.loan-table th:nth-child(2),.loan-table th:nth-child(3){hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;word-break:break-word}.loan-table th:nth-child(2),.loan-table th:nth-child(3){word-break:break-word;overflow-wrap:break-word}.loan-table th:nth-child(3),.loan-table td:nth-child(3){width:clamp(85px,14vw,120px);min-width:85px;max-width:120px;padding:clamp(var(--space-1),1.2vw,var(--space-2))}.loan-table th:nth-child(4),.loan-table td:nth-child(4){width:clamp(75px,12vw,100px);min-width:75px;max-width:100px;padding:clamp(var(--space-1),1.2vw,var(--space-2))}.loan-table th:nth-child(5),.loan-table td:nth-child(5),.loan-table th:nth-child(6),.loan-table td:nth-child(6),.loan-table th:nth-child(7),.loan-table td:nth-child(7),.loan-table th:nth-child(8),.loan-table td:nth-child(8){display:none}.loan-table th,.loan-table td{padding:clamp(var(--space-1),1.2vw,var(--space-2));font-size:clamp(.75rem,2.2vw,.85rem)}.loan-type-cell{flex-direction:column;gap:var(--space-1);text-align:center;min-width:0}.loan-type-icon{font-size:.9rem;display:none}.loan-type-name{font-size:clamp(.7rem,2.2vw,.8rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{flex-direction:column;gap:var(--space-1);min-width:0}.row-actions button{width:100%;padding:clamp(6px,1.8vw,10px) clamp(4px,1.2vw,12px);font-size:clamp(.7rem,2.2vw,.8rem);min-height:32px}.add-loan-btn{width:100%;padding:clamp(14px,2.8vw,20px) clamp(16px,3.5vw,28px);font-size:clamp(14px,3.2vw,16px);min-height:48px}.table-actions{margin-bottom:var(--brand-spacing-2xl)}.loan-table tbody tr{transition:background-color var(--brand-transition-base);min-height:44px}.loan-table tbody tr:hover{background-color:#b7f9b70d}.loan-table tbody tr{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mobile-details-content{padding:var(--space-2)}.details-grid{gap:var(--space-1)}.detail-item{padding:var(--space-1) var(--space-2)}.mobile-hint{text-align:center;padding:var(--space-3);margin:var(--space-3) 0;background:#b7f9b71a;border-radius:var(--brand-radius-md);border:1px solid rgba(183,249,183,.2);color:#1d2849!important;font-size:.9rem;font-weight:var(--brand-font-weight-medium)}.wrap .mobile-hint{color:#1d2849!important}}@media(min-width:1200px){.wrap:has(.left-sidebar){display:grid;grid-template-columns:260px 1fr;grid-template-areas:"header header" "sidebar main";gap:var(--space-3);align-items:start;max-width:1400px;margin-left:auto;margin-right:auto}.wrap:not(:has(.left-sidebar)){display:block;max-width:1400px;margin-left:auto;margin-right:auto}.wrap:not(:has(.left-sidebar)) .main-content{max-width:800px;margin-left:auto;margin-right:auto}.main-content{grid-area:main;max-width:1100px}.main-content:has(.tips-section-view){max-width:100%}.main-content .loan-management-section,.main-content .analysis-tools-section{margin-top:0}.left-sidebar{grid-area:sidebar}.wrap:has(.left-sidebar) .brand-footer{grid-column:1 / -1;margin-top:var(--space-4)}.wrap:not(:has(.left-sidebar)) .brand-footer{margin-top:var(--space-4)}.mobile-engagement-banner{display:block}.mobile-engagement-banner .engagement-banner-content{flex-direction:row;align-items:center;gap:var(--brand-spacing-lg)}.mobile-engagement-banner .engagement-banner-left{flex-direction:row;align-items:center;gap:var(--brand-spacing-md);flex:1}.mobile-engagement-banner .engagement-banner-right{flex-shrink:0}.mobile-engagement-banner .engagement-banner-cta{width:auto;min-width:200px}}@media(min-width:769px){.loan-table{width:100%;max-width:none}.loan-table th,.loan-table td{display:table-cell}.loan-table th,.loan-table td{padding:var(--space-3) var(--space-2);font-size:var(--brand-font-size-sm)}.loan-type-cell{flex-direction:column;gap:var(--space-1);text-align:center;min-width:0}.loan-type-icon{font-size:.9rem;display:none}.loan-type-name{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-actions{flex-direction:column;gap:var(--space-1);min-width:0}.row-actions button{width:100%;padding:8px 6px;font-size:.8rem;min-height:36px}.row-actions button{font-size:.75rem}.add-loan-btn{width:100%;padding:16px 24px;font-size:16px;min-height:56px}.loan-table tbody tr{transition:background-color var(--brand-transition-base)}.loan-table tbody tr:hover{background-color:#b7f9b71a}.loan-table tbody tr.expanded{background-color:#b7f9b726}.mobile-details-row{background-color:#b7f9b70d}.mobile-details-content{padding:var(--space-3);border-top:1px solid rgba(183,249,183,.2)}.details-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2);margin-bottom:var(--space-3)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:#ffffffb3;border-radius:var(--brand-radius-sm);border:1px solid rgba(183,249,183,.2)}.detail-label{font-weight:var(--brand-font-weight-semibold);color:#1d2849!important;font-size:.9rem}.detail-value{color:#1d2849!important;font-weight:var(--brand-font-weight-medium);font-size:.9rem}.loan-table .mobile-details-content .detail-label,.loan-table .mobile-details-content .detail-value,.wrap .loan-table .mobile-details-content .detail-label,.wrap .loan-table .mobile-details-content .detail-value,body .loan-table .mobile-details-content .detail-label,body .loan-table .mobile-details-content .detail-value,.wrap body .loan-table .mobile-details-content .detail-label,.wrap body .loan-table .mobile-details-content .detail-value,.wrap .loan-table tbody tr.mobile-details-row .mobile-details-content .detail-label,.wrap .loan-table tbody tr.mobile-details-row .mobile-details-content .detail-value,.wrap .loan-table tbody tr.mobile-details-row .mobile-details-content .details-grid .detail-item .detail-label,.wrap .loan-table tbody tr.mobile-details-row .mobile-details-content .details-grid .detail-item .detail-value,.wrap .loan-table .mobile-details-content span.detail-label,.wrap .loan-table .mobile-details-content span.detail-value,span.detail-label,span.detail-value,.detail-label,.detail-value{color:#1d2849!important}:root{--detail-text-color: #1d2849 !important}.detail-label,.detail-value{color:var(--detail-text-color)!important}.mobile-details-content .details-grid .detail-item .detail-label,.mobile-details-content .details-grid .detail-item .detail-value,.loan-table .mobile-details-content .details-grid .detail-item .detail-label,.loan-table .mobile-details-content .details-grid .detail-item .detail-value,.wrap .loan-table .mobile-details-content .details-grid .detail-item .detail-label,.wrap .loan-table .mobile-details-content .details-grid .detail-item .detail-value,span[class=detail-label],span[class=detail-value],table .mobile-details-content .detail-label,table .mobile-details-content .detail-value,.loan-table tbody .mobile-details-row .mobile-details-content .detail-label,.loan-table tbody .mobile-details-row .mobile-details-content .detail-value{color:#1d2849!important}.mobile-details-content>.details-grid>.detail-item>.detail-label,.mobile-details-content>.details-grid>.detail-item>.detail-value{color:#1d2849!important}*[class*=detail-label],*[class*=detail-value],[class*=detail-label],[class*=detail-value]{color:#1d2849!important}.collapse-row-btn{width:100%;padding:var(--space-2) var(--space-3);background:var(--brand-primary-main);color:var(--brand-neutral-white);border:none;border-radius:var(--brand-radius-sm);font-size:.9rem;font-weight:var(--brand-font-weight-medium);cursor:pointer;transition:background-color var(--brand-transition-base)}.collapse-row-btn:hover{background:var(--brand-primary-light)}.mobile-hint{text-align:center;padding:var(--space-3);margin:var(--space-3) 0;background:#b7f9b71a;border-radius:var(--brand-radius-md);border:1px solid rgba(183,249,183,.2);color:#1d2849!important;font-size:.9rem;font-weight:var(--brand-font-weight-medium)}.wrap .mobile-hint{color:#1d2849!important}.loan-table tbody tr{min-height:44px}.loan-table tbody tr{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.loan-editor-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-3)}.loan-editor-modal{background:var(--brand-neutral-white);border-radius:var(--radius);box-shadow:0 20px 40px #00000026;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.loan-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--brand-neutral-gray-50);border-radius:var(--radius) var(--radius) 0 0}.loan-editor-header h2{margin:0;font-size:1.5rem;color:var(--fg)}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-btn:hover{background:var(--brand-neutral-gray-100)}.loan-editor-form{padding:var(--space-4)}.form-section{margin-bottom:var(--space-4)}.form-section h3{margin:0 0 var(--space-3) 0;font-size:1.2rem;color:var(--fg);border-bottom:2px solid var(--accent);padding-bottom:var(--space-2)}.collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;margin-bottom:0}.collapsible-header:hover{background:var(--hover);border-color:var(--accent)}.collapsible-header:focus{outline:2px solid var(--accent);outline-offset:2px}.collapsible-header h3{margin:0;border-bottom:none;padding-bottom:0;font-size:1.2rem;color:var(--fg)}.collapsible-icon{font-size:.9rem;color:var(--accent);transition:transform .2s ease;margin-left:var(--space-2)}.collapsible-content{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-section.highlighted{animation:section-highlight .6s ease-out}@keyframes section-highlight{0%{background-color:#0a84ff0d;transform:translateY(-2px)}to{background-color:transparent;transform:translateY(0)}}.loan-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.loan-type-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius);background:var(--brand-neutral-white);cursor:pointer;transition:all .2s ease;text-align:center;min-height:120px}.loan-type-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0a84ff26}.loan-type-btn.active{border-color:var(--accent);background:var(--navy-accent);box-shadow:0 4px 12px #0a84ff33}.loan-type-icon{font-size:2rem;margin-bottom:var(--space-2)}.loan-type-label{font-weight:600;font-size:1rem;margin-bottom:var(--space-1);color:var(--fg)}.loan-type-desc{font-size:.8rem;color:var(--muted);line-height:1.3}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.form-grid-vertical{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-weight:600;color:var(--fg);font-size:.9rem}.form-group input,.form-group select{padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;min-height:48px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff1a}.form-group input.error,.form-group select.error{border-color:var(--danger)}.error-message{color:var(--danger);font-size:.8rem;font-weight:500}.form-group small{color:var(--muted);font-size:.8rem;line-height:1.3;margin-top:2px}.form-group-with-slider{gap:var(--space-2)}.form-group-with-slider>label{display:none}.form-slider-row{display:flex;flex-direction:column;gap:var(--space-2);width:100%;height:auto;min-height:0;padding:0;margin:0}.form-slider-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.form-slider-value-with-unit{display:flex;align-items:baseline;gap:4px;flex-shrink:0;position:relative;width:auto}.form-slider-value-input{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--fg);width:auto;min-width:80px;text-align:right;flex-shrink:0;height:auto;background:transparent!important;border:none!important;border-bottom:1px solid rgba(29,40,73,.2)!important;border-radius:0!important;padding:var(--space-1) 0;padding-right:20px;margin:0;outline:none;transition:border-bottom-color .2s ease;box-shadow:none!important;line-height:1.5;vertical-align:baseline;min-height:auto}.form-slider-value-input:focus{border-bottom-color:var(--accent);box-shadow:none;outline:none}.form-slider-value-input:not(:placeholder-shown),.form-slider-value-input.has-value{border-bottom-color:#1d284966!important}.form-slider-value-input.error{border-bottom-color:var(--danger)!important}.form-slider-unit{position:absolute;right:0;top:0;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#1d284980;pointer-events:none;flex-shrink:0;min-width:12px;line-height:1.5;height:100%;display:flex;align-items:center;padding-top:0}.form-slider-header-label{font-weight:600;color:var(--brand-primary-main);font-size:.95rem;flex-shrink:0}.form-slider{flex:0 0 auto;min-width:0;width:100%;height:8px!important;max-height:8px!important;min-height:8px!important;border-radius:4px;background:var(--brand-neutral-gray-200);outline:none;-webkit-appearance:none!important;appearance:none!important;cursor:pointer;margin:0!important;padding:0!important;align-self:stretch;position:relative;z-index:3;box-sizing:border-box;line-height:1;vertical-align:middle;border:none!important;overflow:visible}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand-primary-main);cursor:pointer;box-shadow:0 2px 4px #1d284940;margin-top:-4px}.form-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand-primary-main);cursor:pointer;border:none;box-shadow:0 2px 4px #1d284940}.form-slider::-webkit-slider-runnable-track{width:100%!important;height:8px!important;border-radius:4px!important;background:var(--brand-neutral-gray-200)!important;border:none!important;margin:0!important;padding:0!important}.form-slider::-moz-range-track{width:100%!important;height:8px!important;border-radius:4px!important;background:var(--brand-neutral-gray-200)!important;border:none!important;margin:0!important;padding:0!important}@media(max-width:900px){.form-group-with-slider{padding-right:var(--space-2)}.form-slider-header{flex-wrap:wrap;gap:var(--space-2);padding-right:0}.form-slider-header-label{font-size:.9rem}.form-slider-value-with-unit{width:auto;gap:6px;padding-right:0;min-width:100px;max-width:140px;margin-right:var(--space-2)}.form-slider-value-input{width:auto;min-width:70px;max-width:110px;text-align:right;font-size:16px;padding-right:36px!important}.form-slider-unit{font-size:16px;right:var(--space-2)}}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-weight:500;color:var(--fg)}.checkbox-label input[type=checkbox]{margin:0;width:20px;height:20px;min-height:auto}.loan-table input[type=checkbox]{width:24px;height:24px;min-height:auto;margin:0;cursor:pointer;accent-color:var(--color-elekti-green);transform:scale(1.1)}.loan-table input[type=checkbox]:checked{background-color:var(--color-elekti-green);border-color:var(--color-elekti-green)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.btn-primary,.btn-secondary{padding:14px 24px;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-main);transform:translateY(-1px);box-shadow:0 4px 12px #0a84ff4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--brand-neutral-gray-50);color:var(--fg);border:2px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--brand-neutral-gray-100);border-color:var(--accent)}@media(max-width:900px){.loan-editor-overlay{padding:var(--space-2)}.loan-editor-modal{max-height:95vh;border-radius:var(--radius)}.loan-editor-header{padding:var(--space-3);margin-top:var(--space-4)}.loan-editor-header h2{font-size:1.3rem}.loan-editor-form{padding:var(--space-3)}.form-grid{grid-template-columns:1fr;gap:var(--space-2)}.loan-type-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-2)}.loan-type-btn{padding:var(--space-2);min-height:100px}.loan-type-icon{font-size:1.5rem}.form-actions{flex-direction:column-reverse;gap:var(--space-2)}.btn-primary,.btn-secondary{width:100%;padding:16px 24px;font-size:16px;min-height:56px}}@media(max-width:480px){.loan-editor-overlay{padding:var(--space-1)}.loan-editor-header{padding:var(--space-2);margin-top:var(--space-3)}.loan-editor-form{padding:var(--space-2)}.loan-type-grid{grid-template-columns:1fr}.form-group input,.form-group select{padding:12px 10px;font-size:16px;min-height:44px}.btn-primary,.btn-secondary{padding:14px 20px;font-size:16px;min-height:48px}}.single-loan-display{display:flex;justify-content:center;align-items:center;padding:var(--space-3)}.single-loan-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--brand-primary-main);text-align:center;box-shadow:0 8px 24px #00000026;position:relative;overflow:hidden}.single-loan-circle:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.single-loan-content{position:relative;z-index:1;padding:var(--space-3)}.single-loan-label{font-size:.9rem;font-weight:500;margin-bottom:var(--space-2);opacity:.9}.single-loan-value{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1)}.single-loan-percentage{font-size:1.1rem;font-weight:600;opacity:.9}@media(max-width:900px){.single-loan-circle{width:160px;height:160px}.single-loan-value{font-size:1.3rem}.single-loan-label{font-size:.8rem}.single-loan-percentage{font-size:1rem}}@media(max-width:480px){.single-loan-circle{width:140px;height:140px}.single-loan-value{font-size:1.1rem}.single-loan-label{font-size:.7rem}.single-loan-percentage{font-size:.9rem}}.active-loan-indicator{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:#27ae601a;border-radius:var(--radius);font-size:.8rem;color:var(--brand-secondary-main);font-weight:500}.active-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.tips-section-content{padding:var(--space-2)}.tips-content{padding:0 var(--space-2) var(--space-2) var(--space-2)}.tips-grid{grid-template-columns:1fr;gap:var(--space-2);width:100%}.tip-card{padding:var(--space-2);width:100%;max-width:100%}.tip-card h5{font-size:1rem}.tip-card p{font-size:.9rem}.tip-card ul{font-size:.85rem}.active-loan-indicator{font-size:.75rem;padding:var(--space-1)}}@media(min-width:769px)and (max-width:1024px){.tips-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(min-width:1025px){.tips-grid{grid-template-columns:repeat(3,1fr);max-width:100%}.tips-content{padding:0 var(--space-4) var(--space-4) var(--space-4)}}.chart-container{position:relative;overflow-x:auto;overflow-y:hidden}.chart{display:block;max-width:100%;height:auto}.chart-tabs.mobile{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.chart-tabs.mobile .tab{flex:1;padding:12px 8px;font-size:14px;min-height:44px;border-radius:var(--radius);border:2px solid var(--brand-primary-main);background:var(--navy-gradient);color:var(--brand-neutral-white);cursor:pointer;transition:all .2s ease;font-weight:500}.chart-tabs.mobile .tab:hover{border-color:var(--brand-secondary-main);background:var(--navy-accent)}.chart-tabs.mobile .tab.active{background:var(--brand-secondary-main);color:var(--brand-primary-main);border-color:var(--brand-secondary-main)}.mobile-title{font-size:1.1rem!important;margin:var(--space-2) 0;text-align:center}.chart-tabs:not(.mobile){display:flex;gap:var(--space-2);margin-bottom:var(--space-3);justify-content:center}.chart-tabs:not(.mobile) .tab{padding:10px 20px;font-size:14px;border:2px solid var(--brand-primary-main);background:var(--navy-gradient);color:var(--brand-neutral-white);cursor:pointer;transition:all .2s ease;border-radius:var(--radius);font-weight:500;min-height:40px}.chart-tabs:not(.mobile) .tab:hover{border-color:var(--brand-secondary-main);background:var(--navy-accent);transform:translateY(-1px)}.chart-tabs:not(.mobile) .tab.active{background:var(--brand-secondary-main);color:var(--brand-primary-main);border-color:var(--brand-secondary-main);box-shadow:0 4px 12px #1d28494d}@media(max-width:1024px){.chart-tabs:not(.mobile){gap:var(--space-1)}.chart-tabs:not(.mobile) .tab{padding:8px 16px;font-size:13px}}@media(max-width:900px){.chart-tabs:not(.mobile){display:none}.chart-container{width:100%;max-width:100%}}@media(max-width:480px){.chart-tabs.mobile .tab{padding:10px 6px;font-size:13px;min-height:48px}.chart-container{width:100%;max-width:100%}}.chart:focus{outline:2px solid var(--accent);outline-offset:2px}@media(hover:none)and (pointer:coarse){.chart rect,.chart path{cursor:pointer}.chart rect:hover,.chart path:hover{opacity:.7}}.chart-container.loading{position:relative;min-height:200px}.chart-container.loading:after{content:"Loading chart...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:14px}.chart-container.error{display:flex;align-items:center;justify-content:center;min-height:200px;background:#e74c3c1a;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger)}.chart-legend{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:12px;padding:4px 8px;background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--border)}.legend-color{width:12px;height:12px;border-radius:2px}@media(max-width:900px){.chart-legend{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.legend-item{font-size:11px;padding:3px 6px}.legend-color{width:10px;height:10px}}.chart-scaling-demo{margin:var(--space-4) 0;padding:var(--space-4);background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--border)}.chart-scaling-demo h3{color:var(--brand-primary-main);margin-bottom:var(--space-3);text-align:center}.chart-container-demo{border:2px solid #e74c3c!important;border-radius:8px!important;padding:20px!important;margin:20px 0!important;background-color:#f8f9fa!important;min-height:400px!important}.container-info h4,.chart-section h5,.scaling-details h5{color:var(--brand-primary-main);margin-bottom:var(--space-2)}.info-grid,.chart-metrics,.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.info-grid>div,.chart-metrics>div,.details-grid>div{padding:var(--space-1);background:var(--brand-neutral-gray-50);border-radius:4px;font-size:14px}.chart-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-3) 0}.chart-section{padding:var(--space-3);background:var(--brand-neutral-white);border-radius:var(--radius);border:1px solid var(--border)}.chart-visualization{text-align:center;margin-top:var(--space-2)}.chart-box{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.chart-box.enhanced{background-color:#2ecc71!important;border:2px solid #27ae60!important}.chart-box.basic{background-color:#3498db!important;border:2px solid #2980b9!important}.chart-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.scaling-benefits{margin-top:var(--space-4);padding:var(--space-3);background:var(--brand-neutral-gray-50);border-radius:var(--radius)}.scaling-benefits h4{color:var(--brand-primary-main);margin-bottom:var(--space-2)}.scaling-benefits ul{list-style:none;padding:0}.scaling-benefits li{padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.scaling-benefits li:last-child{border-bottom:none}@media(max-width:900px){.chart-comparison{grid-template-columns:1fr;gap:var(--space-2)}.info-grid,.chart-metrics,.details-grid{grid-template-columns:1fr}.chart-scaling-demo{padding:var(--space-2)}}.slider-section{margin:var(--space-3) 0;padding:var(--space-3);background:var(--navy-gradient);border:2px solid var(--brand-secondary-main);border-radius:var(--radius);color:var(--brand-neutral-white)}.slider-label{display:flex;align-items:center;justify-content:flex-start;font-weight:600;color:var(--brand-secondary-main);margin-bottom:var(--space-2);font-size:16px;height:40px;background:none;border:none;padding:0;border-radius:0}.payment-slider{width:100%;height:8px;border-radius:4px;background:var(--brand-neutral-gray-200);outline:none;-webkit-appearance:none;appearance:none;margin:var(--space-2) 0}.payment-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--brand-secondary-main);cursor:pointer;box-shadow:0 2px 8px #b7f9b766;transition:all var(--brand-transition-base)}.payment-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #b7f9b799}.payment-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--brand-secondary-main);cursor:pointer;border:none;box-shadow:0 2px 8px #b7f9b766}.slider-container{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.slider-value{text-align:center;font-weight:700;font-size:18px;color:var(--brand-secondary-main);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:#b7f9b71a;border-radius:var(--radius);border:1px solid var(--brand-secondary-main)}.payment-capacity-slider-integrated{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(183,249,183,.2)}.payment-capacity-slider-integrated .slider-label{margin-bottom:var(--space-2)}.payment-capacity-slider-integrated .slider-container{width:100%}.payment-capacity-slider-integrated .slider-marks{margin-top:var(--space-1)}.slider-marks{display:flex;justify-content:space-between;font-size:12px;color:var(--brand-neutral-offwhite);margin-top:var(--space-1)}.payment-capacity-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-3) 0}.capacity-card{background:var(--navy-gradient);border:2px solid var(--brand-secondary-main);border-radius:var(--radius);padding:var(--space-3);position:relative;overflow:hidden}.capacity-card>*{position:relative;z-index:2}.capacity-card.interest{border-color:var(--brand-secondary-main)}.capacity-card.term{border-color:var(--brand-primary-main)}.card-header h4{margin:0 0 var(--space-2) 0;color:var(--brand-neutral-white);font-size:16px;font-weight:600}.card-content{text-align:center;margin:var(--space-2) 0}.main-value{font-size:24px;font-weight:700;color:var(--brand-secondary-main);margin-bottom:var(--space-1)}.delta-value{font-size:16px;font-weight:600;margin-bottom:var(--space-2)}.slider-difference{font-size:14px;font-weight:600;margin-top:var(--space-1);padding:var(--space-1);background:#ffffff1a;border-radius:var(--radius);color:var(--brand-neutral-white)}.calculation-card{margin:var(--space-3) 0;padding:var(--space-3);background:var(--navy-gradient);border:2px solid var(--brand-secondary-main);border-radius:var(--radius);color:var(--brand-neutral-white);position:relative;overflow:hidden;width:100%;box-sizing:border-box}@media(max-width:900px){.calculation-card{margin:var(--space-2) 0;padding:var(--space-2);width:100%;max-width:100%}}@media(max-width:480px){.calculation-card{margin:var(--space-1) 0;padding:var(--space-2);width:100%;max-width:100%;min-width:100%}.consolidation-table{width:100%;max-width:100%;min-width:100%}}.calculation-card>*{position:relative;z-index:2}.calculation-card h3{margin-top:0;margin-bottom:var(--space-3);color:var(--brand-secondary-main);font-size:18px;font-weight:600;text-align:center}.calculation-grid{display:flex;flex-direction:column;gap:0;border:1px solid var(--brand-secondary-main);border-radius:var(--radius);overflow:hidden;background:#b7f9b70d}.calculation-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(183,249,183,.2);background:#1d28494d}.calculation-row:last-child{border-bottom:none}.calculation-row.result{background:#b7f9b71a;border-top:2px solid var(--brand-secondary-main);font-weight:600}.calculation-row.section-header{background:#b7f9b726;border-top:2px solid var(--brand-secondary-main);font-weight:600;color:var(--brand-secondary-main)}.calculation-label{font-size:14px;color:var(--brand-neutral-white);font-weight:500}.calculation-value{font-size:16px;font-weight:600;color:var(--brand-neutral-white)}.calculation-value.positive{color:var(--brand-secondary-main)}.calculation-value.negative{color:var(--brand-semantic-error)}.delta-value:not(:empty){padding:var(--space-1) var(--space-2);border-radius:var(--radius);background:#b7f9b71a}.consolidation-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid var(--brand-secondary-main);border-radius:var(--radius);overflow:hidden;background:#b7f9b70d;min-width:0;width:100%;max-width:100%}@media(max-width:480px){.consolidation-table{font-size:12px}.table-cell{padding:var(--space-1) var(--space-2)}.header-cell,.label-cell{font-size:12px}.value-cell,.difference-cell{font-size:14px}}@media(max-width:360px){.calculation-card{width:100vw;max-width:100vw;margin-left:calc(-1 * var(--space-2));margin-right:calc(-1 * var(--space-2));border-radius:0}.consolidation-table{font-size:11px;width:100%;max-width:100%}.table-cell{padding:var(--space-1);min-width:0;flex-shrink:1}.header-cell{font-size:11px}.label-cell{font-size:11px;flex:1;min-width:0}.value-cell,.difference-cell{font-size:12px;min-width:0;flex-shrink:1}}.table-header,.table-row{display:contents}.table-cell{padding:var(--space-2) var(--space-3);border-bottom:1px solid rgba(183,249,183,.2);border-right:1px solid rgba(183,249,183,.2);display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.table-cell:last-child{border-right:none}.table-row:last-child .table-cell{border-bottom:none}.header-cell{background:#b7f9b726;font-weight:600;color:var(--brand-secondary-main);font-size:14px}.label-cell{background:#1d28494d;font-weight:500;color:var(--brand-neutral-white);font-size:14px;justify-content:flex-start}.value-cell{background:#1d28494d;font-weight:600;color:var(--brand-neutral-white);font-size:16px}.difference-cell{background:#b7f9b71a;font-weight:600;font-size:16px;border-top:2px solid var(--brand-secondary-main)}.table-row:last-child .label-cell{background:#b7f9b71a;border-top:2px solid var(--brand-secondary-main);font-weight:600;color:var(--brand-secondary-main)}.difference-cell.positive{color:var(--brand-secondary-main)}.difference-cell.negative{color:var(--brand-semantic-error)}.total-payable{font-size:14px;color:var(--brand-neutral-offwhite);margin-bottom:var(--space-2);padding:var(--space-1);background:#ffffff0d;border-radius:var(--radius)}.feasibility{margin-top:var(--space-2)}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.feasible{background:var(--brand-semantic-success);color:var(--brand-neutral-white)}.badge.unrealistic{background:var(--brand-semantic-error);color:var(--brand-neutral-white)}.card-footer{margin-top:var(--space-2);text-align:center;padding-top:var(--space-2);border-top:1px solid rgba(183,249,183,.2)}.explanation-section{margin-top:var(--space-3);padding:var(--space-3);background:#b7f9b70d;border-radius:var(--radius);border:1px solid rgba(183,249,183,.2)}.explanation-section h4{color:var(--brand-secondary-main);margin:0 0 var(--space-2) 0;font-size:16px}.explanation-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.explanation-item{font-size:14px;line-height:1.5;color:var(--brand-neutral-offwhite)}.explanation-item strong{color:var(--brand-neutral-white)}.scenario-summary{text-align:center;margin-bottom:var(--space-3);padding:var(--space-2);background:#b7f9b70d;border-radius:var(--radius);border:1px solid rgba(183,249,183,.2)}@media(max-width:900px){.payment-capacity-grid,.explanation-grid{grid-template-columns:1fr;gap:var(--space-2)}.slider-container{padding:0 var(--space-1)}.capacity-card{padding:var(--space-2)}.main-value{font-size:20px}}.payment-capacity{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2d3748}.payment-capacity .card-header h3{color:#60a5fa;margin-bottom:1rem}.scenario-summary{background:#2d37484d;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.scenario-summary h3{color:#60a5fa;margin-bottom:1.5rem;font-size:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.kpi-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#1a1a2e80;border-radius:6px;border:1px solid #374151}.kpi-label{font-size:.875rem;color:#9ca3af;margin-bottom:.5rem}.kpi-value{font-size:1.5rem;font-weight:600;color:#f3f4f6}.kpi-value.relief{color:#fbbf24}.kpi-value.positive{color:var(--brand-semantic-success)}.kpi-value.negative{color:var(--brand-semantic-error)}.optimization-options{margin-top:2rem}.optimization-options>.analysis-insight{margin-bottom:1.25rem}.optimization-options .analysis-insight h4,.analysis-insight h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--brand-neutral-white);opacity:.95}.optimization-options .analysis-insight .options-description,.analysis-insight .options-description{margin:0;font-size:13px;line-height:1.4;opacity:.9;color:var(--brand-neutral-white)}.option-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.option-card{background:#1a1a2eb3;border:1px solid #374151;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#60a5fa,#8b5cf6)}.option-card:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 8px 25px #60a5fa26}.option-card.term-extension:before{background:linear-gradient(90deg,#10b981,#059669)}.option-card.consolidation:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.option-card.rate-reduction:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.option-card.interest-only:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.option-card.term-shortening:before{background:linear-gradient(90deg,#10b981,#059669)}.option-card.info-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.card-header{margin-bottom:1.5rem}.option-card .card-header h5{color:#f3f4f6!important;font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.option-card .card-subtitle{color:#9ca3af!important;font-size:.875rem;line-height:1.4}.card-content{margin-bottom:1.5rem}.main-result{text-align:center;margin-bottom:1.5rem}.option-card .result-value{font-size:2rem;font-weight:700;color:#60a5fa!important;margin-bottom:.5rem}.option-card .result-label{color:#9ca3af!important;font-size:.875rem}.result-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#1a1a2e4d;border-radius:4px}.option-card .detail-label{color:#9ca3af!important;font-size:.875rem}.option-card .detail-value{font-weight:600;font-size:.875rem;color:#fff!important}.option-card .detail-value.positive{color:#10b981!important}.option-card .detail-value.negative{color:#ef4444!important}.result-error{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:.875rem;padding:1rem;background:#fbbf241a;border-radius:6px;border:1px solid rgba(251,191,36,.3)}.error-icon{font-size:1.25rem}.optimization-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}@media(min-width:900px){.optimization-cards-grid{grid-template-columns:1fr 1fr;gap:2rem}}.info-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.info-option{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#3b82f61a;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.info-icon{font-size:1.25rem;flex-shrink:0}.info-text{color:#e5e7eb;font-size:.875rem;font-weight:500}.info-note{padding:.75rem;background:#3b82f60d;border-radius:6px;border:1px solid rgba(59,130,246,.1)}.info-note p{color:#9ca3af;font-size:.875rem;margin:0;line-height:1.4}.expand-btn{background:#60a5fa1a;color:#60a5fa;border:1px solid rgba(96,165,250,.3);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease;width:100%}.expand-btn:hover{background:#60a5fa33;border-color:#60a5fa80}.expanded-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(55,65,81,.5)}.expanded-details h6{color:#60a5fa;margin-bottom:1rem;font-size:1rem}.loan-breakdown{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.loan-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1a1a2e4d;border-radius:6px;font-size:.875rem}.loan-name{color:var(--brand-neutral-white);font-weight:600;min-width:80px}.expanded-details .loan-name{color:var(--brand-neutral-white)!important}.loan-details{color:#9ca3af;text-align:center;flex:1}.loan-payment{color:#60a5fa;font-weight:600;text-align:right;min-width:120px}.consolidation-summary{margin-bottom:1.5rem}.consolidation-summary p{color:#9ca3af;margin-bottom:.75rem}.consolidation-summary ul{list-style:none;padding:0;margin:0}.consolidation-summary li{color:#f3f4f6;padding:.25rem 0;font-size:.875rem}.remaining-loans{margin-bottom:1.5rem}.remaining-loans p{color:#9ca3af;margin-bottom:.75rem}.remaining-loans ul{list-style:none;padding:0;margin:0}.remaining-loans li{color:#f3f4f6;padding:.25rem 0;font-size:.875rem}.rate-breakdown{margin-bottom:1.5rem}.rate-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1a1a2e4d;border-radius:6px;margin-bottom:.5rem}.rate-item .loan-name{color:var(--brand-neutral-white);font-weight:600}.rate-change{color:#60a5fa;font-weight:600;text-align:right}.io-breakdown{margin-bottom:1.5rem}.io-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1a1a2e4d;border-radius:6px;margin-bottom:.5rem}.io-item .loan-name{color:var(--brand-neutral-white);font-weight:600}.io-relief{color:#10b981;font-weight:600;text-align:right}.add-loan-disclaimer{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius);font-size:.9rem;color:#000;line-height:1.4}.add-loan-disclaimer .disclaimer-icon{font-size:16px;flex-shrink:0;margin-top:2px}.add-loan-disclaimer .disclaimer-text{flex:1;font-weight:500;color:#000}.disclaimer{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;padding:1rem;font-size:.8rem;color:#fbbf24;line-height:1.4}.disclaimer strong{color:#f59e0b}.consolidation-note{margin-top:2rem;padding:1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;text-align:center}.note-text{color:#60a5fa;margin:0;font-size:.9rem;line-height:1.5}.note-text strong{color:#3b82f6}@media(max-width:900px){.option-cards-grid{display:flex;flex-direction:row;grid-template-columns:unset;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;padding-left:1.25rem;padding-right:1.25rem}.option-cards-grid .option-card{flex:0 0 85%;min-width:260px;scroll-snap-align:start;scroll-snap-stop:normal}.optimization-cards-grid{display:flex;flex-direction:row;grid-template-columns:unset;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;padding-left:1.25rem;padding-right:1.25rem}.optimization-cards-grid .option-card{flex:0 0 85%;min-width:260px;scroll-snap-align:start;scroll-snap-stop:normal}.option-cards-grid::-webkit-scrollbar,.optimization-cards-grid::-webkit-scrollbar{height:4px}.option-cards-grid::-webkit-scrollbar-thumb,.optimization-cards-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.kpi-grid{grid-template-columns:1fr}.loan-item,.rate-item,.io-item{flex-direction:column;gap:.5rem;text-align:center}.loan-payment,.rate-change,.io-relief{text-align:center;min-width:auto}}.cost-breakdown{margin-bottom:1.5rem}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin-bottom:.75rem}.cost-label{color:#f3f4f6;font-weight:500}.cost-value{font-weight:600}.cost-value.negative{color:#ef4444}.cost-explanation{color:#9ca3af;font-size:.8rem;line-height:1.4;padding:.5rem 0}.loan-table-preview{background:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0}.preview-row{display:flex;align-items:center;margin-bottom:12px;padding:8px 0}.preview-row:last-child{margin-bottom:0}.preview-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.preview-text{font-size:16px;color:#495057;font-family:Nunito Sans,sans-serif}.teaser-modal{max-width:600px}.teaser-celebration{text-align:center;margin-bottom:20px}.teaser-header-inline{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.teaser-header-inline .celebration-emoji{font-size:32px;margin-bottom:0;flex-shrink:0}.teaser-header-inline .welcome-step-title{margin:0;font-size:24px;flex-shrink:0}.teaser-header-inline .welcome-step-description{margin:0;font-size:16px;color:#6c757d;flex:1;min-width:200px}.celebration-emoji{font-size:48px;margin-bottom:10px}.teaser-insights{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:12px;margin:12px 0}.teaser-stat{display:flex;align-items:center;margin-bottom:8px;padding:6px 0;border-bottom:1px solid #dee2e6}.teaser-stat:last-child{margin-bottom:0;border-bottom:none}.stat-icon{font-size:20px;margin-right:12px;width:28px;text-align:center}.stat-content{flex:1}.stat-label{font-size:13px;color:#6c757d;margin-bottom:2px;font-family:Nunito Sans,sans-serif}.stat-value{font-size:16px;font-weight:700;color:#28a745;font-family:Nunito Sans,sans-serif}.teaser-cta{text-align:center;margin-top:12px;padding:10px;background:#28a7451a;border-radius:8px}.teaser-cta-text{font-size:14px;color:#28a745;font-weight:600;margin:0;font-family:Nunito Sans,sans-serif}.welcome-banner{background:linear-gradient(135deg,var(--brand-primary-main) 0%,var(--brand-primary-dark) 100%);border-radius:var(--radius);margin-bottom:var(--space-3);padding:var(--space-4);color:var(--brand-neutral-white);box-shadow:var(--brand-shadow-lg)}.welcome-banner-content{text-align:center;max-width:600px;margin:0 auto}.welcome-banner-animation-container{position:relative;min-height:120px}.welcome-banner-title{font-size:var(--brand-font-size-xl);font-weight:var(--brand-font-weight-bold);margin:0 0 var(--space-2) 0;color:var(--brand-neutral-white);font-family:Nunito Sans,sans-serif;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;transition:opacity .8s ease-in-out,transform .8s ease-in-out}.welcome-banner-title.fade-in{opacity:1;transform:translate(-50%) scale(1)}.welcome-banner-title.fade-out{opacity:0;transform:translate(-50%) scale(.95)}.welcome-banner-permanent-content{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;transition:opacity 1s ease-in-out;transition-delay:.3s}.welcome-banner-permanent-content.fade-in{opacity:1}.welcome-banner-permanent-content.hidden{opacity:0;transition-delay:0s}.welcome-banner-subtitle{font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-semibold);margin:0 0 var(--space-2) 0;color:var(--brand-neutral-white);font-family:Nunito Sans,sans-serif}.welcome-banner-description{font-size:var(--brand-font-size-md);margin:0;color:#ffffffe6;line-height:1.6;font-family:Nunito Sans,sans-serif}.section-content:has(.tools-introduction){background:transparent;padding:0}@media(min-width:900px){.section-content:has(.tools-introduction){display:none}}.tools-introduction{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:var(--space-4);margin-bottom:var(--space-4)}.tools-intro-header{text-align:center;margin-bottom:var(--space-3)}.tools-intro-header h3{font-size:1.25rem;font-weight:600;color:var(--brand-neutral-white);margin:0 0 var(--space-1) 0;opacity:.95}.tools-intro-header p{font-size:.875rem;color:var(--brand-neutral-white);margin:0;opacity:.8;line-height:1.4}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3);margin-bottom:0}@media(min-width:1200px){.tools-grid{grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto}}@media(min-width:900px)and (max-width:1199px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-intro-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:12px;text-align:center;transition:all .3s ease}.tool-intro-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--brand-secondary-main)}.tool-intro-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.tool-intro-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--brand-secondary-main);background-color:#f8f9fa}.tool-intro-card.clickable:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.tool-intro-card.clickable:focus{outline:2px solid var(--brand-secondary-main);outline-offset:2px}.tool-icon{font-size:22px;margin-bottom:6px}.tool-intro-card h4{font-size:15px;font-weight:600;color:#495057;margin:0 0 4px;font-family:Nunito Sans,sans-serif}.tool-intro-card p{font-size:12px;color:#6c757d;margin:0;line-height:1.2;font-family:Nunito Sans,sans-serif}.tools-intro-footer{text-align:center;padding:16px;background:#28a7451a;border-radius:8px}.tools-intro-footer p{font-size:16px;color:#28a745;font-weight:600;margin:0;font-family:Nunito Sans,sans-serif}.tips-modal-overlay{position:fixed;inset:0;background:#1d2849d9;display:flex;align-items:flex-end;justify-content:center;z-index:2000;padding:0;animation:tips-overlay-in .2s ease-out}@keyframes tips-overlay-in{0%{opacity:0}to{opacity:1}}.tips-modal{background:var(--brand-neutral-white);border-radius:var(--brand-radius-lg) var(--brand-radius-lg) 0 0;box-shadow:0 -4px 24px #0003;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:tips-modal-in .25s ease-out}@keyframes tips-modal-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tips-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--brand-primary-main);color:var(--brand-neutral-white);flex-shrink:0}.tips-modal-title{margin:0;font-size:var(--brand-font-size-lg);font-weight:600}.tips-modal-close{background:transparent;border:none;color:var(--brand-neutral-white);font-size:1.75rem;line-height:1;cursor:pointer;padding:var(--space-1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.tips-modal-close:hover{background:#ffffff26}.tips-modal-body{overflow-y:auto;padding:var(--space-4);flex:1}.tips-modal-body .tips-content,.tips-modal-body .tips-grid{margin:0}.welcome-modal-overlay{position:fixed;inset:0;background:#1d2849cc;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-3);opacity:0;visibility:hidden;transition:all .3s ease}.welcome-modal-overlay.visible{opacity:1;visibility:visible}.welcome-modal{background:var(--brand-neutral-white);border-radius:var(--brand-radius-lg);box-shadow:0 20px 60px #1d28494d;max-width:700px;width:100%;max-height:90vh;overflow:hidden;position:relative;transform:scale(.9);transition:transform .3s ease;display:flex;flex-direction:column}.welcome-modal-overlay.visible .welcome-modal{transform:scale(1)}.welcome-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--brand-primary-main) 0%,var(--brand-primary-dark) 100%);color:var(--brand-neutral-white);min-height:72px;flex-shrink:0}.welcome-logo{display:flex;align-items:center;flex-shrink:0;min-width:0}.welcome-logo svg{height:32px;width:auto}.welcome-close-btn{background:none;border:none;color:var(--brand-neutral-white);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0;min-width:40px}.welcome-close-btn:hover{background:#ffffff1a}.welcome-modal-content{padding:var(--space-4);flex:1;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;min-height:0}.welcome-step{text-align:left;max-width:600px;width:100%}.welcome-step-icon{font-size:4rem;margin-bottom:var(--space-3);display:block}.welcome-step-title{margin:0 0 var(--space-2) 0;font-size:1.6rem;font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main);line-height:1.2}.welcome-step-description{margin:0 0 var(--space-3) 0;font-size:1rem;color:var(--fg);line-height:1.5}.welcome-step-features{list-style:none;padding:0;margin:0;text-align:left}.welcome-step-feature{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0;font-size:.95rem;color:var(--fg);line-height:1.4}.feature-check{color:var(--brand-secondary-main);font-weight:700;font-size:1.2rem;min-width:20px}.welcome-modal-footer{padding:var(--space-1);border-top:1px solid var(--border);background:var(--navy-gradient);flex-shrink:0}.welcome-progress{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.welcome-step .welcome-progress{margin-bottom:var(--space-3);margin-top:0}.welcome-progress-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-neutral-gray-300);transition:all .3s ease}.welcome-progress-dot.active{background:var(--brand-secondary-main);transform:scale(1.2)}.welcome-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-2);background:#1d28490d;border-radius:var(--brand-radius-md);border:1px solid rgba(29,40,73,.1)}.welcome-btn{padding:16px 20px;border-radius:var(--brand-radius-md);font-size:1.2rem;font-weight:var(--brand-font-weight-semibold);cursor:pointer;transition:all .2s ease;border:2px solid transparent;min-width:60px;box-shadow:0 2px 8px #0000001a}.welcome-btn-primary{background:var(--brand-secondary-main);color:var(--brand-primary-main);border-color:var(--brand-secondary-main)}.welcome-btn-primary:hover{background:var(--brand-secondary-dark);border-color:var(--brand-secondary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1d284933}.welcome-btn-secondary{background:transparent;color:var(--brand-primary-main);border-color:var(--brand-primary-main)}.welcome-btn-secondary:hover{background:var(--brand-primary-main);color:var(--brand-neutral-white)}@media(max-width:900px){.welcome-banner{padding:var(--space-3);margin-bottom:var(--space-2)}.welcome-banner-animation-container{min-height:100px}.welcome-banner-title{font-size:var(--brand-font-size-lg)}.welcome-banner-subtitle{font-size:var(--brand-font-size-md)}.welcome-banner-description{font-size:var(--brand-font-size-sm);line-height:1.5}}@media(max-width:480px){.welcome-banner{padding:var(--space-2);margin-bottom:var(--space-2)}.welcome-banner-animation-container{min-height:80px}.welcome-banner-title{font-size:var(--brand-font-size-md)}.welcome-banner-subtitle{font-size:var(--brand-font-size-sm)}.welcome-banner-description{font-size:var(--brand-font-size-xs);line-height:1.4}}@media(max-width:900px){.welcome-modal{max-width:calc(100vw - 2rem);margin:1rem;max-height:95vh}.welcome-modal-header{padding:var(--space-3);flex-shrink:0;min-height:60px}.welcome-logo{flex-shrink:0}.welcome-logo svg,.welcome-logo img{height:28px;width:auto;max-width:120px}.welcome-close-btn{width:36px;height:36px;font-size:1.5rem;flex-shrink:0}.welcome-modal-content{padding:var(--space-3);min-height:0;flex:1}.welcome-step-title{font-size:1.4rem;margin-bottom:var(--space-2)}.welcome-step-description{font-size:.95rem;margin-bottom:var(--space-2)}.welcome-step-feature{font-size:.9rem;padding:var(--space-1) 0}.welcome-modal-footer{padding:var(--space-1);flex-shrink:0}.welcome-actions{flex-direction:row;gap:var(--space-3);justify-content:center}.welcome-btn{width:auto;padding:16px 20px;min-width:60px}.welcome-modal-content::-webkit-scrollbar{width:6px}.welcome-modal-content::-webkit-scrollbar-track{background:#1d28491a;border-radius:3px}.welcome-modal-content::-webkit-scrollbar-thumb{background:var(--brand-primary-main);border-radius:3px}.welcome-modal-content::-webkit-scrollbar-thumb:hover{background:var(--brand-primary-dark)}}@media(max-width:480px){.welcome-modal-header{padding:var(--space-2);min-height:56px}.welcome-logo svg,.welcome-logo img{height:24px;max-width:100px}.welcome-close-btn{width:32px;height:32px;font-size:1.25rem}.welcome-modal{margin:.5rem;max-width:calc(100vw - 1rem)}}.payment-schedule-page{background:var(--brand-neutral-white);color:var(--brand-primary-main);border-radius:var(--brand-radius-lg);padding:var(--space-4);margin-top:var(--space-3);box-shadow:var(--brand-shadow-md)}.payment-schedule-page .payment-schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--brand-primary-main)}.header-controls{display:flex;gap:var(--space-2);align-items:center}.payment-schedule-header h3{margin:0;color:var(--brand-primary-main);font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-semibold)}.expand-toggle{background:var(--brand-primary-main);color:var(--brand-neutral-white);border:none;border-radius:var(--brand-radius-md);padding:var(--space-2) var(--space-3);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium);cursor:pointer;transition:all var(--brand-transition-base)}.expand-toggle:hover{background:var(--brand-primary-light);transform:translateY(-1px)}.details-toggle{background:var(--brand-semantic-success);color:var(--brand-neutral-white);border:none;border-radius:var(--brand-radius-md);padding:var(--space-2) var(--space-3);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium);cursor:pointer;transition:all var(--brand-transition-base);display:flex;align-items:center;gap:var(--space-1)}.details-toggle:hover{background:#2d5a2d;transform:translateY(-1px)}.loan-filter-select{background:var(--brand-neutral-white);color:var(--brand-primary-main);border:2px solid var(--brand-primary-main);border-radius:var(--brand-radius-md);padding:var(--space-2) var(--space-3);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium);cursor:pointer;transition:all var(--brand-transition-base);min-width:200px}.loan-filter-select:hover{border-color:var(--brand-primary-light);background:#b7f9b70d}.loan-filter-select:focus{outline:none;border-color:var(--brand-primary-light);box-shadow:0 0 0 3px #b7f9b733}.payment-schedule-page .payment-schedule-table-container{overflow-x:auto;border-radius:var(--brand-radius-md);border:1px solid var(--brand-neutral-gray-200);box-shadow:0 2px 8px #b7f9b71a}.payment-schedule-page .payment-schedule-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--brand-neutral-white);min-width:800px}.payment-schedule-table th{background:var(--brand-primary-main);color:var(--brand-neutral-white);padding:var(--space-3) var(--space-2);text-align:center;font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-sm);border-right:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:2}.payment-schedule-table th:first-child{background:var(--brand-secondary-main);color:var(--brand-primary-main);font-weight:var(--brand-font-weight-bold)}.payment-schedule-table th:last-child{border-right:none}.loan-group-header{background:var(--brand-primary-light)!important;font-weight:var(--brand-font-weight-bold)!important}.total-group-header{background:var(--brand-semantic-success)!important;font-weight:var(--brand-font-weight-bold)!important}.payment-schedule-table td{padding:var(--space-2);text-align:center;border-right:1px solid var(--brand-neutral-gray-200);border-bottom:1px solid var(--brand-neutral-gray-200);font-size:var(--brand-font-size-sm);color:var(--brand-primary-main)}.payment-schedule-table td:last-child{border-right:none}.payment-schedule-table tbody tr:hover{background-color:#b7f9b714;transition:background-color var(--brand-transition-base);box-shadow:0 2px 4px #b7f9b71a}.month-cell{text-align:left!important;font-weight:var(--brand-font-weight-medium);background:#b7f9b726;border-left:3px solid var(--brand-secondary-main);position:relative}.month-number{font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}.month-label{font-size:var(--brand-font-size-xs);color:var(--brand-neutral-gray-600);margin-top:2px}.amount-cell,.amortization-cell,.costs-cell,.payment-cell,.balance-cell{font-family:Courier New,monospace;font-weight:var(--brand-font-weight-medium)}.total-loan-amount-cell,.total-amortization-cell,.total-costs-cell,.total-payment-cell{background:#b7f9b71a;font-weight:var(--brand-font-weight-semibold);font-family:Courier New,monospace}.payment-schedule-page .payment-schedule-footer{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--brand-neutral-gray-200);text-align:center}.payment-schedule-footer p{margin:0;color:var(--brand-neutral-gray-600);font-size:var(--brand-font-size-sm);font-style:italic}.no-data{text-align:center;padding:var(--space-4);color:var(--brand-neutral-gray-600);font-style:italic;background:#b7f9b70d;border-radius:var(--brand-radius-md);border:1px dashed var(--brand-neutral-gray-300)}@media(max-width:900px){.payment-schedule-page{padding:var(--space-2);margin-top:var(--space-2)}.wrap:has(.tool-header) .payment-schedule-page{margin-top:0}.payment-schedule-page .payment-schedule-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.header-controls{flex-direction:column;align-items:stretch;gap:var(--space-1);width:100%}.payment-schedule-header h3{font-size:var(--brand-font-size-md)}.expand-toggle,.details-toggle{padding:var(--space-1) var(--space-2);font-size:var(--brand-font-size-xs);justify-content:center}.loan-filter-select{min-width:auto;width:100%;padding:var(--space-1) var(--space-2);font-size:var(--brand-font-size-xs)}.payment-schedule-page .payment-schedule-table{min-width:600px}.payment-schedule-table th,.payment-schedule-table td{padding:var(--space-1);font-size:var(--brand-font-size-xs)}.month-number{font-size:var(--brand-font-size-xs)}.month-label{font-size:10px}}@media(max-width:760px){.payment-schedule-page .payment-schedule-table{min-width:100%;table-layout:fixed;width:100%}.payment-schedule-table th,.payment-schedule-table td{padding:var(--space-1);font-size:var(--brand-font-size-xs)}.payment-schedule-table th:first-child,.payment-schedule-table td:first-child,.month-cell{width:10%!important;min-width:35px!important;max-width:45px!important}.amount-cell,.amortization-cell,.costs-cell,.payment-cell,.total-loan-amount-cell,.total-amortization-cell,.total-costs-cell,.total-payment-cell{width:22.5%}.month-number{font-size:var(--brand-font-size-xs)}.month-label{font-size:9px}.payment-schedule-table th:first-child{font-size:0}html[lang=fi] .payment-schedule-table th:first-child:before{content:"Kk";font-size:var(--brand-font-size-xs);font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}html[lang=en] .payment-schedule-table th:first-child:before{content:"Mo";font-size:var(--brand-font-size-xs);font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}}@media(max-width:480px){.payment-schedule-page .payment-schedule-table{min-width:380px;table-layout:fixed;width:380px}.payment-schedule-table th,.payment-schedule-table td{padding:4px 2px;font-size:10px}.balance-header,.balance-column{display:none}.payment-schedule-table th:first-child,.payment-schedule-table td:first-child,.month-cell{width:8%!important;min-width:30px!important;max-width:40px!important}.amount-cell,.amortization-cell,.costs-cell,.payment-cell,.total-loan-amount-cell,.total-amortization-cell,.total-costs-cell,.total-payment-cell{width:23%}.month-number{font-size:10px}.payment-schedule-table th:first-child{font-size:0}html[lang=fi] .payment-schedule-table th:first-child:before{content:"Kk";font-size:var(--brand-font-size-xs);font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}html[lang=en] .payment-schedule-table th:first-child:before{content:"Mo";font-size:var(--brand-font-size-xs);font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}}@media(max-width:400px){.payment-schedule-page .payment-schedule-table{min-width:100%;table-layout:fixed;width:100%}.payment-schedule-table th,.payment-schedule-table td{padding:2px 1px;font-size:9px}.payment-schedule-table th:first-child,.payment-schedule-table td:first-child,.month-cell{width:7%!important;min-width:25px!important;max-width:35px!important;padding:2px 1px!important}.amount-cell,.amortization-cell,.costs-cell,.payment-cell,.total-loan-amount-cell,.total-amortization-cell,.total-costs-cell,.total-payment-cell{width:23.25%}.month-number{font-size:9px}.month-label{font-size:8px}.payment-schedule-table th:first-child{font-size:0}html[lang=fi] .payment-schedule-table th:first-child:before{content:"Kk";font-size:9px;font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}html[lang=en] .payment-schedule-table th:first-child:before{content:"Mo";font-size:9px;font-weight:var(--brand-font-weight-bold);color:var(--brand-primary-main)}}.engagement-banner{background:var(--brand-secondary-main);border:2px solid var(--brand-secondary-main);border-radius:var(--brand-radius-lg);margin:var(--brand-spacing-xl) 0;padding:var(--brand-spacing-lg);position:relative;overflow:hidden;box-shadow:var(--brand-shadow-lg);transition:all var(--brand-transition-base)}.engagement-banner:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow-xl);border-color:var(--brand-secondary-dark)}.engagement-banner-content{display:flex;align-items:center;justify-content:space-between;gap:var(--brand-spacing-lg);position:relative;z-index:2}.engagement-banner-left{display:flex;align-items:center;gap:var(--brand-spacing-md);flex:1}.engagement-banner-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.engagement-banner-text h3{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-lg);margin:0 0 var(--brand-spacing-xs) 0;line-height:var(--brand-line-height-tight)}.engagement-banner-text p{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);margin:0;opacity:.9;line-height:var(--brand-line-height-normal)}.engagement-banner-cta{background:var(--brand-primary-main);color:var(--brand-primary-contrast);border:2px solid var(--brand-primary-main);border-radius:var(--brand-radius-md);padding:var(--brand-spacing-md) var(--brand-spacing-lg);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-base);cursor:pointer;transition:all var(--brand-transition-base);display:flex;align-items:center;gap:var(--brand-spacing-sm);position:relative;overflow:hidden;min-width:180px;justify-content:center}.engagement-banner-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(183,249,183,.3),transparent);transition:left .6s ease-out}.engagement-banner-cta:hover:before{left:100%}.engagement-banner-cta:hover{background:var(--brand-primary-light);border-color:var(--brand-secondary-main);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #1d28494d,0 0 0 3px #b7f9b733;cursor:pointer}.engagement-banner-cta:active{transform:translateY(-1px) scale(1.01);background:var(--brand-primary-dark);border-color:var(--brand-secondary-dark);box-shadow:0 4px 15px #1d284966}.cta-arrow{font-size:var(--brand-font-size-lg);font-weight:var(--brand-font-weight-bold);transition:all var(--brand-transition-base);display:inline-block}.engagement-banner-cta:hover .cta-arrow{transform:translate(4px) scale(1.1);color:var(--brand-secondary-main)}.sidebar{display:none}.mobile-engagement-banner{display:block}.engagement-banner{margin:var(--brand-spacing-lg) 0;padding:var(--brand-spacing-md)}.engagement-banner-content{flex-direction:row;align-items:center;gap:var(--brand-spacing-lg)}.engagement-banner-left{flex-direction:row;align-items:center;gap:var(--brand-spacing-md);flex:1}.engagement-banner-right{flex-shrink:0}.engagement-banner-cta{width:auto;min-width:200px}@media(max-width:1199px){.engagement-banner-content{flex-direction:column;align-items:flex-start;gap:var(--brand-spacing-md)}.engagement-banner-left{width:100%;flex-direction:row}.engagement-banner-right{width:100%}.engagement-banner-cta{width:100%;min-width:unset}.engagement-banner-text h3{font-size:var(--brand-font-size-base)}.engagement-banner-text p{font-size:var(--brand-font-size-xs)}}@media(max-width:900px){.engagement-banner{margin:var(--brand-spacing-lg) 0;padding:var(--brand-spacing-md)}.mobile-engagement-banner .engagement-banner{margin:var(--brand-spacing-md) 0;padding:var(--brand-spacing-sm) var(--brand-spacing-md)}.mobile-engagement-banner .engagement-banner-icon img{height:20px;width:auto}.mobile-engagement-banner .engagement-banner-cta{padding:var(--brand-spacing-sm) var(--brand-spacing-md);font-size:var(--brand-font-size-sm);min-height:40px}.mobile-engagement-banner .engagement-banner-text h3{font-size:var(--brand-font-size-sm)}.mobile-engagement-banner .engagement-banner-text p{font-size:var(--brand-font-size-xs)}.engagement-banner-content{flex-direction:column;align-items:flex-start;gap:var(--brand-spacing-md)}.engagement-banner-left,.engagement-banner-right{width:100%}.engagement-banner-cta{width:100%;min-width:unset}.engagement-banner-text h3{font-size:var(--brand-font-size-base)}.engagement-banner-text p{font-size:var(--brand-font-size-xs)}}@media(max-width:480px){.engagement-banner{padding:var(--brand-spacing-sm)}.engagement-banner-left{flex-direction:column;align-items:flex-start;gap:var(--brand-spacing-sm)}.engagement-banner-icon{align-self:flex-start}}.loan-help-popup-overlay{position:fixed;inset:0;background:#1d2849b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--brand-spacing-md)}.loan-help-popup{background:var(--brand-secondary-main);border:2px solid var(--brand-secondary-main);border-radius:var(--brand-radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--brand-shadow-xl);position:relative;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.loan-help-popup-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--brand-spacing-lg) var(--brand-spacing-lg) var(--brand-spacing-md);border-bottom:1px solid rgba(29,40,73,.1)}.loan-help-popup-logo{display:flex;align-items:center}.loan-help-popup-close{background:transparent;border:none;color:var(--brand-secondary-contrast);font-size:var(--brand-font-size-lg);cursor:pointer;padding:var(--brand-spacing-xs);border-radius:var(--brand-radius-sm);transition:all var(--brand-transition-base);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.loan-help-popup-close:hover{background:#1d28491a;transform:scale(1.1)}.loan-help-popup-content{padding:var(--brand-spacing-lg)}.loan-help-popup-content h3{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-xl);margin:0 0 var(--brand-spacing-md) 0;line-height:var(--brand-line-height-tight)}.loan-help-popup-content p{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-base);margin:0 0 var(--brand-spacing-lg) 0;line-height:var(--brand-line-height-normal);opacity:.9}.loan-help-popup-benefits{display:flex;flex-direction:column;gap:var(--brand-spacing-md);margin-bottom:var(--brand-spacing-lg)}.benefit-item{display:flex;align-items:center;gap:var(--brand-spacing-sm);color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);line-height:var(--brand-line-height-normal)}.benefit-icon{font-size:var(--brand-font-size-lg);flex-shrink:0}.loan-help-popup-footer{padding:var(--brand-spacing-md) var(--brand-spacing-lg) var(--brand-spacing-lg);display:flex;flex-direction:column;gap:var(--brand-spacing-sm)}.loan-help-popup-cta{background:var(--brand-primary-main);color:var(--brand-primary-contrast);border:2px solid var(--brand-primary-main);border-radius:var(--brand-radius-md);padding:var(--brand-spacing-md) var(--brand-spacing-lg);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-base);cursor:pointer;transition:all var(--brand-transition-base);display:flex;align-items:center;justify-content:center;gap:var(--brand-spacing-sm);position:relative;overflow:hidden}.loan-help-popup-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(183,249,183,.2),transparent);transition:left .5s}.loan-help-popup-cta:hover:before{left:100%}.loan-help-popup-cta:hover{background:var(--brand-primary-light);border-color:var(--brand-secondary-main);transform:translateY(-1px);box-shadow:var(--brand-shadow-md)}.loan-help-popup-cta .cta-arrow{font-size:var(--brand-font-size-lg);transition:transform var(--brand-transition-base)}.loan-help-popup-cta:hover .cta-arrow{transform:translate(2px)}.loan-help-popup-dismiss{background:transparent;color:var(--brand-secondary-contrast);border:1px solid rgba(29,40,73,.2);border-radius:var(--brand-radius-md);padding:var(--brand-spacing-sm) var(--brand-spacing-md);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);cursor:pointer;transition:all var(--brand-transition-base);opacity:.7}.loan-help-popup-dismiss:hover{background:#1d28491a;border-color:#1d28494d;opacity:1}.loan-help-popup-loans{margin-top:var(--brand-spacing-lg)}.limit-warning{background:#ffffff1a;border:1px solid rgba(29,40,73,.3);border-radius:var(--brand-radius-sm);padding:var(--brand-spacing-sm) var(--brand-spacing-md);margin-bottom:var(--brand-spacing-md);color:var(--brand-primary-main);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium);text-align:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loan-help-popup-loans h4{color:var(--brand-primary-main);font-size:var(--brand-font-size-md);font-weight:var(--brand-font-weight-semibold);margin-bottom:var(--brand-spacing-md)}.loans-table{display:flex;flex-direction:column;gap:var(--brand-spacing-xs);max-height:200px;overflow-y:auto;border:1px solid var(--brand-secondary-main);border-radius:var(--brand-radius-md);padding:var(--brand-spacing-sm);background:var(--brand-secondary-main);width:fit-content;min-width:350px;max-width:500px}.loan-row{display:grid;grid-template-columns:auto 80px 80px 100px;gap:var(--brand-spacing-sm);align-items:center;padding:var(--brand-spacing-xs) var(--brand-spacing-sm);border-radius:var(--brand-radius-sm);background:var(--brand-secondary-main);border:1px solid rgba(255,255,255,.2);transition:all var(--brand-transition-base)}.loan-row:hover{border-color:var(--brand-secondary-main);box-shadow:0 2px 8px #b7f9b733}.loan-checkbox{display:flex;align-items:center;gap:var(--brand-spacing-xs)}.loan-checkbox input[type=checkbox]{width:24px;height:24px;accent-color:var(--brand-secondary-main);cursor:pointer}.loan-checkbox label{font-size:var(--brand-font-size-xs);color:var(--brand-primary-main);font-weight:var(--brand-font-weight-medium);cursor:pointer;white-space:nowrap}.loan-name{font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-semibold);color:var(--brand-primary-main);text-align:center}.loan-type{font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-semibold);color:var(--brand-primary-main);padding:var(--brand-spacing-xs) var(--brand-spacing-sm);white-space:nowrap;text-align:center}.loan-amount{font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-semibold);color:var(--brand-primary-main);text-align:center;white-space:nowrap}.loan-term-slider{margin-top:var(--brand-spacing-lg);padding:var(--brand-spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--brand-radius-md);animation:slideInSlider .3s ease-out}@keyframes slideInSlider{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loan-term-slider label{display:block;color:var(--brand-primary-main);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-base);font-weight:var(--brand-font-weight-medium);margin-bottom:var(--brand-spacing-md);text-align:center}.loan-term-slider label strong{font-weight:var(--brand-font-weight-semibold);font-size:var(--brand-font-size-lg)}.term-slider{width:100%;height:8px;border-radius:var(--brand-radius-full);background:var(--brand-primary-main);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin:var(--brand-spacing-sm) 0}.term-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;transition:all var(--brand-transition-base);box-shadow:0 2px 6px #0000004d;border:2px solid var(--brand-primary-main);margin-top:-6px}.term-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid var(--brand-primary-main);transition:all var(--brand-transition-base);box-shadow:0 2px 6px #0000004d}.term-slider::-webkit-slider-thumb:hover{background:#f8f9fa;transform:scale(1.15);box-shadow:0 3px 8px #b7f9b766;border-color:var(--brand-primary-light)}.term-slider::-moz-range-thumb:hover{background:#f8f9fa;transform:scale(1.15);box-shadow:0 3px 8px #b7f9b766;border-color:var(--brand-primary-light)}.term-slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:var(--brand-radius-full);background:var(--brand-primary-main)}.term-slider::-moz-range-track{width:100%;height:8px;border-radius:var(--brand-radius-full);background:var(--brand-primary-main)}.term-slider::-moz-range-progress{height:8px;border-radius:var(--brand-radius-full);background:var(--brand-primary-main)}.slider-range{display:flex;justify-content:space-between;align-items:center;margin-top:var(--brand-spacing-xs)}.slider-range span{font-size:var(--brand-font-size-xs);color:var(--brand-primary-main);font-family:var(--brand-font-primary);font-weight:var(--brand-font-weight-medium)}.estimated-payment{margin-top:var(--brand-spacing-lg);padding:var(--brand-spacing-md);background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--brand-radius-md);text-align:center;animation:slideInPayment .3s ease-out}@keyframes slideInPayment{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.payment-label{color:var(--brand-primary-main);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium);margin-bottom:var(--brand-spacing-sm)}.payment-amount{display:flex;align-items:baseline;justify-content:center;gap:var(--brand-spacing-xs);margin-bottom:var(--brand-spacing-sm)}.payment-amount strong{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-xl);font-weight:var(--brand-font-weight-bold)}.payment-period{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-sm);font-weight:var(--brand-font-weight-medium);opacity:.8}.payment-details{color:var(--brand-secondary-contrast);font-family:var(--brand-font-primary);font-size:var(--brand-font-size-xs);opacity:.7;line-height:var(--brand-line-height-normal)}@media(max-width:900px){.loan-help-popup-overlay{padding:var(--brand-spacing-sm)}.loan-help-popup{max-width:100%}.loan-help-popup-header,.loan-help-popup-content,.loan-help-popup-footer{padding:var(--brand-spacing-md)}.loan-help-popup-content h3{font-size:var(--brand-font-size-lg)}.loan-help-popup-content p{font-size:var(--brand-font-size-sm)}.loans-table{min-width:280px;max-width:100%}.loan-row{grid-template-columns:auto 60px 70px 90px;gap:var(--brand-spacing-xs);padding:var(--brand-spacing-xs)}.loan-name,.loan-amount{font-size:var(--brand-font-size-xs)}.loan-type{font-size:var(--brand-font-size-sm);padding:2px var(--brand-spacing-xs)}}@keyframes slideInSidebar{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInBanner{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}