@import url(https://fonts.googleapis.com/css?family=Open+Sans);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;position:absolute;width:100%}.App,body{min-height:100%}.App{min-width:100%;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}.fire-content-preview{display:none}*{text-decoration:none}.App{--line-thickness:2px;--size:15px;--primary-color:#2c2c2c;display:flex;flex-direction:column;max-width:100%;min-height:100vh;transition:all .25s ease-out}.App.light{--darker-gray:#d3d3d3;--border-color:#eaeaea;--expense-color:#e66;--investment-color:#69e;--slider-color:#f3f3f3;--default-color:#e3e3e3;--light-gray:#eaeaea;--subtle-text:#4a4a4a font-family:"Instrument Sans",sans-serif;--subtle-text-color:#4a4a4a;--highlight-color:#00b386;--progress-color:var(--highlight-color);--progress-outline-color:#0089b3;--color-text:#000;--primary-text-color:#2c3e50;--border-color:#e9e9eb;--even-row-color:#fff;--odd-row-color:#f8f8f8;--popup-background:#fff;--card-background:#fff;--card-shadow:#0000001a;--card-border:#e0e0e0;--card-title-color:#666;--card-value-color:#2c3e50;--card-primary-color:#2196f3;--card-success-color:#4caf50;--card-warning-color:#ff9800;--summary-bg:#f8f9fa;--summary-border:#e0e0e0;--savings-highlight-bg:linear-gradient(135deg,#a8edea,#fed6e3);--savings-text-color:#2e7d32;--chart-bg:#f8f9fa;--input-section-bg:#fff;--strategy-selector-bg:#f8f9fa;--strategy-option-bg:#fff;--strategy-option-border:#e0e0e0;--strategy-option-hover-bg:#f0f7ff;--strategy-option-hover-border:#2196f3;--strategy-description-bg:#e3f2fd;--strategy-description-border:#2196f3;--strategy-description-text:#1976d2;--top-bar-gradient:linear-gradient(90deg,#fff,#1000ff3d,#fff);--sub-header-gradient:linear-gradient(90deg,#fff,#f700d621,#fff);background-color:#fff;color:#44475b}.App.dark,.App.light{font-weight:500;text-align:left}.App.dark{--darker-gray:#d3d3d3;--border-color:#4a4a4a;--expense-color:#e66;--investment-color:#69e;--primary-color:#bebebe;--color-text:#fff;--slider-color:#636363;--default-color:#e3e3e3;--light-gray:#eaeaea;--subtle-text:#4a4a4a font-family:"Open Sans",sans-serif;--subtle-text-color:#ddd;--highlight-color:#00b386;--progress-color:var(--highlight-color);--progress-outline-color:#575757;--primary-text-color:#e0e0e0;--even-row-color:#12151a;--odd-row-color:#31363f;--popup-background:#222831;--glow-color:#77aaff1c;--card-background:#1a1e24;--card-shadow:#0000004d;--card-border:#3a3d43;--card-title-color:#a0a0a0;--card-value-color:#dfdfdf;--card-primary-color:#4dabf7;--card-success-color:#69db7c;--card-warning-color:#ffa94d;--summary-bg:#1a1e24;--summary-border:#3a3d43;--savings-highlight-bg:linear-gradient(135deg,#1e4d47,#4a2d3e);--savings-text-color:#69db7c;--chart-bg:#1a1e24;--input-section-bg:#1a1e24;--strategy-selector-bg:#12151a;--strategy-option-bg:#1a1e24;--strategy-option-border:#3a3d43;--strategy-option-hover-bg:#2a3140;--strategy-option-hover-border:#4dabf7;--strategy-description-bg:#1a2332;--strategy-description-border:#4dabf7;--strategy-description-text:#74c0fc;--top-bar-gradient:linear-gradient(90deg,#12151a,#002fff1f,#12151a);--sub-header-gradient:linear-gradient(90deg,#12151a,#f100ff24,#12151a);background-color:#12151a;color:#dfdfdf}.switch-button{background:var(--highlight-color);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.switch-button:hover{background:var(--progress-outline-color);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.switch-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.App-footer,.App-header,.Sub-header,.fire-content{align-items:center;border-bottom:1px solid var(--default-color);display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:space-between;margin:auto;max-width:1280px;min-height:40px;padding:5px}.App-header{background-clip:padding-box;background-image:var(--top-bar-gradient);border:none;flex-wrap:wrap;gap:0;padding:10px 20px;position:relative;width:100%}.App-header .title-container{flex:0 0 auto}.App-header .nav-menu{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.App-header .button-container{flex:0 0 auto;margin-left:auto}.App-header .nav-item{position:relative}.App-header .nav-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.App-header .nav-button:hover{background:var(--card-warning-color);border-color:var(--card-primary-color)}.App-header .dropdown-arrow{font-size:.7rem;transition:transform .2s ease}.App-header .dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.App-header .dropdown-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:4px;box-shadow:0 4px 12px var(--card-shadow);display:none;left:0;min-width:220px;position:absolute;top:calc(100% + 5px);z-index:1000}.App-header .dropdown-content:before{background:#0000;content:"";height:5px;left:0;position:absolute;right:0;top:-5px}.App-header .dropdown:hover .dropdown-content{display:block}.App-header .dropdown-content a{border-bottom:1px solid var(--card-border);color:var(--color-text);display:block;font-size:.9rem;padding:12px 20px;text-decoration:none;transition:all .2s ease}.App-header .dropdown-content a:last-child{border-bottom:none}.App-header .dropdown-content a:hover{background:var(--card-primary-color);color:#fff;padding-left:25px}.Sub-header{background:var(--even-row-color);background-image:var(--sub-header-gradient);border-radius:8px;font-size:.9em;justify-content:flex-start;margin-bottom:20px;padding:10px 20px}.App-footer,.Sub-header{border-bottom:none;width:100%}.App-footer{border-top:1px solid var(--default-color);font-size:10px;margin-top:auto}.calculator{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:auto;max-width:1280px;min-width:400px}.calculator .description{background:var(--secondary-bg-color);border-left:4px solid var(--card-title-color);border-radius:8px;color:var(--primary-text-color);font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:20px;padding:25px}.App-link{color:#61dafb}.fire-content{border-bottom:none;border-top:1px solid #616161;display:none;font-size:15px;margin-top:150px;padding:0 30px}.fire-content h1{text-decoration:underline}.fire-content h2{font-size:14px}.fire-content p{color:var(--color-text);font-size:14px;font-weight:400;padding-left:10px;text-align:justify;text-justify:inter-word}.fire-content a{color:var(--highlight-color)}.fire-content b{text-decoration:underline}.fire-content .tab-space{padding-left:30px}.fire-content .space-around{margin-bottom:30px}input[type=str-number]{background:none;border:none;border-bottom:1px solid var(--light-gray);box-sizing:border-box;caret-color:var(--progress-color);color:var(--progress-color);font-weight:700;max-width:90px;text-align:right}input[type=str-number]:focus{background-color:#77aaff2e;border:none;border-bottom:1px solid var(--default-color);outline:none}input[type=str-number]{-moz-appearance:textfield}input[type=str-number]::-webkit-inner-spin-button,input[type=str-number]::-webkit-outer-spin-button{-webkit-appearance:none}.button-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.button-container>*{margin-right:0}.container{margin:10px}.title-container{font-size:1.2em;margin:0;padding:0}.container .title{font-size:13px;font-weight:900;margin:0 0 5px;padding-left:5px}.feedback-button{background:#e66}@media only screen and (max-width:800px){.row-collection:before{display:none!important}.investment-allocation{border-left:none!important}.retirement-table{font-size:10px!important}.advance-view-container{flex-direction:column!important}.App-header>div:first-child{margin:5px!important}.App-header,.retirement-details,.table-collection{flex-direction:column!important}.retirement-safety-variables,.retirement-timeline{margin:0!important}.growth-chart,.retirement-attributes{width:100%!important}.expense-container .expense-title{font-size:14px!important}.investment-breakdown-container,.retirement-calculator{flex-direction:column!important};}@media only screen and (max-width:1194px){.table-collection{flex-direction:column!important};.investment-allocation{border-left:none!important}.App-header .nav-menu{flex-wrap:wrap;gap:10px;margin-left:0}.App-header .nav-button{font-size:.8rem;padding:6px 12px}.App-header .dropdown-content{min-width:180px}.App-header .title-container{margin-bottom:10px;text-align:center;width:100%}.App-header .button-container{margin-left:0}}@media only screen and (max-width:768px){.App-header,.App-header .nav-menu{align-items:stretch;flex-direction:column}.App-header .nav-menu{gap:5px;margin-left:0;width:100%}.App-header .nav-item{width:100%}.App-header .nav-button{justify-content:space-between;width:100%}.App-header .dropdown-content{background:var(--summary-bg);border:none;border-left:3px solid var(--card-primary-color);box-shadow:none;margin-top:5px;position:static}.App-header .dropdown-content a{padding-left:30px}.App-header .button-container{justify-content:center;width:100%}}@media print{.App.dark{background-color:#222831}}.currency-popup .container{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;padding:0;position:fixed;right:0;text-align:center;top:0;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.currency-selector{animation:slideIn .3s ease-out;background:var(--card-background);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;position:relative;width:90%}.currency-header{align-items:center;border-bottom:2px solid var(--card-border);display:flex;justify-content:space-between;padding:20px 25px}.currency-header h3{color:var(--color-text);font-size:1.4rem;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--subtle-text-color);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-button:hover{background:var(--card-border);color:var(--color-text);transform:scale(1.1)}.close-button:active{transform:scale(.95)}.currency-container{background:var(--card-background);overflow:hidden}.search-container{padding:20px 25px 15px;position:relative}.search-icon{left:40px}.search-container input{background:var(--input-section-bg);border:2px solid var(--card-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:1rem;outline:none;padding:12px 15px 12px 45px;transition:all .2s ease;width:100%}.search-container input::placeholder{color:var(--subtle-text-color)}.search-container input:focus{background:var(--card-background);border-color:var(--card-primary-color);box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--card-primary-color-rgb,76,175,80),.1)}.currency-dropdown{max-height:400px;overflow-y:auto;padding:10px 15px 20px}.currency-dropdown::-webkit-scrollbar{width:10px}.currency-dropdown::-webkit-scrollbar-track{background:var(--summary-bg);border-radius:10px;margin:5px}.currency-dropdown::-webkit-scrollbar-thumb{background:var(--card-border);border:2px solid var(--summary-bg);border-radius:10px}.currency-dropdown::-webkit-scrollbar-thumb:hover{background:var(--subtle-text-color)}.currency-row{align-items:center;background:var(--card-background);border:2px solid var(--card-border);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;padding:14px 18px;transition:all .2s ease}.currency-row:hover{background:var(--summary-bg);border-color:var(--card-primary-color);box-shadow:0 2px 8px var(--card-shadow);transform:translateX(5px)}.currency-row:active{transform:translateX(5px) scale(.98)}.currency-code{color:var(--card-primary-color);font-size:1rem;font-weight:700;min-width:60px}.currency-name{color:var(--color-text);flex:1 1;font-size:.95rem;margin-left:15px;text-align:left}.no-results{color:var(--subtle-text-color);font-size:1rem;padding:40px 20px}@media (max-width:768px){.currency-selector{margin:10px;max-width:none;width:95%}.currency-header{padding:15px 20px}.currency-header h3{font-size:1.2rem}.search-container{padding:15px 20px 10px}.currency-dropdown{max-height:300px;padding:10px}.currency-row{padding:12px 15px}.currency-row:hover{transform:none}}.number-container{display:flex;justify-content:space-between;margin-top:5px;width:100%}.input-box{align-items:center;color:var(--progress-color);display:flex;flex-direction:row;font-size:12px;font-weight:700;padding-left:10px;text-align:right}.number-container .question{width:75%}.input-range{align-items:end;display:flex;flex-direction:column}.input-range>input[type=range]{-webkit-appearance:none;appearance:none;background:none;cursor:pointer;height:var(--size);overflow:hidden;width:100%}.input-range>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;aspect-ratio:1;background-color:var(--slider-color);border-image:linear-gradient(90deg,var(--progress-color) 50%,var(--default-color) 0) 0 1/calc(50% - var(--line-thickness)/2) 200vw/0 200vw;border-radius:50%;box-shadow:inset 0 0 0 2px var(--progress-outline-color);height:var(--size)}.input-range>input[type=range]::-moz-range-thumb{appearance:none;background-color:var(--slider-color);border-image:linear-gradient(90deg,var(--progress-color) 50%,var(--default-color) 0) 0 1/calc(50% - var(--line-thickness)/2) 200vw/0 200vw;border-radius:50%;height:var(--size);width:var(--size)}.theme-toggle-container{background:none;border-radius:50%;height:30px;position:relative;width:30px}.theme-toggle-container svg{fill:#fff;stroke:#0007ff8a;left:0;top:0}.moon,.sun,.theme-toggle-container svg{height:100%;position:absolute;width:100%}.moon-logo{opacity:0}.moon-logo,.sun-logo{transition:all 1s ease-out}.sun-logo{opacity:1}.sun-logo.light{opacity:1;transform:translateY(0) rotate(0deg)}.sun-logo.dark{opacity:0;transform:translateY(20%) rotate(100deg)}.moon-logo.light{opacity:0;transform:translateY(-20%) rotate(100deg)}.moon-logo.dark{opacity:1;transform:translateY(0) rotate(0deg)}.language-row{color:#fff;cursor:pointer;font-weight:900;margin:10px;text-decoration:underline}.expense-list{display:flex;flex-direction:column;min-width:100%}.expense-list .expense-row:not(:first-child){border-top:none}.expense-list .expense-row{border:1px solid var(--border-color);display:grid;grid-template-columns:auto auto auto;justify-items:end}.expenses .expense-list .expense-row{grid-template-columns:auto auto auto auto}.lifetime-monthly-expense .expense-list .expense-row{grid-template-columns:auto auto auto}.lifetime-monthly-expense .expense-list .expense-row div:last-child{display:none}.expense-container{margin:10px}.expense-container .expense-title{border-bottom:none;font-size:13px;font-weight:900;margin:0 0 3px;padding-left:5px}.expense-row:nth-child(2n){background-color:var(--even-row-color)}.expense-row:nth-child(odd){background-color:var(--odd-row-color)}.expense-row.expense-grid-title{background-color:#000;color:#fff;font-size:12px}.expense-row .input-box,.expense-row div{margin-right:5px;padding-left:0}.expense-grid-data input[type=str-number]{border-bottom:none;color:var(--subtle-text-color);font:var(--subtle-text);font-size:12px;font-weight:400;max-width:80px;padding-left:0}.expense-grid-data span{color:var(--subtle-text-color);font:var(--subtle-text)}.table-description{font-size:.7em;font-weight:400;margin-bottom:4px;padding-left:4px}.investments{position:relative}.investments:after{background-color:var(--darker-gray);bottom:0;content:" ";display:block;height:1px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.col-count-5 .expense-list .expense-row{grid-template-columns:25% 25% 20% 15% 15%}.col-count-3 .expense-list .expense-row{grid-template-columns:40% 30% 30%}.investment-allocation{border-left:1px solid var(--border-color)}.investment-allocation .number-container{display:flex;flex-direction:row;font-size:14px;font-weight:400;justify-content:flex-start;margin-bottom:5px;width:100%}.investment-allocation .number-container .question{width:60%}.investment-allocation .table-group{display:flex;justify-content:center}.investment-allocation .short-description{color:var(--subtle-text-color);font:var(--subtle-text);font-size:11px}.investment-allocation h1{border-bottom:none;font-size:13px;font-weight:900;margin-bottom:3px;margin-top:10px;padding-left:10px}.withdrawal-account-info{margin:0 10px;min-width:360px;padding:5px}.retirement-timeline,.withdrawal-account-info{border:1px solid var(--border-color);display:flex;flex-direction:column}.retirement-timeline{border-radius:5px;font-size:14px;font-weight:400;min-width:400px;overflow:hidden;padding:15px;width:100%}.growth-chart{width:50%}.retirement-container{border:1px solid var(--border-color);margin-top:20px;padding:10px}.retirement-attributes{margin-right:20px;width:50%}.retirement-details{display:flex;flex-direction:row}.retirement-attributes-title{border-bottom:1px solid;font-size:16px;font-weight:900;margin-bottom:10px}.table-block{margin-bottom:10px}.table-block .section:nth-child(2n){background-color:var(--odd-row-color)}.table-block .section:nth-child(odd){background-color:var(--even-row-color)}table,tr{border:1px solid var(--border-color)}table{border-collapse:collapse;width:100%}table thead tr{background-color:#000;color:#fff;font-weight:100}table tbody tr:nth-child(2n){background-color:var(--odd-row-color)}table tbody tr:nth-child(odd){background-color:var(--even-row-color)}.retirement-table tbody .shuffle{border-top:1px solid var(--investment-color)}.retirement-table tbody tr:first-child{background-color:#000;border:none;color:gray;font-size:12px;text-align:end}.retirement-table tr{border:none;height:20px}.retirement-table th{font-weight:100;padding-right:5px;text-align:end}.retirement-table thead th{font-weight:600}.retirement-table{margin-top:10px;overflow-x:auto}.retirement-table-grid{table-layout:fixed;width:100%}.retirement-table-grid td,.retirement-table-grid th{font-size:.9em;text-align:end}.retirement-table-grid th:first-child{width:5%}.retirement-table-grid th:nth-child(2){width:14%}.retirement-table-grid th:nth-child(3){width:15%}.retirement-table-grid th:nth-child(4),.retirement-table-grid th:nth-child(5),.retirement-table-grid th:nth-child(6){width:22%}.retirement-safety-variables{border:1px solid var(--border-color);border-radius:5px;display:flex;flex-direction:column;font-size:14px;font-weight:400;min-width:400px;overflow:hidden;padding:15px;width:100%}.data-container{background-color:var(--background-color);border-radius:5px;font-size:14px;margin:10px}.finance-input-feilds{border:1px solid var(--light-gray);max-width:600px}.data-container .input-container{margin:20px}.input-container{display:flex;flex-direction:column}.retirement-calculator{display:flex;flex-direction:row;margin-top:50px;width:100%}.retirement-breakdown{margin-top:100px;width:100%}.section{--name-width:75%;--box-height:10px;display:flex;font-size:14px;justify-content:center}.output-container{max-width:750px;width:100%}.output-container .section:nth-child(2n){background-color:var(--even-row-color)}.output-container .section:nth-child(odd){background-color:var(--odd-row-color)}.section:not(:first-child) .output-name,.section:not(:first-child) .output-value{border-top:none}.section .output-name{border:1px solid var(--border-color);border-right:none;padding:var(--box-height);text-align:left;width:var(--name-width)}.section .output-value{border:1px solid var(--border-color);font-weight:400;padding:var(--box-height);text-align:right;width:calc(100% - var(--name-width))}.investment-breakdown-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around}.investment-expense-chart{box-sizing:border-box;font-family:Open Sans,sans-serif;font-size:12px;max-width:700px;padding:10px;width:100%}.investment-expense-chart .title,.investment-table .title{font-size:14px;font-weight:700;text-decoration:underline}.investment-expense-chart .context,.investment-table .context{font-size:12px;font-weight:100;margin:10px 0 30px}.investment-expense-table{border-radius:10px;overflow:hidden}.investment-expense-table .row{border:1px solid var(--border-color);display:grid;grid-template-columns:auto auto auto auto}.investment-expense-table .row .cell{padding:10px}.investment-expense-table .row:nth-child(2n){background-color:var(--even-row-color)}.investment-expense-table .row:nth-child(odd){background-color:var(--odd-row-color)}.investment-expense-table .row:first-child{background-color:#000;color:#fff}.investment-expense-table .header{font-weight:700;padding:10px}*{box-sizing:border-box}.advance-view-container{align-items:flex-start;border:1px solid var(--darker-gray);border-radius:2px;display:flex;flex-direction:row;margin-top:10px;width:100%}.row-collection{display:flex;flex-direction:column;position:relative;width:100%}.row-collection:first-child:before{display:none}.row-collection:before{background-color:var(--darker-gray);content:" ";display:block;height:80%;position:absolute;top:50%;transform:translateY(-50%);width:1px}.table-collection{display:flex;flex-direction:row}.table-collection>*{width:100%}.table-group{display:flex;flex-direction:column}.clear-button{align-items:flex-end;display:flex;justify-content:right;padding:0 20px;width:100%}.clear-button button{background:#e66;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:900;margin-top:10px;padding:5px}.goal-calculator-container{margin:0 auto;max-width:1400px;padding:20px}.goal-calculator-intro{background:var(--secondary-bg-color);border-left:4px solid var(--card-title-color);border-radius:8px;margin-bottom:20px;padding:25px}.goal-calculator-intro h3{color:var(--card-title-color);font-size:1.2rem;margin:0 0 10px}.goal-calculator-intro p{color:var(--primary-text-color);line-height:1.6;margin:5px 0}.goal-calculator-intro ul{color:var(--secondary-text-color);margin:10px 0 0 20px}.goal-calculator-intro li{margin:5px 0}@media (max-width:768px){.goal-calculator-container{padding:10px}.goal-calculator-intro{padding:15px}}.goal-details-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.goal-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.goal-details-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0}.add-goal-button{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.add-goal-button:hover{background:var(--primary-color-dark);opacity:.9}.goal-item{grid-gap:15px;align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:grid;gap:15px;grid-template-columns:2fr 1.5fr 1fr 1fr 60px;padding:15px}.goal-input-group{display:flex;flex-direction:column;gap:5px}.goal-input-group label{color:var(--secondary-text-color);font-size:.85rem;font-weight:500}.goal-input-group input{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);font-size:1rem;padding:8px 12px}.goal-input-group input:focus{border-color:var(--primary-color);outline:none}.goal-input-group input[type=number],.goal-input-group input[type=text]{width:100%}.remove-goal-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;padding:8px;transition:background .3s;width:36px}.remove-goal-button:hover{background:#c0392b}.expected-return-container{align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:flex;gap:15px;padding:15px}.expected-return-container label{color:var(--primary-text-color);font-size:1rem;font-weight:500;white-space:nowrap}.expected-return-container input{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);font-size:1rem;padding:8px 12px;width:150px}.no-goals-message{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}@media (max-width:1024px){.goal-item{gap:10px;grid-template-columns:1fr}.expected-return-container{align-items:stretch;flex-direction:column}.expected-return-container input{width:100%}}.goal-results-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.goal-results-header{margin-bottom:15px}.goal-results-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.goal-results-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.goal-results-table{overflow-x:auto}.goal-results-table table{background:var(--primary-bg-color);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.goal-results-table thead{background:var(--primary-color);color:#fff}.goal-results-table th{font-size:.9rem;font-weight:600;padding:15px;text-align:left}.goal-results-table td{border-bottom:1px solid var(--border-color);color:var(--primary-text-color);padding:15px}.goal-results-table tbody tr:hover{background:var(--secondary-bg-color)}.goal-results-table tbody tr:last-child td{border-bottom:none}.priority-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 12px;text-transform:uppercase}.priority-badge.urgent{background:#e74c3c;color:#fff}.priority-badge.high{background:#f39c12;color:#fff}.priority-badge.medium{background:#3498db;color:#fff}.priority-badge.low{background:#95a5a6;color:#fff}.no-goals-results{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}.goal-name-cell{font-weight:600}.year-cell{text-align:center}@media (max-width:768px){.goal-results-table{font-size:.85rem}.goal-results-table td,.goal-results-table th{padding:10px 8px}.summary-card .value{font-size:1.5rem}}.goal-chart-container{background:var(--secondary-bg-color);border-radius:8px;margin:20px 0;padding:20px}.goal-chart-header{margin-bottom:20px}.goal-chart-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.goal-chart-header p{color:var(--secondary-text-color);font-size:.95rem;margin:0}@media (max-width:768px){.chart-wrapper{min-height:300px;padding:10px}}.debt-calculator-container{margin:0 auto;max-width:1400px;padding:20px}.debt-calculator-intro{background:var(--secondary-bg-color);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:20px;padding:25px}.debt-calculator-intro h3{color:var(--card-title-color);font-size:1.2rem;margin:0 0 10px}.debt-calculator-intro p{color:var(--primary-text-color);line-height:1.6;margin:5px 0}.debt-calculator-intro ul{color:var(--secondary-text-color);margin:10px 0 0 20px}.debt-calculator-intro li{margin:5px 0}.calculator-section{margin-bottom:20px}@media (max-width:768px){.debt-calculator-container{padding:10px}.debt-calculator-intro{padding:15px}}.loan-details-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.loan-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.loan-details-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0}.add-loan-button{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.add-loan-button:hover{background:var(--primary-color-dark);opacity:.9}.loan-item{grid-gap:15px;align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:grid;gap:15px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 60px;padding:15px}.loan-input-group{display:flex;flex-direction:column;gap:5px}.loan-input-group label{color:var(--secondary-text-color);font-size:.85rem;font-weight:500}.loan-input-group input{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);font-size:1rem;padding:8px 12px}.loan-input-group input:focus{border-color:var(--primary-color);outline:none}.loan-input-group select{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);cursor:pointer;font-size:1rem;padding:8px 12px}.remove-loan-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;padding:8px;transition:background .3s;width:36px}.remove-loan-button:hover{background:#c0392b}.optimization-container{align-items:center;background:var(--primary-bg-color);border:1px solid var(--border-color);border-radius:5px;display:flex;gap:15px;padding:15px}.optimization-container label{color:var(--primary-text-color);font-size:1rem;font-weight:500;white-space:nowrap}.optimization-container select{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-text-color);cursor:pointer;flex:1 1;font-size:1rem;padding:8px 12px}.no-loans-message{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}@media (max-width:1200px){.loan-item{gap:10px;grid-template-columns:1fr 1fr}.remove-loan-button{grid-column:1/-1;width:100%}}@media (max-width:768px){.loan-item{grid-template-columns:1fr}.optimization-container{align-items:stretch;flex-direction:column}}.loan-results-container{background:var(--secondary-bg-color);border-radius:8px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.loan-results-header{margin-bottom:15px}.loan-results-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.loan-results-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:var(--primary-bg-color);border:2px solid var(--border-color);border-radius:8px;text-align:center}.summary-card.savings{border-color:#27ae60}.summary-card h3{color:var(--secondary-text-color);font-size:.9rem;font-weight:600;margin:0 0 10px}.summary-card .value{color:var(--card-value-color);font-size:1.8rem;font-weight:700}.summary-card.savings .value{color:#27ae60}.loan-results-table{overflow-x:auto}.loan-results-table table{background:var(--primary-bg-color);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.loan-results-table thead{background:var(--primary-color);color:#fff}.loan-results-table th{font-size:.9rem;font-weight:600;padding:15px;text-align:left}.loan-results-table td{border-bottom:1px solid var(--border-color);color:var(--primary-text-color);padding:15px}.loan-results-table tbody tr:hover{background:var(--secondary-bg-color)}.loan-results-table tbody tr:last-child td{border-bottom:none}.loan-name-cell{font-weight:600}.amount-cell{font-family:Courier New,monospace;text-align:right}.percentage-cell{text-align:center}.progress-bar{background:var(--border-color);border-radius:5px;display:flex;height:30px;overflow:hidden}.progress-principal{background:#3498db}.progress-interest,.progress-principal{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:600;justify-content:center}.progress-interest{background:#e74c3c}.no-loans-results{color:var(--secondary-text-color);font-size:1.1rem;padding:40px;text-align:center}.tenure-badge{background:var(--primary-color)}.savings-badge,.tenure-badge{border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 10px}.savings-badge{background:#27ae60}@media (max-width:768px){.loan-results-table{font-size:.85rem}.loan-results-table td,.loan-results-table th{padding:10px 8px}.summary-card .value{font-size:1.5rem}}.loan-chart-container{background:var(--secondary-bg-color);border-radius:8px;margin:20px 0;padding:20px}.loan-chart-header{margin-bottom:20px}.loan-chart-header h2{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 10px}.loan-chart-header p{color:var(--secondary-text-color);font-size:.95rem;margin:0}.loan-selector{align-items:center;display:flex;gap:10px;margin-bottom:20px}.loan-selector label{color:var(--primary-text-color);font-weight:600}.loan-selector select{background:var(--input-bg-color);border:1px solid var(--border-color);border-radius:5px;color:var(--primary-text-color);cursor:pointer;flex:1 1;font-size:1rem;padding:10px}.chart-wrapper{background:var(--primary-bg-color);border-radius:8px;min-height:400px;padding:20px}.no-chart-data{color:var(--secondary-text-color);font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.chart-wrapper{min-height:300px;padding:10px}.loan-selector{align-items:stretch;flex-direction:column}}.withdrawal-calculator{display:flex;flex-direction:row;gap:30px;margin:20px 0;max-width:1400px}.withdrawal-calculator .data-container{border-radius:8px;flex:1 1}.withdrawal-input-fields{border-radius:12px;margin-bottom:30px;padding:15px}.data-container .breakdown-section,.withdrawal-input-fields{background:var(--input-section-bg);box-shadow:0 2px 8px var(--card-shadow)}.data-container .breakdown-section{border-radius:8px;margin-top:30px;padding:20px}.data-container .breakdown-section h3{color:var(--color-text);font-size:1.2rem;margin-bottom:15px;margin-top:0}.data-container .breakdown-grid{display:flex;flex-direction:column;gap:12px}.data-container .breakdown-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.data-container .breakdown-label{color:var(--subtle-text-color);font-size:.9rem}.data-container .breakdown-value{color:var(--color-text);font-size:.9rem;font-weight:600}.data-container .info-section{background:var(--strategy-description-bg);border:1px solid var(--strategy-description-border);border-radius:10px;margin-top:20px;padding:20px}.data-container .info-section h4{color:var(--strategy-description-text);font-size:1.1rem;margin-bottom:12px;margin-top:0}.data-container .info-section ul{margin:10px 0;padding-left:20px}.data-container .info-section li{color:var(--strategy-description-text);font-size:.9rem;line-height:1.5;margin:8px 0}.data-container .info-section strong{color:var(--card-primary-color)}@media (min-width:768px){.withdrawal-calculator{align-items:flex-start;flex-direction:row}.data-container{flex:2 1}}@media (max-width:1024px){.withdrawal-calculator{flex-direction:column}.withdrawal-calculator .finance-input-feilds{flex:1 1;width:100%}}.withdrawal-plan-output{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:15px}.chart-section{padding:20px}.chart-legend-custom{border-top:1px solid var(--card-border);display:flex;gap:30px;justify-content:center;margin-top:15px;padding-top:15px}.legend-item{align-items:center;color:var(--subtle-text-color);display:flex;font-size:.9rem;gap:8px}.legend-color{border-radius:2px;height:12px}.legend-color.accumulation{background:#82ca9d}.legend-color.withdrawal{background:#ff7c7c}@media (max-width:768px){.action-grid,.charts-container,.output-summary{grid-template-columns:1fr}.summary-value{font-size:1.5rem}.summary-card.primary .summary-value{font-size:1.8rem}.chart-legend-custom{align-items:flex-start;flex-direction:column;gap:10px}}.goal-gap-analyzer{display:flex;flex-direction:row;gap:30px;margin:20px 0;max-width:1400px}.goal-gap-analyzer .finance-input-feilds{flex:0 0 350px;min-width:300px}.goal-gap-analyzer .data-container{border-radius:8px;flex:1 1}.goal-input-feilds{background:var(--input-section-bg);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);margin-bottom:30px;padding:25px}.goal-input-feilds .breakdown-section{background:var(--summary-bg);border-radius:8px;margin-top:30px;padding:20px}.goal-input-feilds .breakdown-section h3{color:var(--color-text);font-size:1.2rem;margin-bottom:15px;margin-top:0}.goal-input-feilds .breakdown-grid{display:flex;flex-direction:column;gap:12px}.goal-input-feilds .breakdown-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.goal-input-feilds .breakdown-label{color:var(--subtle-text-color);font-size:.9rem}.goal-input-feilds .breakdown-value{color:var(--color-text);font-size:.9rem;font-weight:600}.goal-input-feilds .info-section{background:var(--strategy-description-bg);border:1px solid var(--strategy-description-border);border-radius:10px;margin-top:20px;padding:20px}.goal-input-feilds .info-section h4{color:var(--strategy-description-text);font-size:1.1rem;margin-bottom:12px;margin-top:0}.goal-input-feilds .info-section ul{margin:10px 0;padding-left:20px}.goal-input-feilds .info-section li{color:var(--strategy-description-text);font-size:.9rem;line-height:1.5;margin:8px 0}.goal-input-feilds .info-section strong{color:var(--card-primary-color)}@media (min-width:768px){.goal-gap-analyzer{align-items:flex-start;flex-direction:row}.data-container{flex:2 1}}@media (max-width:1024px){.goal-gap-analyzer{flex-direction:column}.goal-gap-analyzer .finance-input-feilds{flex:1 1;width:100%}}.goal-gap-output{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.output-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.output-summary.warning .summary-card.primary{border-color:var(--card-warning-color)}.summary-card.primary{border-color:var(--card-primary-color)}.summary-card h3{color:var(--card-title-color);font-size:.85rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-value{color:var(--card-value-color);font-size:1.8rem;font-weight:700;margin:10px 0}.summary-card.primary .summary-value{color:var(--card-primary-color);font-size:2.2rem}.summary-detail{color:var(--subtle-text-color);font-size:.85rem;margin-top:8px}.goal-warning{background:var(--savings-highlight-bg);border:2px solid var(--card-warning-color);border-radius:10px;color:var(--card-warning-color);font-weight:600;margin-bottom:25px;padding:20px;text-align:center}.charts-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin:30px 0}.chart-section{background:var(--chart-bg);border-radius:10px}.chart-section.full-width{grid-column:1/-1}.chart-section h3{color:var(--color-text);font-size:1.3rem;margin-bottom:15px;margin-top:0}.chart-note{background:var(--summary-bg);border-radius:6px;color:var(--subtle-text-color);font-size:.9rem;line-height:1.5;margin-top:15px;padding:12px;text-align:center}.breakdown-legend{background:var(--summary-bg);border-radius:8px;margin-top:20px;padding:20px}.legend-row{align-items:center;border-bottom:1px solid var(--summary-border);display:flex;gap:10px;padding:12px 0}.legend-row.total,.legend-row:last-child{border-bottom:none}.legend-row.total{border-top:2px solid var(--color-text);margin-top:10px;padding-top:15px}.legend-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.legend-label{color:var(--subtle-text-color);flex:1 1}.legend-value{color:var(--color-text);font-weight:600}.action-section{margin-top:30px}.action-section h4{color:var(--color-text);font-size:1.3rem;margin-bottom:20px}.action-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:var(--card-background);border:2px solid var(--card-warning-color);border-radius:10px;box-shadow:0 3px 6px var(--card-shadow);padding:20px;transition:transform .2s ease}.action-card:hover{box-shadow:0 5px 10px var(--card-shadow);transform:translateY(-3px)}.action-icon{font-size:2rem;margin-bottom:10px}.action-card h5{color:var(--card-warning-color);font-size:1.1rem;margin:10px 0}.action-card p{color:var(--subtle-text-color);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.action-grid,.charts-container,.output-summary{grid-template-columns:1fr}.goal-gap-output{padding:15px}.summary-value{font-size:1.5rem}.summary-card.primary .summary-value{font-size:1.8rem}}.emi-calculator{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1400px}.emi-input-fields{background:var(--input-section-bg);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.strategy-selector{background:var(--strategy-selector-bg);border-radius:8px;margin-top:25px;padding:20px}.strategy-label{color:var(--color-text);display:block;font-size:1.05rem;font-weight:600;margin-bottom:12px}.strategy-options{display:flex;flex-direction:column;gap:12px}.strategy-option{align-items:center;background:var(--strategy-option-bg);border:2px solid var(--strategy-option-border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:all .2s ease}.strategy-option:hover{background:var(--strategy-option-hover-bg);border-color:var(--strategy-option-hover-border)}.strategy-option input[type=radio]{cursor:pointer;height:18px;width:18px}.strategy-option input[type=radio]:checked+span{color:var(--card-primary-color);font-weight:600}.strategy-option span{color:var(--subtle-text-color);font-size:.95rem}.strategy-description{background:var(--strategy-description-bg);border-left:3px solid var(--strategy-description-border);border-radius:4px;color:var(--strategy-description-text);font-size:.9rem;margin-top:10px;padding:10px 15px}@media (min-width:768px){.emi-calculator{align-items:flex-start;flex-direction:row}.emi-input-fields{flex:1 1;max-width:450px;min-width:350px}.data-container{flex:2 1}}@media (max-width:767px){.emi-calculator{padding:10px}.emi-input-fields{padding:20px 15px}.strategy-selector{padding:15px}.strategy-options{gap:10px}.strategy-option{padding:10px 12px}}.emi-output-container{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.emi-summary h3{border-bottom:2px solid var(--card-border);color:var(--color-text);font-size:1.4rem;margin-bottom:20px;padding-bottom:10px}.summary-cards{margin-bottom:30px}.summary-card{border:2px solid var(--card-border);border-radius:10px;box-shadow:0 4px 6px var(--card-shadow);color:var(--color-text)}.summary-card:hover{box-shadow:0 6px 12px var(--card-shadow)}.primary-card{border-color:var(--card-primary-color);grid-column:span 2}.summary-card .card-label{color:var(--card-title-color);font-size:.85rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-card .card-value{color:var(--card-value-color);font-size:1.8rem;font-weight:700;margin:10px 0}.primary-card .card-value{color:var(--card-primary-color);font-size:2.2rem}.summary-card .card-subtitle{color:var(--subtle-text-color);font-size:.85rem;margin-top:8px}.card-subtitle.savings{background:var(--card-border);border-radius:5px;color:var(--card-success-color);display:inline-block;margin-top:10px;padding:5px 10px}.savings-highlight{background:var(--savings-highlight-bg);border-left:4px solid var(--card-success-color);border-radius:10px;margin:25px 0;padding:20px}.savings-highlight h4{color:var(--savings-text-color);font-size:1.2rem;margin-bottom:15px}.savings-details{display:flex;flex-direction:column;gap:15px}.savings-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.savings-item span{color:var(--subtle-text-color);font-weight:500}.savings-item strong{color:var(--savings-text-color);font-size:1.1rem}.savings-comparison{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:10px}.savings-comparison>div{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;padding:15px}.savings-comparison span{color:var(--color-text);display:block;font-weight:600;margin-bottom:8px}.savings-comparison div div{color:var(--subtle-text-color);font-size:.9rem;margin:4px 0}.emi-chart-container{background:var(--chart-bg);border-radius:10px;margin:30px 0;padding:20px}.emi-details-section{margin-top:30px}.emi-details-section h3{color:var(--color-text);font-size:1.3rem;margin-bottom:15px}.breakdown-summary{background:var(--summary-bg);border-radius:8px;padding:20px}.breakdown-item{border-bottom:1px solid var(--summary-border);display:flex;justify-content:space-between;padding:12px 15px}.breakdown-item:last-child{border-bottom:none}.breakdown-item.highlight{background:var(--card-border);border-bottom:none;border-radius:6px;font-weight:600;margin-top:10px}.breakdown-label{color:var(--subtle-text-color)}.breakdown-value{color:var(--color-text);font-weight:600}.how-to-use-section{background:var(--strategy-description-bg);border:1px solid var(--strategy-description-border);border-radius:10px;margin-top:30px;padding:25px}.how-to-use-section h3{color:var(--strategy-description-text);font-size:1.3rem;margin-bottom:20px}.usage-steps{display:flex;flex-direction:column;gap:15px}.usage-step{align-items:flex-start;display:flex;gap:15px}.step-number{align-items:center;background:var(--card-primary-color);border-radius:50%;color:var(--color-text);display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.step-content{flex:1 1;padding-top:4px}.step-content strong{color:var(--card-primary-color);display:block;margin-bottom:5px}.next-steps-section{margin-top:30px}.next-steps-section h3{color:var(--color-text);font-size:1.3rem;margin-bottom:20px}.next-steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.next-step-card{background:var(--card-background);border:2px solid var(--card-warning-color);border-radius:10px;box-shadow:0 3px 6px var(--card-shadow);padding:20px;transition:transform .2s ease}.next-step-card:hover{box-shadow:0 5px 10px var(--card-shadow);transform:translateY(-3px)}.step-icon{font-size:2rem;margin-bottom:10px}.next-step-card h4{color:var(--card-warning-color);font-size:1.1rem;margin-bottom:10px}.next-step-card p{color:var(--subtle-text-color);font-size:.9rem;line-height:1.5}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.primary-card{grid-column:span 1}.next-steps-grid,.savings-comparison{grid-template-columns:1fr}.emi-output-container{padding:15px}.summary-card .card-value{font-size:1.5rem}.primary-card .card-value{font-size:1.8rem}}.risk-tolerance-calculator{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:450px 1fr;margin:0 auto;max-width:1400px}.risk-input-fields{display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 40px);overflow-y:auto;padding:1.5rem;position:-webkit-sticky;position:sticky;top:20px}.risk-input-fields,.risk-output-panel{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a}.risk-output-panel{min-height:400px}.section-title{border-bottom:2px solid var(--primary-color);color:var(--text-color);font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem}.section-title:first-child{margin-top:0}.dropdown-field{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.dropdown-label{color:var(--text-color);font-size:.95rem;font-weight:500}.dropdown-select{background-color:var(--input-background);border:2px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease}.dropdown-select:focus,.dropdown-select:hover{border-color:var(--primary-color)}.dropdown-select:focus{box-shadow:0 0 0 3px #2196f31a;outline:none}.description h3{color:var(--text-color);margin-bottom:.5rem}.description p{color:var(--text-secondary);line-height:1.6}.light .risk-tolerance-calculator{--card-background:#fff;--text-color:#333;--text-secondary:#666;--border-color:#ddd;--input-background:#fff;--primary-color:#2196f3}.dark .risk-tolerance-calculator{--card-background:#2a2e35;--text-color:#fff;--text-secondary:#b0b0b0;--border-color:#444;--input-background:#1a1e24;--primary-color:#64b5f6}@media (max-width:1200px){.risk-tolerance-calculator{gap:20px;grid-template-columns:400px 1fr}}@media (max-width:992px){.risk-tolerance-calculator{gap:20px;grid-template-columns:1fr}.risk-input-fields{max-height:none;position:static}}@media (max-width:768px){.risk-tolerance-calculator{padding:0}.risk-input-fields,.risk-output-panel{border-radius:0}.risk-input-fields{padding:1rem}.section-title{font-size:1.1rem}.dropdown-select{font-size:.9rem}}.risk-tolerance-output{display:flex;flex-direction:column;gap:25px;padding:25px}.risk-score-section{align-items:center;display:flex;justify-content:center}.risk-score-card{background:linear-gradient(135deg,var(--score-card-bg-start) 0,var(--score-card-bg-end) 100%);border:3px solid;border-radius:12px;box-shadow:0 6px 20px #0000001f;padding:30px 50px;text-align:center;transition:transform .3s ease}.risk-score-card:hover{transform:translateY(-3px)}.risk-score-card h2{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.risk-score-display{font-size:4rem;font-weight:700;line-height:1;margin:1rem 0}.score-max{font-size:2rem;opacity:.6}.risk-profile-badge{border-radius:25px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}.risk-description-section{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.risk-description-section h3{color:var(--text-color);font-size:1.2rem;margin-bottom:.75rem}.risk-description{color:var(--text-secondary);font-size:1rem;line-height:1.7}.allocation-section{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.allocation-section h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.allocation-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.allocation-card{border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.allocation-card:hover{transform:translateY(-5px)}.allocation-card.equity{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.allocation-card.debt{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.allocation-card.cash{background:linear-gradient(135deg,#ffc107,#ffa000);color:#fff}.allocation-label{font-size:.9rem;font-weight:500;margin-bottom:.5rem;opacity:.95}.allocation-value{font-size:2.5rem;font-weight:700;margin:.5rem 0}.allocation-desc{font-size:.85rem;margin-top:.5rem;opacity:.9}.charts-section{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-container{min-height:300px;padding:1rem}.breakdown-details-section{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.breakdown-details-section h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.breakdown-table{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{grid-gap:1rem;align-items:center;background:var(--row-background);border-radius:6px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:.75rem 1rem}.breakdown-row.header{background:var(--header-background);color:var(--text-color);font-weight:600}.breakdown-row.total{background:var(--total-background);border-top:2px solid var(--border-color);font-weight:700;margin-top:.5rem}.breakdown-category{color:var(--text-color)}.breakdown-contribution,.breakdown-score,.breakdown-weight{color:var(--text-secondary);text-align:center}.breakdown-row.total .breakdown-contribution{color:#4caf50;font-size:1.1rem}.key-factors-section{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.key-factors-section h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.factors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.factors-card{border-left:4px solid;border-radius:8px;padding:1.5rem}.factors-card.positive{background:var(--positive-background);border-color:#4caf50}.factors-card.negative{background:var(--negative-background);border-color:#ff9800}.factors-card h4{color:var(--text-color);font-size:1rem;margin-bottom:1rem}.factors-card ul{list-style:none;margin:0;padding:0}.factors-card li{color:var(--text-secondary);line-height:1.5;padding:.5rem 0}.factors-card li:before{content:"• ";font-weight:700;margin-right:.5rem}.risk-profile-guide{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.risk-profile-guide h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.profile-guide-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1rem}.profile-guide-item{background:var(--guide-item-background);border:2px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center}.profile-score{color:#2196f3;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.profile-name{color:var(--text-color);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.allocation-format-note,.profile-allocation{color:var(--text-secondary);font-size:.85rem}.allocation-format-note{font-style:italic;text-align:center}.disclaimer-section{background:var(--warning-background);border-left:4px solid #ff9800;border-radius:8px;padding:1.5rem}.disclaimer-section h4{color:var(--text-color);font-size:1rem;margin-bottom:.75rem}.disclaimer-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.light .risk-tolerance-output{--card-background:#fff;--text-color:#333;--text-secondary:#666;--border-color:#ddd;--row-background:#f9f9f9;--header-background:#f0f0f0;--total-background:#e8f5e9;--positive-background:#f1f8f4;--negative-background:#fff8e1;--guide-item-background:#fafafa;--warning-background:#fff8e1}.dark .risk-tolerance-output{--card-background:#2a2e35;--text-color:#fff;--text-secondary:#b0b0b0;--border-color:#444;--row-background:#1f2328;--header-background:#363a42;--total-background:#2d4a2e;--positive-background:#1f2f23;--negative-background:#3d3420;--guide-item-background:#1f2328;--warning-background:#3d3420}@media (max-width:768px){.risk-tolerance-output{padding:1rem}.chart-container{min-width:100%}.allocation-grid{grid-template-columns:1fr}.breakdown-row{font-size:.85rem;gap:.5rem;grid-template-columns:1.5fr .8fr .8fr .8fr;padding:.5rem}.risk-score-display{font-size:3rem}.score-max{font-size:1.5rem}.charts-section,.factors-grid,.profile-guide-grid{grid-template-columns:1fr}.charts-section{gap:1rem}}@media (max-width:480px){.breakdown-row{gap:.25rem;grid-template-columns:1fr}.breakdown-category,.breakdown-contribution,.breakdown-score,.breakdown-weight{text-align:left}.breakdown-weight:before{content:"Weight: ";font-weight:600}.breakdown-score:before{content:"Score: ";font-weight:600}.breakdown-contribution:before{content:"Contribution: ";font-weight:600}}.sip-calculator{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1400px}.description{background:var(--summary-bg);border-radius:8px;color:var(--subtle-text-color);margin-bottom:10px;padding:15px}.sip-input-fields{background:var(--input-section-bg);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}@media (min-width:768px){.sip-calculator{align-items:flex-start;flex-direction:row}.sip-input-fields{flex:1 1;max-width:450px;min-width:350px}.sip-calculator .data-container:last-child{flex:2 1}}.sip-info-section{background:var(--summary-bg);border-radius:8px;margin-top:30px;padding:20px}.sip-info-section h3{color:var(--primary-color);font-size:1.1em;margin-bottom:15px}.info-content{gap:15px}.info-item{gap:12px}.info-icon{font-size:1.5em}.info-text{color:var(--text-color);font-size:.95rem}.info-text strong{color:var(--primary-color);margin-bottom:4px}.sip-tips-section{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-left:4px solid #4caf50;border-radius:8px;margin-top:20px;padding:20px}.sip-tips-section h3{color:var(--primary-color);font-size:1.1em;margin-bottom:15px}.tips-list{gap:12px}.tip-item{color:var(--text-color);font-size:.95rem;gap:10px}.tip-bullet{font-size:1.1em}.sip-output{width:100%}.sip-results-summary{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:25px}.sip-results-summary h2{color:var(--primary-color);font-size:1.5em;margin-bottom:20px;text-align:center}.sip-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.sip-summary-card{background:var(--background-color);border:2px solid #0000;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.sip-summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sip-summary-card.highlight{background:linear-gradient(135deg,var(--background-color) 0,#4caf501a 100%);border-color:#4caf50}.sip-summary-card.warning{background:linear-gradient(135deg,var(--background-color) 0,#ff98001a 100%);border-color:#ff9800}.sip-summary-card h3{color:var(--text-secondary);font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.sip-summary-card .small-text{color:var(--text-secondary);font-size:.75em;margin-top:5px}.sip-summary-card .big-number{color:var(--primary-color);font-size:1.5em;font-weight:700;margin:0}.sip-summary-card .big-number.positive{color:#4caf50}.sip-summary-card .big-number.negative{color:#f44336}.sip-info-box{background:linear-gradient(135deg,#2196f31a,#2196f30d);border-left:4px solid #2196f3;border-radius:8px;margin-top:20px;padding:15px 20px}.sip-info-box p{color:var(--text-color);margin:0}.sip-charts-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr;margin-bottom:25px}.sip-chart{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.sip-chart.full-width{grid-column:1/-1}.sip-chart h3{color:var(--primary-color);font-size:1.2em;margin-bottom:15px;text-align:center}.sip-yearly-table{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.sip-yearly-table h3{color:var(--primary-color);font-size:1.2em;margin-bottom:15px}.table-responsive{overflow-x:auto}.sip-yearly-table table{background:var(--background-color);border-collapse:collapse;width:100%}.sip-yearly-table td,.sip-yearly-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:right}.sip-yearly-table th{background:var(--primary-color);color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.sip-yearly-table tbody tr:hover{background:var(--hover-background)}.sip-yearly-table td.positive{color:#4caf50;font-weight:600}.sip-yearly-table td.highlight{color:var(--primary-color);font-weight:700}@media (max-width:768px){.sip-summary-cards{grid-template-columns:1fr}.sip-summary-card .big-number{font-size:1.3em}.sip-yearly-table td,.sip-yearly-table th{font-size:.9em;padding:8px 10px}}@media (min-width:769px){.sip-charts-container{grid-template-columns:repeat(2,1fr)}.sip-chart.full-width{grid-column:1/-1}}.drawdown-simulator{display:flex;flex-direction:row;gap:20px;margin:0 auto;max-width:1400px;width:100%}.drawdown-input-fields{flex:1 1;max-width:400px;min-width:300px}.info-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px;padding:15px}.info-box h4{font-size:16px;font-weight:600;margin:0 0 10px}.info-box p{font-size:13px;line-height:1.5;margin:0;opacity:.95}.cashflow-info{background:#2196f31a;border-left:3px solid #2196f3;border-radius:5px;margin-top:15px;padding:12px}.cashflow-info .info-text{font-size:13px;line-height:1.5;margin:0}.cashflow-info strong{color:#2196f3}.dark .info-box{background:linear-gradient(135deg,#4a5568,#2d3748)}.dark .cashflow-info{background:#2196f326;border-left-color:#64b5f6}.dark .cashflow-info strong{color:#64b5f6}@media (max-width:968px){.drawdown-simulator{flex-direction:column}.drawdown-input-fields{max-width:100%}}@media (max-width:600px){.info-box{padding:12px}.info-box h4{font-size:14px}.info-box p{font-size:12px}.cashflow-info{padding:10px}.cashflow-info .info-text{font-size:12px}}.left-panel-insights{background:#4caf500d;border:1px solid #4caf5033;border-radius:10px;margin-top:25px;padding:15px}.left-panel-insights h3{color:#4caf50;font-size:16px;font-weight:600;margin:0 0 15px}.left-panel-insights .insight-item{border-bottom:1px solid #0000000d;margin-bottom:12px;padding-bottom:12px}.left-panel-insights .insight-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.left-panel-insights .insight-item strong{color:#333;display:block;font-size:13px;margin-bottom:4px}.left-panel-insights .insight-item p{color:#666;font-size:12px;line-height:1.5;margin:0}.left-panel-recommendations{background:#ff98000d;border:1px solid #ff980033;border-radius:10px;margin-top:20px;padding:15px}.left-panel-recommendations h3{color:#ff9800;font-size:16px;font-weight:600;margin:0 0 15px}.left-panel-recommendations .rec-item{border-bottom:1px solid #0000000d;display:flex;gap:10px;margin-bottom:12px;padding-bottom:12px}.left-panel-recommendations .rec-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.left-panel-recommendations .rec-num{align-items:center;background:#ff9800;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;min-width:24px}.left-panel-recommendations .rec-text{flex:1 1;font-size:12px;line-height:1.5}.left-panel-recommendations .rec-text strong{color:#333;display:block;margin-bottom:2px}.dark .left-panel-insights{background:#4caf501a;border-color:#4caf504d}.dark .left-panel-insights h3{color:#66bb6a}.dark .left-panel-insights .insight-item{border-bottom-color:#ffffff0d}.dark .left-panel-insights .insight-item strong{color:#e0e0e0}.dark .left-panel-insights .insight-item p{color:#b0b0b0}.dark .left-panel-recommendations{background:#ff98001a;border-color:#ff98004d}.dark .left-panel-recommendations h3{color:#ffb74d}.dark .left-panel-recommendations .rec-item{border-bottom-color:#ffffff0d}.dark .left-panel-recommendations .rec-num{background:#ffb74d;color:#1a1e24}.dark .left-panel-recommendations .rec-text strong{color:#e0e0e0}.dark .left-panel-recommendations .rec-text{color:#b0b0b0}.drawdown-output-container{display:flex;flex-direction:column;gap:25px;width:100%}.drawdown-summary h3{font-size:20px;font-weight:600;margin:0 0 20px}.summary-cards{grid-gap:15px;gap:15px;margin-bottom:25px}.summary-card{background:#fff;box-shadow:0 2px 8px #00000014;padding:20px;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-3px)}.summary-card.primary-card,.summary-card.stress-card{color:#fff}.card-label{font-size:13px;margin-bottom:8px;opacity:.9}.card-value{font-size:28px;margin-bottom:5px}.card-subtitle{font-size:12px;opacity:.85}.card-subtitle.savings{color:#4caf50;font-weight:600}.stress-indicator{background:#2196f30d;border-radius:12px;margin-bottom:10px;padding:20px}.stress-indicator h4{font-size:16px;font-weight:600;margin:0 0 15px}.stress-bar-container{background:#0000001a;border-radius:15px;height:30px;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.stress-bar-fill{background:linear-gradient(90deg,#4caf50,#ff9800 50%,#f44336);border-radius:15px;height:100%;transition:width 1s ease-out}.stress-description{font-size:14px;font-weight:500;margin:0;text-align:center}.drawdown-chart-container{padding:20px}.drawdown-chart-container,.drawdown-details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.drawdown-details-section{padding:25px}.drawdown-details-section h3{font-size:18px;font-weight:600;margin:0 0 20px}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-item{background:#00000005;border-left:3px solid #2196f3;padding:12px 15px}.metric-label,.metric-value{font-size:14px}.metric-value{color:#2196f3}.metric-value.success{color:#4caf50}.metric-value.danger{color:#f44336}.insights-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.insights-section h3{font-size:18px;font-weight:600;margin:0 0 20px}.insight-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background:linear-gradient(135deg,#673ab70d,#2196f30d);border:1px solid #673ab71a;border-radius:10px;display:flex;gap:15px;padding:15px}.insight-icon{flex-shrink:0;font-size:28px}.insight-content h4{font-size:15px;font-weight:600;margin:0 0 8px}.insight-content p{font-size:13px;line-height:1.6;margin:0;opacity:.85}.recommendations-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.recommendations-section h3{font-size:18px;font-weight:600;margin:0 0 20px}.recommendations-list{display:flex;flex-direction:column;gap:15px}.recommendation-item{align-items:flex-start;display:flex;gap:15px}.rec-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.rec-content{flex:1 1;font-size:14px;line-height:1.6}.rec-content strong{color:#667eea;font-weight:600}.dark .summary-card{background:#2d3748;color:#e2e8f0}.dark .summary-card.primary-card,.dark .summary-card.stress-card{color:#fff}.dark .stress-indicator{background:#4299e11a}.dark .stress-bar-container{background:#ffffff1a}.dark .drawdown-chart-container,.dark .drawdown-details-section,.dark .insights-section,.dark .recommendations-section{background:#2d3748;color:#e2e8f0}.dark .metric-item{background:#ffffff0d;border-left-color:#4299e1}.dark .metric-value{color:#4299e1}.dark .insight-card{background:linear-gradient(135deg,#673ab71a,#4299e11a);border-color:#673ab733}.dark .rec-content strong{color:#9f7aea}@media (max-width:768px){.insight-cards,.metrics-grid,.summary-cards{grid-template-columns:1fr}.card-value{font-size:24px}.drawdown-chart-container,.drawdown-details-section,.insights-section,.recommendations-section{padding:15px}}@media (max-width:480px){.card-value{font-size:20px}.card-label{font-size:12px}.card-subtitle{font-size:11px}.insight-icon{font-size:24px}.rec-number{font-size:12px;height:28px;width:28px}}.calculator-container{display:flex;gap:2rem;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:2rem}.left-panel{display:flex;flex:0 0 350px;flex-direction:column;gap:2rem}.numeric-input-scroller{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.right-panel{flex:1 1;min-width:0}.info-section{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.info-section h3{color:var(--primary-color);font-size:1.2rem;margin:0 0 1rem}.info-section h4{color:var(--text-color);font-size:1rem;margin:1.5rem 0 .5rem}.info-section p{color:var(--text-color);line-height:1.6;margin:0 0 1rem}.info-section ul{margin:.5rem 0;padding-left:1.5rem}.info-section li{color:var(--text-color);line-height:1.5;margin:.5rem 0}.info-section li strong{color:var(--primary-color)}@media (max-width:1024px){.calculator-container{flex-direction:column;padding:1rem}.left-panel{flex:1 1;width:100%}.right-panel{width:100%}}@media (max-width:768px){.calculator-container{gap:1rem;padding:.5rem}.info-section,.numeric-input-scroller{padding:1rem}}.dark .info-section,.dark .numeric-input-scroller{background:#2a2e35;box-shadow:0 2px 8px #0000004d}.dark .info-section h3{color:#4caf50}.dark .info-section h4,.dark .info-section li,.dark .info-section p{color:#e0e0e0}.dark .info-section li strong{color:#66bb6a}.inflation-output-container{display:flex;flex-direction:column;gap:2rem}.inflation-summary{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.inflation-summary h3{color:var(--primary-color);font-size:1.5rem;margin:0 0 1.5rem}.inflation-summary h4{color:var(--text-color);font-size:1.2rem;margin:1.5rem 0 1rem}.summary-cards{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.summary-card{box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 6px 20px #0003;transform:translateY(-5px)}.card-label{color:#ffffffe6}.card-value{color:#fff;font-size:1.8rem;margin-bottom:.5rem;word-break:break-word}.card-value.increase{color:gold}.card-value.loss{color:#ffb6b6}.card-subtitle{color:#fffc;font-size:.85rem;margin-top:.5rem}.investment-comparison{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin-top:2rem;padding:1.5rem}.dark .investment-comparison{background:linear-gradient(135deg,#2a2e35,#1a1e24)}.investment-comparison h4{color:var(--primary-color);margin:0 0 1rem}.comparison-details{display:flex;flex-direction:column;gap:.75rem}.comparison-row{align-items:center;background:#ffffff80;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.dark .comparison-row{background:#ffffff0d}.comparison-row.highlight{background:#4caf501a;border:2px solid #4caf50;font-weight:600}.dark .comparison-row.highlight{background:#4caf5033}.comparison-row .label{color:var(--text-color);font-size:.95rem}.comparison-row strong{font-size:1.1rem}.comparison-row strong.positive{color:#4caf50}.comparison-row strong.negative{color:#ff6b6b}.comparison-divider{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);height:2px;margin:.5rem 0}.comparison-note{border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem}.comparison-note.success{background:#4caf501a;border-left:4px solid #4caf50;color:#2e7d32}.dark .comparison-note.success{background:#4caf5033;color:#66bb6a}.comparison-note.warning{background:#ff98001a;border-left:4px solid #ff9800;color:#e65100}.dark .comparison-note.warning{background:#ff980033;color:#ffb74d}.inflation-chart-container{padding:1.5rem}.inflation-chart-container,.inflation-details-section{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a}.inflation-details-section{padding:2rem}.inflation-details-section h3{color:var(--primary-color);font-size:1.3rem;margin:0 0 1.5rem}.inflation-details-section h4{color:var(--text-color);font-size:1.1rem;margin:1.5rem 0 1rem}.key-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-item{background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;padding:1rem}.dark .metric-item{background:#667eea33}.metric-label{color:var(--text-color);font-size:.9rem}.metric-value{color:var(--primary-color);font-weight:700}.metric-value.positive{color:#4caf50}.metric-value.negative{color:#ff6b6b}.insights-section{margin-top:2rem}.insights-list{list-style:none;margin:1rem 0;padding:0}.insights-list li{background:linear-gradient(90deg,#667eea1a,#0000);border-left:4px solid #667eea;border-radius:0 8px 8px 0;color:var(--text-color);line-height:1.6;margin-bottom:1rem;padding:1rem}.dark .insights-list li{background:linear-gradient(90deg,#667eea33,#0000)}.insights-list li strong{color:var(--primary-color);font-weight:600}.insights-list li.positive-insight{background:linear-gradient(90deg,#4caf501a,#0000);border-left-color:#4caf50}.dark .insights-list li.positive-insight{background:linear-gradient(90deg,#4caf5033,#0000)}.insights-list li.negative-insight{background:linear-gradient(90deg,#ff6b6b1a,#0000);border-left-color:#ff6b6b}.dark .insights-list li.negative-insight{background:linear-gradient(90deg,#ff6b6b33,#0000)}.recommendation-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:2rem;padding:1.5rem}.recommendation-box h4{color:#fff;margin:0 0 1rem}.recommendation-box p{color:#fffffff2;margin:.75rem 0}.recommendation-tip{background:#ffffff1a;border-left:4px solid #ffffff80;border-radius:8px;margin-top:1rem!important;padding:1rem}.recommendation-tip strong{color:gold}@media (max-width:768px){.key-metrics,.summary-cards{grid-template-columns:1fr}.inflation-chart-container,.inflation-details-section,.inflation-summary{padding:1rem}.card-value{font-size:1.5rem}.comparison-row{align-items:flex-start;flex-direction:column;gap:.5rem}}.dark .inflation-chart-container,.dark .inflation-details-section,.dark .inflation-summary{background:#2a2e35;box-shadow:0 2px 8px #0000004d}.dark .inflation-details-section h3,.dark .inflation-summary h3{color:#4caf50}.dark .comparison-row .label,.dark .inflation-details-section h4,.dark .inflation-summary h4,.dark .insights-list li,.dark .metric-label{color:#e0e0e0}.tax-calculator{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:1rem}.tax-input-fields{display:flex;flex-direction:column;gap:1.5rem}.description{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;padding:1rem 2rem;text-align:center}.tax-info-section{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.tax-info-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1.5rem;margin-top:0}.info-content{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:flex-start;display:flex;gap:1rem}.info-icon{flex-shrink:0;font-size:1.5rem}.info-text{flex:1 1;line-height:1.5}.info-text strong{color:var(--accent-color);display:block;margin-bottom:.25rem}.tax-slabs-display{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:30px 0;padding:20px}.tax-slabs-display h3{align-items:center;color:var(--primary-color);display:flex;justify-content:space-between;margin-bottom:20px}.customize-button{background-color:var(--expense-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.customize-button:hover{background-color:var(--primary-hover)}.slabs-editor{margin-top:20px}.editor-header{background-color:var(--header-bg);border-radius:4px;font-weight:700;margin-bottom:10px}.editor-header,.editor-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 100px;padding:10px}.editor-row{align-items:center;border-bottom:1px solid var(--border-color)}.slab-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:14px;padding:8px}.slab-input:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.remove-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:6px 12px;transition:background-color .3s}.remove-button:hover:not(:disabled){background-color:#c82333}.remove-button:disabled{background-color:#ccc;cursor:not-allowed}.editor-actions{display:flex;gap:10px;margin-top:15px}.add-button,.reset-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.add-button{background-color:#28a745;color:#fff}.add-button:hover{background-color:#218838}.reset-button{background-color:#6c757d;color:#fff}.reset-button:hover{background-color:#5a6268}.slabs-table{display:flex;flex-direction:column;gap:.5rem}.slab-header{background:var(--header-background);border-radius:8px;font-weight:700}.slab-header,.slab-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;padding:.75rem}.slab-row{background:var(--row-background);border-radius:6px;transition:background-color .2s ease}.slab-row:hover{background:var(--row-hover-background)}.tax-tips-section{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.tax-tips-section h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1.5rem;margin-top:0}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:.75rem}.tip-item{align-items:flex-start;line-height:1.5}.tip-bullet{color:#4caf50;flex-shrink:0;font-size:1.2rem;font-weight:700}@media (max-width:1200px){.tax-calculator{grid-template-columns:1fr}}@media (max-width:768px){.tax-calculator{gap:1rem;padding:.5rem}.description{font-size:1rem;padding:.5rem 1rem}.tax-info-section,.tax-slabs-display,.tax-tips-section{padding:1rem}.slab-header,.slab-row{font-size:.9rem;grid-template-columns:1.5fr 1fr}}.dark .tax-info-section,.dark .tax-slabs-display,.dark .tax-tips-section{background:#ffffff0d}.dark .slab-header{background:#ffffff14}.dark .slab-row{background:#ffffff08}.dark .slab-row:hover{background:#ffffff12}.tax-output{display:flex;flex-direction:column;gap:2rem;padding:1rem}.output-header{margin-bottom:1rem;text-align:center}.output-header h2{color:var(--primary-color);font-size:1.8rem;margin:0}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.summary-card{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-card.highlight{border:2px solid var(--accent-color)}.card-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.card-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.card-value.deduction{color:#ffc107}.card-value.taxable{color:#2196f3}.card-value.tax{color:#f44336}.card-value.income{color:#4caf50}.slab-breakdown-section{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.slab-breakdown-section h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:1.5rem;margin-top:0}.slab-table{display:flex;flex-direction:column;gap:.5rem}.slab-table-header{background:var(--header-background);border-radius:8px;font-size:.95rem;font-weight:700}.slab-table-header,.slab-table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1.5fr;padding:1rem}.slab-table-row{background:var(--row-background);border-radius:6px;transition:background-color .2s ease}.slab-table-row:hover{background:var(--row-hover-background)}.slab-table-footer{grid-gap:1rem;background:var(--footer-background);border-radius:8px;border-top:2px solid var(--accent-color);display:grid;font-weight:700;gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1.5fr;margin-top:.5rem;padding:1rem}.tax-amount{color:#f44336;font-weight:600}.total-tax{color:#f44336;font-size:1.1rem}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-container{box-shadow:0 2px 8px #0000001a;padding:1.5rem}.chart-container h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem;text-align:center}.chart-wrapper{align-items:center;display:flex;justify-content:center;min-height:350px}.monthly-breakdown{background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.monthly-breakdown h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:1.5rem;margin-top:0}.monthly-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.monthly-card{background:var(--row-background);border-radius:10px;padding:1.25rem;transition:transform .2s ease}.monthly-card:hover{transform:translateY(-2px)}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.tax-output{gap:1rem;padding:.5rem}.summary-cards{grid-template-columns:1fr}.slab-table-footer,.slab-table-header,.slab-table-row{font-size:.85rem;grid-template-columns:1.5fr 1fr .8fr 1fr;padding:.75rem}.card-value{font-size:1.3rem}.charts-section{gap:1rem}.chart-container{padding:1rem}.chart-wrapper{min-height:300px}}@media (max-width:480px){.slab-table-footer,.slab-table-header,.slab-table-row{font-size:.75rem;gap:.5rem;grid-template-columns:1fr .8fr .6fr .8fr;padding:.5rem}.output-header h2{font-size:1.4rem}}.dark .tax-output{color:#fff}.dark .chart-container,.dark .monthly-breakdown,.dark .slab-breakdown-section,.dark .summary-card{background:#ffffff0d}.dark .slab-table-header{background:#ffffff14}.dark .slab-table-row{background:#ffffff08}.dark .slab-table-row:hover{background:#ffffff12}.dark .slab-table-footer{background:#ffffff14}.dark .monthly-card{background:#ffffff0d}.rent-vs-buy-calculator{margin:0 auto;max-width:1400px;padding:20px;width:100%}.rvb-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;margin:30px 0}.rvb-input-panel{display:flex;flex-direction:column;gap:20px}.rvb-output-panel{min-width:0}.input-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);font-size:12px;padding:25px}.input-section h3{border-bottom:2px solid var(--card-title-color);color:var(--card-title-color);font-size:15px;padding-bottom:10px}.results-summary{margin-top:0}.recommendation-box{background:var(--card-background);border-left:6px solid;border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);margin:20px 0;padding:30px}.recommendation-box.recommendation-buy{background:linear-gradient(135deg,#4caf501a 0,var(--card-background) 100%);border-left-color:#4caf50}.recommendation-box.recommendation-rent{background:linear-gradient(135deg,#2196f31a 0,var(--card-background) 100%);border-left-color:#2196f3}.recommendation-box.recommendation-neutral{background:linear-gradient(135deg,#ff98001a 0,var(--card-background) 100%);border-left-color:#ff9800}.recommendation-box h3{color:var(--card-title-color);font-size:1.5rem;margin-top:0}.recommendation-box p{color:var(--primary-text-color);line-height:1.6;margin:10px 0}.breakeven-info{border-top:1px solid var(--border-color);font-size:1.1rem;margin-top:15px!important;padding-top:15px}.comparison-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:30px 0}.comparison-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);padding:25px}.renting-card{border-top:4px solid #2196f3}.buying-card{border-top:4px solid #4caf50}.comparison-card h3{color:var(--card-title-color);font-size:1.3rem;margin-bottom:20px;margin-top:0}.metric{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.metric:last-child{border-bottom:none}.metric-label{color:var(--primary-text-color);flex:1 1;font-weight:500}.metric-description{color:var(--secondary-text-color);font-size:.85rem;font-style:italic;font-weight:400;margin-top:4px;opacity:.8}.metric-value{color:var(--card-title-color);font-size:1.1rem;font-weight:600;text-align:right}.metric-value.rvb-negative-value{color:#f44336;font-weight:700}.rvb-cost-metric{background:#f443360d;border-radius:6px;margin:5px -10px;padding:12px 10px}.final-metric{border-top:2px solid var(--card-title-color)!important;margin-top:15px;padding-top:20px}.final-metric .metric-value.highlight{color:var(--highlight-color);font-size:1.4rem}.net-worth-difference{background:var(--card-background);border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);margin:30px 0;padding:30px;text-align:center}.net-worth-difference h3{color:var(--card-title-color);margin-bottom:20px}.difference-value{font-size:2rem;font-weight:700;margin:15px 0}.difference-value.positive{color:#4caf50}.difference-value.negative{color:#2196f3}.difference-label{color:var(--primary-text-color);font-size:1.2rem;font-weight:500;margin-left:10px}.results-charts{margin-top:40px}.chart-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);margin:25px 0;padding:25px}.chart-container h3{color:var(--card-title-color);margin-bottom:20px;margin-top:0}@media (max-width:768px){.comparison-cards,.rvb-layout{grid-template-columns:1fr}.rent-vs-buy-calculator{padding:10px}.chart-container,.comparison-card,.input-section,.recommendation-box{padding:15px}.difference-value{font-size:1.5rem}.difference-label{display:block;font-size:1rem;margin-left:0;margin-top:10px}}.property-investment-calculator{margin:0 auto;max-width:1280px;padding:20px;width:100%}.property-investment-calculator .description{margin-bottom:30px;text-align:center}.property-investment-calculator .description h2{color:var(--primary-text-color);margin-bottom:15px}.property-investment-calculator .description p{color:var(--secondary-text-color);font-size:1.1em;line-height:1.6;margin:0 auto;max-width:900px}.pi-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:400px 1fr}@media (max-width:1200px){.pi-layout{grid-template-columns:1fr}}.pi-input-panel,.pi-output-panel{background:var(--card-background);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.pi-input-panel{max-height:calc(100vh - 150px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:20px}.input-section{border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:20px}.input-section:last-child{border-bottom:none}.input-section h3{color:var(--primary-text-color);font-size:1.3em;margin-bottom:20px}.input-section h4{color:var(--secondary-text-color);font-size:1.1em;font-weight:600;margin:20px 0 15px}.tab-navigation{border-bottom:2px solid var(--border-color);display:flex;gap:10px;margin-bottom:25px;min-width:720px}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--secondary-text-color);cursor:pointer;font-size:1em;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:var(--hover-background);color:var(--primary-text-color)}.tab-button.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-summary{margin:0 auto;max-width:1200px}.results-summary h3{color:var(--primary-text-color);font-size:1.5em;margin-bottom:25px}.highlight-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}@media (max-width:768px){.highlight-section{grid-template-columns:1fr}}.highlight-card{background:var(--card-background);border:2px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center}.highlight-card.positive{border:2px solid #38ef7d}.highlight-card.negative{border:2px solid #eb3349}.highlight-card h4{color:var(--primary-text-color);font-size:1em;margin-bottom:10px}.highlight-card .metric-value{color:var(--primary-text-color);font-size:1.8em;font-weight:700;margin-bottom:5px;text-align:center}.highlight-card .metric-label{color:var(--secondary-text-color);font-size:.9em;opacity:.85}.metric-section{background:var(--section-background);border-radius:8px;margin-bottom:30px;padding:20px}.metric-section h4{border-bottom:2px solid var(--accent-color);color:var(--primary-text-color);font-size:1.2em;margin-bottom:15px;padding-bottom:10px}.metric-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-item{align-items:center;background:var(--card-background);border-left:3px solid var(--accent-color);border-radius:6px;display:flex;justify-content:space-between;padding:10px}.metric-item.highlight{background:var(--highlight-background);border-left-color:#4ecdc4}.metric-item .metric-label{color:var(--secondary-text-color);font-size:.95em}.metric-item .metric-value{color:var(--primary-text-color);font-size:1.1em;font-weight:600}.metric-item .metric-value.positive{color:#38ef7d}.metric-item .metric-value.negative{color:#ff6b6b}.sensitivity-analysis,.yearly-charts{margin:0 auto;max-width:1200px}.sensitivity-analysis h3,.yearly-charts h3{color:var(--primary-text-color);font-size:1.5em;margin-bottom:20px}.chart-container{background:var(--section-background);border-radius:8px;margin-bottom:40px;padding:20px}.chart-container h4{color:var(--primary-text-color);font-size:1.1em;margin-bottom:15px}.sensitivity-analysis .section-description{color:var(--secondary-text-color);font-size:1em;margin-bottom:25px}.sensitivity-summary{background:var(--section-background);border-radius:8px;margin-top:30px;padding:20px}.sensitivity-summary h4{color:var(--primary-text-color);margin-bottom:15px}.sensitivity-summary ul{list-style:none;padding:0}.sensitivity-summary li{background:var(--card-background);border-left:3px solid var(--accent-color);border-radius:6px;color:var(--secondary-text-color);line-height:1.6;margin-bottom:10px;padding:12px}.sensitivity-summary li strong{color:var(--primary-text-color)}.pi-input-panel::-webkit-scrollbar{width:8px}.pi-input-panel::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.pi-input-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.pi-input-panel::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width:768px){.property-investment-calculator{padding:10px}.pi-input-panel,.pi-output-panel{padding:15px}.pi-input-panel{max-height:none;position:static}.highlight-section,.metric-grid{grid-template-columns:1fr}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1 1;font-size:.9em;min-width:100px;padding:10px 12px}}.dark{--card-background:#2d3748;--section-background:#1a202c;--border-color:#4a5568;--hover-background:#374151;--highlight-background:#2d3748;--scrollbar-track:#1a202c;--scrollbar-thumb:#4a5568;--scrollbar-thumb-hover:#718096}.light{--card-background:#fff;--section-background:#f7fafc;--border-color:#e2e8f0;--hover-background:#f7fafc;--highlight-background:#edf2f7;--scrollbar-track:#f7fafc;--scrollbar-thumb:#cbd5e0;--scrollbar-thumb-hover:#a0aec0}.homepage-container{background:var(--background-color);margin:0 auto;max-width:1400px;padding:20px;width:100%}.search-container{margin-bottom:25px}.search-wrapper{margin:0 auto;max-width:600px;position:relative}.search-icon{color:var(--subtle-text-color);font-size:1.1rem;left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--card-background);border:2px solid var(--card-border);border-radius:25px;box-shadow:0 2px 8px var(--card-shadow);color:var(--color-text);font-size:1rem;outline:none;padding:14px 50px 14px 45px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--card-primary-color);box-shadow:0 4px 12px var(--card-shadow)}.search-input::placeholder{color:var(--subtle-text-color);opacity:.6}.search-clear{align-items:center;background:var(--subtle-text-color);border:none;border-radius:50%;color:var(--card-background);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.search-clear:hover{background:var(--card-primary-color);transform:translateY(-50%) scale(1.1)}.search-results-count{color:var(--subtle-text-color);font-size:.9rem;font-weight:500;margin-top:12px;text-align:center}.no-results{background:var(--card-background);border:2px dashed var(--card-border);border-radius:12px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results p{color:var(--subtle-text-color);font-size:1.1rem;margin-bottom:20px}.clear-search-btn{background:var(--card-primary-color);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.clear-search-btn:hover{box-shadow:0 4px 12px var(--card-shadow);opacity:.9;transform:translateY(-2px)}.msn-grid{grid-gap:15px;display:grid;gap:15px;grid-auto-rows:220px;grid-template-columns:repeat(4,1fr);margin-top:20px}.grid-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px var(--card-shadow);color:var(--color-text);overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.grid-card:hover{border-color:var(--card-primary-color);box-shadow:0 8px 24px var(--card-shadow);transform:translateY(-5px)}.hero-card{background:linear-gradient(135deg,var(--card-primary-color) 0,var(--card-background) 100%);border:2px solid var(--card-primary-color);cursor:default}.hero-card:hover{box-shadow:0 2px 8px var(--card-shadow);transform:none}.hero-card .card-content{justify-content:center;text-align:center}.hero-card h1{color:var(--color-text);font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:15px}.hero-card .hero-subtitle{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:var(--subtle-text-color);display:-webkit-box;font-size:.95rem;line-height:1.5;overflow:hidden}.card-content{display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px;position:relative}.card-icon{color:var(--card-primary-color);font-size:2.5rem;margin-bottom:12px;opacity:.9}.grid-card h3{color:var(--card-value-color);font-size:1.15rem;font-weight:600;line-height:1.3;margin-bottom:10px}.grid-card p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--subtle-text-color);display:-webkit-box;font-size:.88rem;line-height:1.5;overflow:hidden}.grid-card:before{background:var(--card-primary-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px;z-index:1}.grid-card:hover:before{transform:scaleY(1)}.grid-card:after{background:linear-gradient(135deg,var(--card-primary-color) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.grid-card:hover:after{opacity:.05}.grid-card:nth-child(2) .card-icon{color:#0078d4}.grid-card:nth-child(3) .card-icon{color:#107c10}.grid-card:nth-child(4) .card-icon{color:#d83b01}.grid-card:nth-child(5) .card-icon{color:#8764b8}.grid-card:nth-child(6) .card-icon{color:#e3008c}.grid-card:nth-child(7) .card-icon{color:#ff8c00}.grid-card:nth-child(8) .card-icon{color:#00b7c3}.grid-card:nth-child(9) .card-icon{color:#498205}.grid-card:nth-child(10) .card-icon{color:#c239b3}.grid-card:nth-child(11) .card-icon{color:#ca5010}.grid-card:nth-child(12) .card-icon{color:#0063b1}.grid-card:nth-child(13) .card-icon{color:#8e8cd8}@media (max-width:1200px){.msn-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.msn-grid{grid-auto-rows:200px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.homepage-container{padding:15px}.search-container{margin-bottom:20px}.search-input{font-size:.95rem;padding:12px 45px 12px 40px}.search-icon{font-size:1rem;left:12px}.search-clear{font-size:13px;height:22px;right:12px;width:22px}.search-results-count{font-size:.85rem;margin-top:10px}.msn-grid{gap:12px;grid-auto-rows:180px;grid-template-columns:repeat(2,1fr)}.card-content{padding:15px}.card-icon{font-size:2rem;margin-bottom:10px}.grid-card h3{font-size:1rem}.hero-card h1{font-size:1.4rem;margin-bottom:10px}.hero-card .hero-subtitle{-webkit-line-clamp:3;line-clamp:3;font-size:.85rem}.grid-card p{-webkit-line-clamp:2;line-clamp:2;font-size:.85rem}.no-results{padding:40px 15px}.no-results p{font-size:1rem}}@media (max-width:480px){.search-wrapper{max-width:100%}.search-input{border-radius:20px;font-size:.9rem;padding:11px 40px 11px 38px}.search-icon{font-size:.95rem;left:11px}.search-clear{font-size:12px;height:20px;right:10px;width:20px}.msn-grid{gap:10px;grid-auto-rows:160px;grid-template-columns:1fr}.hero-card h1{font-size:1.3rem}.hero-card .hero-subtitle{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem}.card-icon{font-size:1.8rem}.grid-card h3{font-size:.95rem;margin-bottom:8px}.grid-card p{-webkit-line-clamp:2;line-clamp:2;font-size:.8rem}.no-results{padding:30px 15px}.no-results p{font-size:.95rem;margin-bottom:15px}.clear-search-btn{font-size:.95rem;padding:10px 25px}}