:root{--gradient-start: #f9c858;--gradient-mid-orange: #f07e4a;--gradient-mid-red: #a82755;--gradient-mid-purple: #5c1e5d;--gradient-mid-blue: #161a58;--gradient-end: #003973;--text-light: #ffffff;--text-dark: #333333;--text-primary-on-light: #2c3e50;--text-secondary-on-light: #555555;--card-bg: #ffffff;--border-color: #ddd;--primary-accent: #007bff;--primary-accent-hover: #0056b3;--error-color: #dc3545;--error-bg-light: #f8d7da;--error-border-light: #f5c6cb;--success-color: #28a745;--success-bg-light: #d4edda;--success-border-light: #c3e6cb;--info-color: #17a2b8;--info-bg-light: #d1ecf1;--info-border-light: #bee5eb;--danger-color: #dc3545;--danger-hover-color: #c82333;--shadow-color: rgba(0, 0, 0, .1);--font-heading: "Montserrat", sans-serif;--font-body: "Lato", sans-serif;--font-display: "Playfair Display", serif;--workshop-bg: #f4f7f6;--workshop-card-bg: #ffffff;--workshop-text-primary: #333;--workshop-text-secondary: #555;--workshop-accent: #5DADE2;--workshop-accent-dark: #3498DB;--workshop-progress-bg: #e0e0e0;--workshop-border-color: #e0e0e0;--survey-bg: #f8f9fa;--survey-card-bg: #ffffff;--survey-text-primary: #212529;--survey-text-secondary: #495057;--survey-accent: var(--primary-accent);--survey-accent-light: #e6f2ff;--survey-slider-interactive-area-width: 40px;--survey-slider-thumb-color: var(--survey-accent);--survey-slider-thumb-height: 28px;--survey-slider-thumb-width: 20px;--survey-slider-track-line-width: 2px;--survey-slider-visual-notch-color: rgba(0, 123, 255, .25);--survey-slider-visual-notch-width: 16px;--survey-gradient-red: hsl(0, 80%, 65%);--survey-gradient-green: hsl(130, 60%, 55%);--survey-gradient-white: #FFFFFF}body{font-family:var(--font-body);margin:0;background-image:url(https://img1.wsimg.com/isteam/stock/u8YOx8JwQKfZZR0Kk);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-light);min-height:100vh;display:flex;flex-direction:column}body.dragging-active{overflow:hidden;-webkit-user-select:none;user-select:none}#root{width:100%;flex-grow:1;display:flex;flex-direction:column}.navbar{background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 30px;display:flex;justify-content:space-between;align-items:center;color:var(--text-light);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000004d}.nav-links{display:flex;align-items:center}.nav-item{margin-left:25px;cursor:pointer;font-family:var(--font-body);font-size:1.1em;text-decoration:none;color:var(--text-light);padding:8px 12px;border-radius:4px;transition:background-color .3s ease;display:flex;align-items:center}.nav-item:first-child{margin-left:0}.nav-item:hover,.nav-item:focus{background-color:#fff3}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;color:var(--text-light);font-family:var(--font-body);font-size:1.1em;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s ease;display:flex;align-items:center}.dropdown-toggle:hover,.dropdown-toggle:focus{background-color:#fff3}.dropdown-menu{position:absolute;top:100%;right:0;left:auto;background-color:#191919e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;box-shadow:0 4px 15px #0000004d;padding:10px 0;z-index:1001;min-width:220px}.nav-links .dropdown-menu{left:0;right:auto}.dropdown-item{display:block;padding:10px 20px;color:var(--text-light);text-decoration:none;font-size:1em;transition:background-color .3s ease;white-space:nowrap;text-align:left}.dropdown-item:hover,.dropdown-item:focus{background-color:#ffffff26}.nav-auth{display:flex;align-items:center}.sign-in-button{background-color:var(--gradient-mid-orange);color:var(--text-light);border:none;padding:8px 15px;border-radius:4px;font-size:1em;font-weight:600;cursor:pointer;transition:background-color .3s ease}.sign-in-button:hover{background-color:#e0683a}.user-dropdown .dropdown-toggle{padding:6px 10px}.user-avatar-nav{width:28px;height:28px;border-radius:50%;margin-right:8px;border:1px solid rgba(255,255,255,.5);object-fit:cover}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-modal-content{background-color:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 35px;border-radius:10px;box-shadow:0 10px 40px #0006;width:100%;max-width:420px;position:relative;color:var(--text-light);border:1px solid rgba(255,255,255,.1)}.auth-modal-close{position:absolute;top:10px;right:15px;background:none;border:none;color:#ffffffb3;font-size:28px;font-weight:300;cursor:pointer;line-height:1;padding:5px}.auth-modal-close:hover{color:var(--text-light)}.auth-modal-title{font-family:var(--font-heading);font-size:1.8em;text-align:center;margin-bottom:25px;color:var(--text-light)}.auth-modal-content .input-group{margin-bottom:20px}.auth-modal-content .input-group label{display:block;margin-bottom:6px;font-size:.9em;color:#fffc}.auth-modal-content input[type=email],.auth-modal-content input[type=password]{width:100%;padding:12px 14px;background-color:#0a0a0ab3;border:1px solid #444;border-radius:5px;font-family:var(--font-body);font-size:1em;color:var(--text-light);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.auth-modal-content input[type=email]:focus,.auth-modal-content input[type=password]:focus{outline:none;border-color:var(--gradient-mid-orange);box-shadow:0 0 0 2px #f07e4a4d}.auth-modal-content input:disabled{background-color:#32323280;cursor:not-allowed;opacity:.6}.auth-modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px;margin-bottom:20px}.auth-button{padding:12px 15px;border:none;border-radius:5px;font-family:var(--font-body);font-size:1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,opacity .3s ease;display:flex;align-items:center;justify-content:center}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button.primary{background-color:var(--gradient-mid-orange);color:var(--text-light)}.auth-button.primary:hover:not(:disabled){background-color:#e0683a}.auth-button.secondary{background-color:#ffffff26;color:var(--text-light);border:1px solid rgba(255,255,255,.3)}.auth-button.secondary:hover:not(:disabled){background-color:#ffffff40}.auth-modal-separator{display:flex;align-items:center;text-align:center;margin:25px 0;color:#ffffff80}.auth-modal-separator:before,.auth-modal-separator:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.auth-modal-separator span{padding:0 10px;font-size:.9em}.auth-button.google{background-color:#fff;color:#444;border:1px solid #ccc}.auth-button.google:hover:not(:disabled){background-color:#f5f5f5}.auth-modal-error{color:var(--error-color);background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);padding:10px;border-radius:4px;text-align:center;font-size:.9em;margin-top:15px;margin-bottom:0}.page-content{padding:20px;flex-grow:1;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.home-page-container,.calculator-view,.profile-page,.account-page,.vacation-planner-page,.personal-values-workshop-page,.risk-tolerance-survey-page{background-color:#fffffff7;color:var(--text-primary-on-light);padding:25px 30px;border-radius:12px;box-shadow:0 8px 30px #00000026;margin-bottom:30px}.home-page-container h1,.calculator-view h1,.profile-page h1,.account-page h1,.vacation-planner-page h1,.personal-values-workshop-page h1,.risk-tolerance-survey-page h1{font-family:var(--font-heading);color:var(--text-primary-on-light);text-align:center;margin-bottom:30px;font-size:2em}.calculator-view h2,.account-page h2,.profile-page h2,.vacation-planner-page h2,.risk-tolerance-survey-page h2{font-family:var(--font-heading);color:var(--text-primary-on-light);border-bottom:2px solid var(--primary-accent);padding-bottom:8px;margin-top:30px;margin-bottom:20px;font-size:1.6em}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.95em;color:var(--text-secondary-on-light)}.input-group input[type=number],.input-group input[type=text],.input-group input[type=email],.input-group input[type=tel],.input-group input[type=date],.input-group select,.input-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box;font-size:1em;font-family:var(--font-body);transition:border-color .3s,box-shadow .3s;background-color:#fff;color:var(--text-dark)}.input-group input[type=number]:focus,.input-group input[type=text]:focus,.input-group input[type=email]:focus,.input-group input[type=tel]:focus,.input-group input[type=date]:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #007bff33}.input-group input[type=number]:disabled,.input-group input[type=text]:disabled,.input-group input[type=email]:disabled,.input-group input[type=tel]:disabled,.input-group input[type=date]:disabled,.input-group select:disabled,.input-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.7}.input-group .form-text{font-size:.85em;color:#6c757d;margin-top:.25rem}.error-message{color:var(--error-color);background-color:var(--error-bg-light);border:1px solid var(--error-border-light);padding:10px;border-radius:5px;margin-top:15px;text-align:center;font-size:.9em}.info-message{color:var(--info-color);background-color:var(--info-bg-light);border:1px solid var(--info-border-light);padding:10px;border-radius:5px;margin-top:10px;font-size:.9em}.account-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.account-section:last-of-type{border-bottom:none;margin-bottom:0}.action-button{background-color:var(--primary-accent);color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s ease;margin-top:10px;margin-right:10px}.action-button:hover:not(:disabled){background-color:var(--primary-accent-hover)}.action-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.action-button.secondary{background-color:#6c757d}.action-button.secondary:hover:not(:disabled){background-color:#5a6268}.action-button.danger{background-color:var(--danger-color)}.action-button.danger:hover:not(:disabled){background-color:var(--danger-hover-color)}.success-message{color:var(--success-color);background-color:var(--success-bg-light);border:1px solid var(--success-border-light);padding:10px 15px;border-radius:4px;margin-top:15px;font-size:.9em;text-align:center}.page-error{color:var(--error-color);background-color:var(--error-bg-light);border:1px solid var(--error-border-light);padding:10px 15px;border-radius:4px;margin-bottom:20px;text-align:center}.last-updated-notice{font-size:.85em;color:var(--text-secondary-on-light);text-align:center;margin-top:25px;padding-top:15px;border-top:1px dashed var(--border-color)}.home-page-container{display:flex;flex-direction:column}.hero-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:300px;padding:50px 20px 70px;border-radius:12px;margin-bottom:40px;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 25px #0000004d}.hero-brand-name{font-family:var(--font-heading);font-weight:400;font-size:2.2em;color:var(--text-light);letter-spacing:2px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero-title{font-family:var(--font-display);font-weight:400;font-size:3.3em;color:#fffffff2;margin:auto 0 0;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.3);text-align:center;padding-bottom:8%}.contact-section{background-color:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-light);padding:50px 20px;text-align:center;border-radius:12px;margin:0 auto;max-width:calc(100% - 40px);box-sizing:border-box}.contact-section h2{font-family:var(--font-display);font-weight:700;font-size:2.5em;margin-bottom:10px;color:var(--text-light);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.contact-section .section-subtitle{font-family:var(--font-body);font-size:1.2em;margin-bottom:40px;color:#ffffffd9}.contact-form{max-width:600px;margin:0 auto;text-align:left}.contact-form .input-group{margin-bottom:25px}.contact-form label{display:block;margin-bottom:8px;font-family:var(--font-body);font-size:1em;color:#ffffffe6}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:12px 15px;background-color:#1a1a1acc;border:1px solid #555;border-radius:6px;font-family:var(--font-body);font-size:1em;color:var(--text-light);box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input[type=email]:disabled{background-color:#323232b3;cursor:not-allowed;opacity:.7}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{outline:none;border-color:var(--gradient-mid-orange);box-shadow:0 0 0 2px #f07e4a66}.contact-form textarea{min-height:120px;resize:vertical}.contact-form .checkbox-group{display:flex;align-items:center;margin-bottom:25px}.contact-form .checkbox-group input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:var(--gradient-mid-orange)}.contact-form .checkbox-group label{font-size:.9em;color:#ffffffd9;margin-bottom:0}.contact-form .submit-button{background-color:var(--text-light);color:var(--text-dark);padding:12px 25px;border:none;border-radius:6px;font-family:var(--font-heading);font-size:1.1em;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:block;width:auto;margin:0 auto}.contact-form .submit-button:hover,.contact-form .submit-button:focus{background-color:#f0f0f0;transform:translateY(-2px)}.contact-form .submit-button:disabled{background-color:#ccc;opacity:.7;cursor:not-allowed}.contact-form .form-message{margin-top:15px;padding:10px;border-radius:4px;text-align:center;font-size:.9em}.contact-form .form-message.success{background-color:#28a7454d;color:#b8ffc9;border:1px solid var(--success-border-light)}.contact-form .form-message.error{background-color:#dc35454d;color:#ffd2d2;border:1px solid var(--error-border-light)}.input-section .input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.input-group .tooltip{position:relative;display:inline-block;margin-left:5px}.input-group .info-icon{display:inline-block;width:16px;height:16px;background-color:var(--primary-accent);color:#fff;border-radius:50%;text-align:center;font-size:12px;line-height:16px;cursor:help}.input-group .tooltiptext{visibility:hidden;width:220px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .3s;font-size:.85em;font-weight:400}.input-group .tooltip:hover .tooltiptext{visibility:visible;opacity:1}.strategy-selector{margin-top:25px;padding:15px;border:1px solid var(--border-color);border-radius:5px;background-color:#f9f9f9}.strategy-selector>label{font-size:1.1em;font-weight:700;margin-bottom:15px;color:var(--text-primary-on-light)}.strategy-selector div{margin-bottom:10px}.strategy-selector div:last-child{margin-bottom:0}.strategy-selector input[type=radio]{margin-right:8px;accent-color:var(--primary-accent);vertical-align:middle}.strategy-selector label{font-weight:400;font-size:.95em;vertical-align:middle;color:var(--text-secondary-on-light)}.calculate-button{display:block;width:100%;max-width:300px;margin:30px auto 20px;padding:12px 20px;background-color:var(--primary-accent);color:#fff;border:none;border-radius:5px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background-color .3s}.calculate-button:hover,.calculate-button:focus{background-color:var(--primary-accent-hover)}.calculate-button:disabled{background-color:#ccc;cursor:not-allowed}.results-section{margin-top:40px}.total-pv{font-size:1.4em;font-weight:700;text-align:center;padding:15px;border-radius:5px;background-color:#e6f7ff;color:var(--primary-accent);margin-bottom:25px;border:1px solid var(--primary-accent)}.total-pv.negative{background-color:#ffe6e6;color:#d8000c;border-color:#d8000c}.table-container{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.9em}.results-table th,.results-table td{border:1px solid var(--border-color);padding:10px;text-align:left;vertical-align:middle;color:var(--text-dark)}.results-table th{background-color:#f0f0f0;color:var(--text-primary-on-light);font-weight:600}.results-table tbody tr:nth-child(2n){background-color:#f9f9f9}.results-table tbody tr:hover{background-color:#e9e9e9}.results-table-caption{font-size:1.1em;font-weight:700;margin-bottom:10px;text-align:left;caption-side:top;color:var(--text-primary-on-light)}.results-table .strategy-note{font-size:.85em;font-weight:400;color:var(--text-secondary-on-light);margin-top:5px;padding:8px;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:4px}.latest-yields-display{margin-top:10px;padding:10px;background-color:#f0f8ff;border:1px solid #cce0ff;border-radius:4px;font-size:.9em}.latest-yields-display strong{display:block;margin-bottom:8px;color:var(--text-primary-on-light)}.yield-points-container{display:flex;flex-wrap:wrap;gap:10px}.yield-point{background-color:#fff;padding:4px 8px;border-radius:3px;border:1px solid #b0c4de;color:var(--text-secondary-on-light);font-size:.95em}.yield-curve-option{padding-left:25px;margin-top:10px}.yield-curve-option>div{margin-bottom:10px}.yield-curve-option input[type=checkbox]{margin-right:8px;vertical-align:middle}.yield-curve-option label{vertical-align:middle;font-weight:400}.yield-curve-message{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:.9em}.yield-curve-message.loading-message{color:var(--info-color);background-color:var(--info-bg-light);border:1px solid var(--info-border-light)}.disabled-note{display:block;font-size:.8em;color:#6c757d;margin-top:4px}.asset-allocator-container .section-subtitle{text-align:center;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2rem;color:var(--text-secondary-on-light)}.content-wrapper{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.content-wrapper{flex-direction:row}}.inputs-panel,.results-panel{flex:1}.card{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem}.panel-title{font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.result-display{text-align:center;padding:2rem 0}.result-value{font-size:3rem;font-weight:700;line-height:1}.result-breakdown{font-size:1.25rem;color:var(--text-secondary-on-light);margin-top:.25rem}.result-description{margin-top:1.5rem;color:var(--text-secondary-on-light)}.result-warning{margin-top:1rem;font-size:.875rem;font-weight:500}.text-red-500{color:#ef4444}.text-green-600{color:#16a34a}.text-gray-500{color:#6b7280}.security-info p,.subscription-info p{margin-bottom:8px;line-height:1.6}.profile-page .input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px 25px;margin-bottom:20px}.calculated-age-display{display:block;font-size:.9em;color:var(--text-secondary-on-light);margin-top:4px;white-space:normal}.form-info-link{display:block;font-size:.85em;margin-top:6px;color:var(--primary-accent);text-decoration:none}.form-info-link:hover,.form-info-link:focus{text-decoration:underline;color:var(--primary-accent-hover)}.about-me-group textarea{min-height:100px;resize:vertical}.about-me-group .form-text{margin-top:4px}.values-section,.goals-section{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color)}.values-section h3,.goals-section h3{font-family:var(--font-heading);font-size:1.3em;margin-bottom:15px;color:var(--text-primary-on-light)}.add-value-controls,.add-goal-controls{display:flex;gap:10px;align-items:center;margin-bottom:10px}.add-value-controls input[type=text],.add-goal-controls input[type=text]{flex-grow:1}.add-value-button,.add-goal-button{padding:8px 15px;background-color:var(--primary-accent);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-size:.95em;white-space:nowrap}.add-value-button:hover:not(:disabled),.add-goal-button:hover:not(:disabled){background-color:var(--primary-accent-hover)}.add-value-button:disabled,.add-goal-button:disabled{background-color:#ccc;cursor:not-allowed}.values-list,.goals-list{list-style:none;padding:0;margin-top:15px;border:1px solid var(--border-color);border-radius:5px;max-height:300px;overflow-y:auto;background-color:#fdfdfd}.value-item,.goal-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--border-color);cursor:grab;background-color:#fff;transition:background-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.value-item:last-child,.goal-item:last-child{border-bottom:none}.value-item:hover,.goal-item:hover{background-color:#f5f5f5}.value-content-wrapper{flex-grow:1;margin-right:10px}.value-text,.goal-text{flex-grow:1;margin-right:10px;color:var(--text-dark);font-size:.95em;word-break:break-word;display:block}.value-meaning-display{display:block;font-size:.8em;color:var(--text-secondary-on-light);font-style:italic;margin-top:4px;padding-left:1.2em}.remove-value-button,.remove-goal-button{background:none;border:none;color:var(--error-color);font-size:1.5em;font-weight:700;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s ease;flex-shrink:0;align-self:center}.remove-value-button:hover,.remove-value-button:focus,.remove-goal-button:hover,.remove-goal-button:focus{color:#a02020}.remove-value-button:disabled,.remove-goal-button:disabled{color:#aaa;cursor:not-allowed}.value-item.dragging,.goal-item.dragging{opacity:.6;background-color:#eef8ff;box-shadow:0 4px 10px #00000026}.value-item.drag-over,.goal-item.drag-over{outline:2px dashed var(--primary-accent);outline-offset:-3px}.values-list>.value-item.drag-over:before,.goals-list>.goal-item.drag-over:before{content:"";display:block;height:2px;background:var(--primary-accent);margin:-6px 0 4px}.value-specific-error.error-message,.goal-specific-error.error-message{margin-top:5px;margin-bottom:10px;font-size:.85em;text-align:left;padding:8px 10px}.profile-page .info-message{margin-top:10px;font-size:.9em;padding:8px 12px}.no-changes-note{font-size:.9em;color:var(--text-secondary-on-light);margin-top:15px;text-align:center;font-style:italic}.input-group select:disabled{color:#6c757d;background-color:#e9ecef;opacity:.7}.profile-details-form .action-button{display:block;margin-left:auto;margin-right:auto;min-width:150px}.add-value-controls input[type=text],.add-goal-controls input[type=text]{min-width:100px}#valueInput::-webkit-calendar-picker-indicator{display:block;opacity:.6}#valueInput:focus::-webkit-calendar-picker-indicator{opacity:1}.data-management-section{margin-top:30px}.value-tier-group{margin-bottom:20px}.value-tier-group h4{font-family:var(--font-heading);font-size:1.1em;color:var(--text-primary-on-light);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #eee}.values-list.static-list .value-item{cursor:default}.values-list.static-list .value-item:hover{background-color:#fff}.personal-values-workshop-page{background-color:var(--workshop-bg);color:var(--workshop-text-primary);min-height:calc(100vh - 80px);padding:20px;display:flex;flex-direction:column;align-items:center}.personal-values-workshop-page h1.workshop-title-main{font-size:2.8em;color:var(--workshop-text-primary);margin-bottom:8px}.personal-values-workshop-page h1.workshop-title{font-size:2em;color:var(--workshop-text-primary);margin-bottom:10px}.workshop-step-intro .workshop-card,.workshop-step-selection,.workshop-step-tiering,.workshop-step-ranking,.workshop-step-meanings{background-color:var(--workshop-card-bg);padding:30px;border-radius:12px;box-shadow:0 5px 20px #00000014;text-align:center;max-width:800px;width:100%;margin:10px auto;border:1px solid var(--workshop-border-color)}.workshop-step-tiering{max-width:900px}.workshop-step-intro .workshop-card{max-width:500px;padding:10px}.workshop-title-main{font-family:var(--font-display);font-size:3em;color:var(--workshop-text-primary);margin-bottom:10px}.workshop-title{font-family:var(--font-heading);font-size:2.2em;color:var(--workshop-text-primary);margin-bottom:10px}.workshop-subtitle{font-family:var(--font-body);font-size:1.2em;color:var(--workshop-text-secondary);margin-bottom:25px;line-height:1.6}.workshop-illustration-placeholder{background-color:transparent;border-radius:8px;margin:25px auto;display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:100%}.workshop-illustration-placeholder img{display:block;object-fit:contain;max-width:100%;height:auto;max-height:40vh;border-radius:8px}.workshop-progress-bar{width:100%;height:8px;background-color:var(--workshop-progress-bg);border-radius:4px;margin:30px 0 10px;overflow:hidden}.workshop-progress-bar-fill{height:100%;background-color:var(--workshop-accent);border-radius:4px;transition:width .5s ease-in-out}.workshop-progress-text{font-size:.9em;color:var(--workshop-text-secondary);margin-bottom:20px}.workshop-button{padding:12px 25px;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s;border:none;min-width:150px;margin:5px}.workshop-button.primary{background-color:var(--workshop-accent);color:#fff}.workshop-button.primary:hover:not(:disabled){background-color:var(--workshop-accent-dark);transform:translateY(-1px)}.workshop-button.primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.workshop-button.secondary{background-color:transparent;color:var(--workshop-accent);border:2px solid var(--workshop-accent)}.workshop-button.secondary:hover:not(:disabled){background-color:#5dade21a;transform:translateY(-1px)}.workshop-button.secondary:disabled{border-color:#ccc;color:#aaa;cursor:not-allowed;opacity:.7}.workshop-navigation{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.workshop-feedback{font-size:1em;color:var(--workshop-text-primary);margin-bottom:20px;font-weight:500}.workshop-error,.workshop-success{padding:10px 15px;border-radius:4px;margin:15px 0;font-size:.95em;text-align:center}.workshop-error{background-color:var(--error-bg-light);color:var(--error-color);border:1px solid var(--error-border-light)}.workshop-success{background-color:var(--success-bg-light);color:var(--success-color);border:1px solid var(--success-border-light)}.workshop-error.small-error{font-size:.85em;padding:6px 10px;margin-top:5px;margin-bottom:10px;text-align:left}.workshop-values-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px;max-height:50vh;overflow-y:auto;padding:10px;border:1px solid var(--workshop-border-color);border-radius:8px;background-color:#fdfdfd}.workshop-value-chip{padding:8px 15px;border-radius:20px;background-color:#f0f0f0;color:var(--workshop-text-secondary);border:1px solid var(--workshop-border-color);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .1s;font-size:.95em}.workshop-value-chip:hover:not(.disabled){background-color:#e0e0e0;border-color:silver;transform:translateY(-1px)}.workshop-value-chip.selected{background-color:var(--workshop-accent);color:#fff;border-color:var(--workshop-accent-dark)}.workshop-value-chip.selected:hover:not(.disabled){background-color:var(--workshop-accent-dark)}.workshop-value-chip.disabled{opacity:.6;cursor:not-allowed;background-color:#f8f8f8}.tiering-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.value-pool-container,.tier-buckets-container{width:100%}.value-pool,.tier-bucket{background-color:#f8f9fa;border:2px dashed var(--workshop-border-color);border-radius:8px;padding:15px;min-height:100px;transition:background-color .3s ease,border-color .3s ease}.value-pool.drag-over,.tier-bucket.drag-over{background-color:var(--workshop-accent-light);border-color:var(--workshop-accent)}.value-pool h3,.tier-bucket h3{margin-top:0;margin-bottom:5px;font-family:var(--font-heading);font-size:1.2em;color:var(--workshop-text-primary)}.tier-bucket p.tier-description{font-size:.9em;color:var(--workshop-text-secondary);margin-top:0;margin-bottom:15px}.values-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;align-content:flex-start;min-height:50px}.value-pill{padding:8px 15px;border-radius:20px;background-color:#fff;color:var(--workshop-text-primary);border:1px solid var(--workshop-border-color);cursor:grab;transition:background-color .2s,box-shadow .2s,opacity .2s;font-size:.95em;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0000000d}.value-pill.dragging{opacity:.5;box-shadow:0 4px 10px #0003}.tier-buckets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tier-bucket-core{border-left:5px solid #2ECC71}.tier-bucket-veryImportant{border-left:5px solid #F1C40F}.tier-bucket-important{border-left:5px solid #3498DB}.workshop-ranking-list{list-style:none;padding:0;margin:0 auto 30px;max-width:450px;border:1px solid var(--workshop-border-color);border-radius:8px;background-color:#fdfdfd;max-height:60vh;overflow-y:auto}.workshop-rank-item{padding:12px 18px;border-bottom:1px solid var(--workshop-border-color);background-color:#fff;cursor:grab;display:flex;align-items:center;font-size:1.05em;color:var(--workshop-text-primary);transition:background-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.workshop-rank-item:last-child{border-bottom:none}.workshop-rank-item .rank-number{font-weight:600;color:var(--workshop-accent);margin-right:12px;min-width:25px;text-align:right}.workshop-rank-item.dragging{opacity:.7;background-color:var(--workshop-accent-light);box-shadow:0 4px 10px #0000001a}.workshop-rank-item.drag-over{outline:2px dashed var(--workshop-accent);outline-offset:-2px}.value-meanings-list{display:flex;flex-direction:column;gap:30px;text-align:left;margin-bottom:30px}.value-meaning-item{padding:20px;border:1px solid var(--workshop-border-color);border-radius:8px;background-color:#fdfdfd}.value-meaning-item h3{font-family:var(--font-heading);font-size:1.5em;color:var(--workshop-accent);margin-top:0;margin-bottom:8px}.value-meaning-item p{margin-bottom:15px;font-size:.95em;color:var(--workshop-text-secondary)}.value-meaning-item .loading-text{font-style:italic;color:var(--workshop-text-secondary)}.meaning-options-group{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.meaning-option-label{display:flex;align-items:flex-start;gap:8px;font-size:.95em;color:var(--workshop-text-primary);cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.meaning-option-label:hover{background-color:#5dade20d}.meaning-option-label input[type=radio]{margin-top:3px;accent-color:var(--workshop-accent);flex-shrink:0}.meaning-option-label.custom-meaning-label{font-weight:600;margin-bottom:8px}.custom-meaning-textarea{width:100%;padding:10px;border:1px solid var(--workshop-border-color);border-radius:5px;box-sizing:border-box;font-family:var(--font-body);font-size:.95em;color:var(--workshop-text-primary);min-height:80px;resize:vertical}.custom-meaning-textarea:focus{outline:none;border-color:var(--workshop-accent);box-shadow:0 0 0 2px #5dade233}.add-vacation-button{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px!important}.vacation-timeline{width:100%}.timeline-year-section{margin-bottom:30px}.timeline-year-section h2{font-family:var(--font-heading);font-size:1.8em;color:var(--text-primary-on-light);border-bottom:2px solid var(--primary-accent);padding-bottom:8px;margin-bottom:20px}.vacation-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.vacation-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 5px var(--shadow-color);color:var(--text-dark);overflow:hidden;transition:box-shadow .3s ease}.vacation-card:hover{box-shadow:0 4px 12px #0000001f}.vacation-card-header{padding:15px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.vacation-card-header:hover{background-color:#f1f3f5}.vacation-card.expanded .vacation-card-header{background-color:#e9ecef}.vacation-card-summary h3{margin:0 0 5px;font-family:var(--font-heading);font-size:1.3em;color:var(--text-primary-on-light)}.vacation-card-summary .vacation-date{font-size:.9em;color:var(--text-secondary-on-light);margin:0 0 3px}.vacation-card-summary .vacation-primary-type{font-size:.85em;color:var(--primary-accent);font-style:italic;margin:0}.expand-indicator{font-size:.9em;color:var(--primary-accent);font-weight:600}.vacation-card-details{padding:15px 20px;border-top:1px solid var(--border-color);animation:fadeInDetails .3s ease-out}@keyframes fadeInDetails{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vacation-card-details .detail-section{margin-bottom:15px}.vacation-card-details .detail-section:last-child{margin-bottom:0}.vacation-card-details h4{font-family:var(--font-heading);font-size:1.1em;color:var(--text-primary-on-light);margin:0 0 8px;border-bottom:1px solid #eee;padding-bottom:5px}.vacation-card-details p,.vacation-card-details ul{font-size:.95em;line-height:1.6;margin:0 0 5px;color:var(--text-secondary-on-light)}.vacation-card-details ul{list-style:disc;padding-left:20px}.vacation-card-details .preserve-whitespace{white-space:pre-wrap}.vacation-card-actions{margin-top:20px;padding-top:15px;border-top:1px dashed var(--border-color);display:flex;gap:10px;justify-content:flex-end}.vacation-card-actions .action-button{padding:8px 15px;font-size:.9em}.vacation-form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.vacation-form-modal-content{background-color:var(--card-bg);padding:25px 30px;border-radius:10px;box-shadow:0 5px 20px #0003;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;color:var(--text-dark)}.vacation-form-modal-content .modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:#888;cursor:pointer;line-height:1}.vacation-form-modal-content .modal-close-button:hover{color:#333}.vacation-form-modal-content h3{font-family:var(--font-heading);font-size:1.8em;color:var(--text-primary-on-light);margin-top:0;margin-bottom:25px;text-align:center}.vacation-form-modal-content .form-specific-error{margin-bottom:15px}.vacation-form-modal-content .form-row{display:flex;gap:20px;margin-bottom:15px}.vacation-form-modal-content .form-row .input-group{flex:1;margin-bottom:0}.vacation-form-modal-content .vacation-types-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:10px;border:1px solid var(--border-color);border-radius:5px}.vacation-form-modal-content .checkbox-item{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:4px;background-color:#f8f9fa;font-size:.9em}.vacation-form-modal-content .checkbox-item input[type=checkbox]{accent-color:var(--primary-accent)}.vacation-form-modal-content .custom-type-adder{display:flex;gap:10px;align-items:center;margin-top:10px}.vacation-form-modal-content .custom-type-adder input[type=text]{flex-grow:1}.vacation-form-modal-content .inline-add-button{padding:8px 12px;font-size:.9em;background-color:var(--primary-accent);color:#fff;border:none;border-radius:4px;cursor:pointer}.vacation-form-modal-content .inline-add-button:disabled{background-color:#ccc}.selected-types-display{font-size:.85em;color:var(--text-secondary-on-light);margin-top:8px;font-style:italic}.vacation-form-modal-content .company-member-group{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eee}.vacation-form-modal-content .company-member-group:last-child{border-bottom:none;padding-bottom:0}.vacation-form-modal-content .add-item-button,.vacation-form-modal-content .remove-item-button{padding:8px 12px;font-size:.9em;border:none;border-radius:4px;cursor:pointer}.vacation-form-modal-content .add-item-button{background-color:var(--success-color);color:#fff;margin-top:5px}.vacation-form-modal-content .remove-item-button{background-color:transparent;color:var(--danger-color);font-size:1.5em;padding:0 5px;line-height:1}.vacation-form-modal-content .form-actions{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.vacation-form-modal-content .form-actions .action-button{min-width:100px}.risk-tolerance-survey-page .survey-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.risk-tolerance-survey-page .survey-section:last-child{border-bottom:none;margin-bottom:0}.risk-tolerance-survey-page .question-block{padding:20px;background-color:var(--survey-card-bg);border-radius:8px;box-shadow:0 2px 8px #00000014}.risk-tolerance-survey-page .question-block h2{font-size:1.4em;color:var(--survey-text-primary);margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:15px}.risk-tolerance-survey-page .question-block p{color:var(--survey-text-secondary);line-height:1.6;margin-bottom:10px}.risk-tolerance-survey-page .question-instruction{font-weight:600;color:var(--survey-text-primary);margin-top:15px;margin-bottom:20px}.vertical-slider-instance{display:flex;flex-direction:column;align-items:center;margin:20px auto;width:100%;max-width:500px}.vertical-slider-instance.disabled{opacity:.6;cursor:not-allowed}.vertical-slider-interactive-area{display:grid;grid-template-columns:var(--survey-slider-interactive-area-width) 1fr;align-items:center;width:100%;position:relative;gap:20px;margin-bottom:20px}.vertical-slider-gradient-bg{flex-shrink:0;width:100%;border-radius:8px;display:flex;justify-content:center;cursor:pointer;position:relative}.vertical-slider-track{position:relative;width:var(--survey-slider-track-line-width);background-color:transparent;border-radius:calc(var(--survey-slider-track-line-width) / 2)}.vertical-slider-thumb{position:absolute;cursor:grab;width:var(--survey-slider-thumb-width);height:var(--survey-slider-thumb-height);background-color:var(--survey-slider-thumb-color);clip-path:polygon(100% 50%,0 0,0 100%);left:calc((var(--survey-slider-track-line-width) / 2) - var(--survey-slider-thumb-width));touch-action:none;transition:transform .2s ease-out,opacity .2s ease-out;z-index:10;outline:none}.vertical-slider-thumb:focus-visible{filter:drop-shadow(0 0 3px var(--primary-accent-hover))}.vertical-slider-instance.disabled .vertical-slider-thumb{cursor:not-allowed;background-color:#999}.vertical-slider-visual-notch{position:absolute;width:var(--survey-slider-visual-notch-width);height:var(--survey-slider-track-line-width);background-color:var(--survey-slider-visual-notch-color);border-radius:calc(var(--survey-slider-track-line-width) / 2);left:50%;transform:translate(-50%) translateY(-50%);pointer-events:none}.vertical-slider-answers-container{flex-grow:1;position:relative;min-width:150px}.vertical-slider-answer-label{position:absolute;left:0;width:100%;padding:4px 8px;border-radius:4px;font-size:.9em;color:var(--survey-text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,font-weight .2s ease;box-sizing:border-box;display:flex;align-items:baseline}.vertical-slider-answer-label:hover{background-color:var(--survey-accent-light);color:var(--survey-accent)}.vertical-slider-answer-label.active{font-weight:700;color:var(--survey-accent);background-color:var(--survey-accent-light)}.vertical-slider-answer-label.adjacent{color:var(--survey-text-primary);font-weight:500}.vertical-slider-answer-label .answer-letter{font-weight:700;margin-right:.5em}.vertical-slider-result-display{margin-top:20px;padding:12px 18px;background-color:var(--survey-bg);border:1px solid var(--border-color);border-radius:6px;text-align:center;width:100%;max-width:480px;font-size:.95em;min-height:50px;display:flex;align-items:center;justify-content:center}.vertical-slider-result-display p{margin:0;color:var(--survey-text-primary)}.vertical-slider-result-display strong{color:var(--survey-accent)}.survey-submission .form-error{margin-bottom:15px}.survey-submission .submit-survey-button{display:block;margin:20px auto;min-width:200px}.survey-result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.survey-result-modal-content{background-color:var(--card-bg);padding:30px 35px;border-radius:10px;box-shadow:0 5px 20px #0003;width:100%;max-width:550px;text-align:center;color:var(--text-dark);animation:fadeInModal .3s ease-out}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.survey-result-modal-content h2{font-family:var(--font-heading);font-size:2em;color:var(--primary-accent);margin-top:0;margin-bottom:15px;border-bottom:none}.survey-result-modal-content p{font-size:1.05em;color:var(--text-secondary-on-light);margin-bottom:20px}.result-label{font-size:1.8em;font-weight:700;color:var(--text-primary-on-light);padding:15px;background-color:var(--survey-accent-light);border-radius:8px;margin:10px auto;display:inline-block}.result-notes{font-style:italic;color:var(--text-secondary-on-light);margin-top:5px;margin-bottom:25px!important;font-size:1.1em!important}.result-caveat{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color);text-align:left}.result-caveat p{font-size:.9em;line-height:1.6;color:var(--text-secondary-on-light);margin-bottom:0}.survey-result-modal-content .action-button{margin-top:25px;min-width:180px}.tab-card.collapsible .section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px;transition:background-color .2s ease,padding .2s ease;-webkit-user-select:none;user-select:none}.tab-card.collapsible .section-header:hover{background-color:#f9fafb;margin:0 -16px 16px;padding:12px 16px;border-radius:6px}.tab-card.collapsible .section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.collapse-toggle{background:none;border:none;font-size:1rem;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.collapse-toggle:hover{background-color:#f3f4f6;color:#374151}.section-content{animation:fadeIn .2s ease-out;overflow:visible;will-change:opacity,transform}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-add-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin:20px 0}.quick-add-section h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:#374151}.quick-add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quick-add-button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.quick-add-button:hover{border-color:#3b82f6;background-color:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.quick-add-button:active{transform:translateY(0)}.goal-icon{font-size:1.5rem;margin-bottom:4px}.goal-name{font-weight:500;color:#374151;font-size:.875rem}.goal-amount{color:#059669;font-weight:600;font-size:.8rem}.spending-goal-card.enhanced{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.spending-goal-card.enhanced:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.goal-name-input.inline-edit{font-size:1.1rem;font-weight:600;background:transparent;border:1px solid transparent;padding:4px 8px;border-radius:4px;flex:1;margin-right:12px;transition:all .2s ease}.goal-name-input.inline-edit:hover{background-color:#f9fafb;border-color:#e5e7eb}.goal-name-input.inline-edit:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.goal-actions{display:flex;gap:4px}.btn.btn-ghost{background:transparent;border:1px solid transparent;color:#6b7280;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn.btn-ghost:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.inline-edit{background:transparent;border:1px solid transparent;padding:6px 8px;border-radius:4px;transition:all .2s ease;width:100%}.inline-edit:hover{background-color:#f9fafb;border-color:#e5e7eb}.inline-edit:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-row{display:flex;gap:16px;margin-bottom:12px;align-items:flex-end}.input-group{flex:1}.amount-input-wrapper{display:flex;flex-direction:column;gap:4px}.amount-display{color:#059669;font-weight:500;font-size:.8rem}.toggle-group{display:flex;align-items:center;min-width:200px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:#374151}.cola-toggle{display:none}.toggle-switch{position:relative;width:44px;height:24px;background-color:#d1d5db;border-radius:12px;transition:all .2s ease;cursor:pointer}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.cola-toggle:checked+.toggle-switch{background-color:#10b981}.cola-toggle:checked+.toggle-switch:after{transform:translate(20px)}.toggle-text{font-size:.8rem;font-weight:500}.goal-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6;font-size:.8rem;color:#6b7280}.goal-type-badge{background-color:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.cola-indicator{background-color:#d1fae5;color:#065f46;padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:500}.add-goal-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;border:1px solid;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn.btn-secondary{border-color:#d1d5db;color:#374151}.btn.btn-secondary:hover{border-color:#9ca3af;background-color:#f9fafb}.btn.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.btn.btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.btn-danger-outline{border-color:#fca5a5;color:#dc2626;background:#fff}.btn.btn-danger-outline:hover{border-color:#dc2626;background-color:#fef2f2}.btn.btn-sm{padding:4px 8px;font-size:.8rem}.empty-state{text-align:center;padding:32px;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;margin:16px 0}.empty-state p{margin:0;font-size:.9rem}.spinner{display:inline-block;animation:spin 1s linear infinite}@media (max-width: 768px){.quick-add-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.quick-add-button{padding:8px}.goal-icon{font-size:1.25rem}.input-row{flex-direction:column;gap:8px}.toggle-group{min-width:auto}.section-header h2{font-size:1.1rem}.goal-actions{flex-direction:column;gap:2px}}.monte-carlo-simulation{margin-top:32px}.simulation-summary{background:#f8fafc;border-radius:12px;padding:24px;margin:20px 0;border:1px solid #e2e8f0}.simulation-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.simulation-button{min-width:280px;padding:16px 32px;font-size:16px;font-weight:600}.simulation-warning{color:#dc2626;font-size:14px;margin:0;text-align:center;font-style:italic}.last-simulation{color:#6b7280;font-size:14px;margin:16px 0 0;text-align:center;font-style:italic}.input-hint{display:block;font-size:.75rem;color:#6b7280;font-weight:400;margin-top:2px;line-height:1.3}.number-input{position:relative;display:inline-flex;align-items:center;width:100%}.number-input input{width:100%;padding-right:0}.info-box{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;margin-top:16px}.info-box p{margin:0 0 8px;font-size:.875rem;color:#0369a1;line-height:1.4}.info-box p:last-child{margin-bottom:0}.info-box strong{color:#0c4a6e}.cash-flow-mode-toggle{display:flex;gap:8px;margin:12px 0 16px;justify-content:center}.cash-flow-mode-toggle .toggle-button{background:#f9fafb;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cash-flow-mode-toggle .toggle-button:hover{background:#f3f4f6;border-color:#9ca3af}.cash-flow-mode-toggle .toggle-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.total-cell,.total-cell strong{color:#2563eb!important;font-weight:600}.total-cell.portfolio-total,.total-cell.portfolio-total strong{color:#2563eb!important;font-weight:700;font-size:1.1em}.totals-row{border-top:2px solid #e5e7eb;background-color:#f8fafc}@media (max-width: 768px){.simulation-button{min-width:100%;padding:14px 24px;font-size:15px}.simulation-summary{padding:20px}.cash-flow-mode-toggle{flex-direction:column}.cash-flow-mode-toggle .toggle-button{width:100%}}.enhanced-wealth-projection-chart,.wealth-projection-chart{width:100%;margin:0;padding:0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px 0}.chart-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.chart-title h3{margin:0 0 5px;color:#1f2937;font-size:1.25rem;font-weight:600}.chart-title p{margin:0;color:#6b7280;font-size:.875rem}.chart-controls{display:flex;gap:10px;align-items:center}.control-group{display:flex;gap:8px;align-items:center}.percentile-toggles{border-left:1px solid #E5E7EB;padding-left:12px;margin-left:8px}.control-label{font-size:.8rem;color:#6b7280;font-weight:500;margin-right:4px}.percentile-toggle{font-size:.8rem;padding:6px 12px}.toggle-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:#e5e7eb;border-color:#9ca3af}.toggle-button.active{background:#2c5aa0;border-color:#2c5aa0;color:#fff}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px 10px;margin-bottom:20px}.chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000001a;max-width:250px}.clean-chart-tooltip{background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;box-shadow:0 8px 32px #0000001f;max-width:280px;font-family:system-ui,-apple-system,sans-serif}.clean-chart-tooltip .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.clean-chart-tooltip .tooltip-header strong{color:#1f2937;font-size:14px}.clean-chart-tooltip .success-rate{color:#059669;font-size:12px;font-weight:500}.clean-chart-tooltip .tooltip-values{display:flex;flex-direction:column;gap:4px}.clean-chart-tooltip .tooltip-line{display:flex;justify-content:space-between;align-items:center;font-size:13px}.clean-chart-tooltip .tooltip-label{color:#6b7280;font-weight:500}.clean-chart-tooltip .tooltip-value{color:#1f2937;font-weight:600}.clean-chart-tooltip .tooltip-footer{margin-top:8px;padding-top:6px;border-top:1px solid #f3f4f6;text-align:center}.clean-chart-tooltip .tooltip-footer small{color:#9ca3af;font-style:italic}.enhanced-chart-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 8px 25px #00000026;max-width:320px;font-family:system-ui,-apple-system,sans-serif}.enhanced-chart-tooltip .tooltip-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.enhanced-chart-tooltip .tooltip-title{display:flex;flex-direction:column;gap:4px}.years-badge{font-size:.75rem;color:#6b7280;font-weight:400}.success-indicator{margin-bottom:12px;padding:8px;background:#f9fafb;border-radius:6px;border-left:3px solid currentColor}.success-rate{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem}.success-icon{font-size:1rem}.confidence-ranges{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.enhanced-chart-tooltip .tooltip-line{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:.8rem}.enhanced-chart-tooltip .tooltip-line.median{font-weight:600;background:#f0f9ff;padding:6px 8px;border-radius:4px;margin:2px 0}.milestone-indicator{margin:8px 0;text-align:center}.milestone-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.milestone-badge.rmd{background:#fef3c7;color:#92400e}.enhanced-chart-tooltip .tooltip-footer{margin-top:8px;padding-top:8px;border-top:1px solid #F3F4F6;text-align:center}.tooltip-note{margin-top:8px;padding:6px 8px;background:#f9fafb;border-radius:4px;border-left:3px solid #3B82F6;text-align:center}.tooltip-note small{color:#6b7280;font-style:italic;line-height:1.3}.tooltip-header{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1f2937}.tooltip-content{display:flex;flex-direction:column;gap:4px}.tooltip-line{display:flex;align-items:center;gap:8px;font-size:.8rem}.tooltip-line.median{font-weight:600;padding:4px 0;border-bottom:1px solid #f3f4f6;margin-bottom:4px}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-label{flex:1;color:#6b7280}.tooltip-value{font-weight:500;color:#1f2937}.tooltip-range{padding-top:4px;display:flex;flex-direction:column;gap:2px}.chart-insights{margin-top:20px}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease}.insight-card.success-high{border-left:4px solid #10B981;background:#f0fdf4}.insight-card.success-medium{border-left:4px solid #F59E0B;background:#fffbeb}.insight-card.success-low{border-left:4px solid #EF4444;background:#fef2f2}.insight-card.worst-case{border-left:4px solid #DC2626;background:#fef2f2}.insight-card.best-case{border-left:4px solid #059669;background:#f0fdf4}.confidence-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;margin-top:8px;overflow:hidden}.confidence-fill{height:100%;border-radius:3px;transition:width .3s ease}.insight-subtitle{display:block;margin-top:4px;font-size:.75rem;color:#9ca3af;font-style:italic}.insight-card:hover{background:#f1f5f9;border-color:#cbd5e1}.insight-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.insight-content{flex:1}.insight-content h4{margin:0 0 4px;font-size:.875rem;font-weight:600;color:#1f2937}.insight-content p{margin:0;font-size:.8rem;color:#6b7280;line-height:1.4}.insight-content strong{color:#1f2937;font-weight:600}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:400px;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;font-size:1rem}@media (max-width: 768px){.chart-header{flex-direction:column;gap:12px;align-items:flex-start;padding:15px 20px 0}.chart-title{font-size:18px}.chart-controls{align-items:flex-start;gap:8px;width:100%}.insight-grid{grid-template-columns:1fr;gap:12px}.insight-card{padding:12px}.toggle-button{padding:6px 12px;font-size:.8rem}.percentile-toggle{font-size:.75rem;padding:5px 10px}}.recharts-legend-wrapper{padding-top:15px!important}.recharts-legend-item{margin-right:20px!important}.recharts-tooltip-wrapper{z-index:1000}.milestone-legend{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:16px;margin:16px 0}.milestone-header h4{margin:0 0 12px;font-size:.875rem;font-weight:600;color:#374151}.milestone-grid{display:flex;flex-wrap:wrap;gap:16px}.milestone-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;min-width:140px}.milestone-icon{font-size:1.2rem;flex-shrink:0}.milestone-content{display:flex;flex-direction:column;gap:2px}.milestone-label{font-size:.8rem;font-weight:500;color:#374151}.milestone-age{font-size:.75rem;color:#6b7280}.toggle-button:focus{outline:2px solid #2c5aa0;outline-offset:2px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-height:85vh;overflow:hidden;animation:slideIn .3s ease-out;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #f3f4f6;background:#fff}.modal-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.modal-close-button{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close-button:hover{background:#f3f4f6;color:#6b7280}.modal-content{padding:32px;overflow-y:auto;flex:1;min-height:0}.modal-actions-container{padding:20px 32px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 16px 16px;flex-shrink:0}.event-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:32px}.event-type-card{border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;background:#fff;display:flex;align-items:center;gap:16px}.event-type-card:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.event-type-card.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px #2563eb33}.event-type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.event-type-icon.income{background:#dcfce7}.event-type-icon.spending{background:#fed7aa}.event-type-content{flex:1}.event-type-label{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.event-type-description{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.modal-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.form-group{display:flex;flex-direction:column;gap:6px}.form-group-horizontal{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.form-label{font-size:14px;font-weight:500;color:#374151;margin:0}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#1f2937;background:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#1f2937;background:#fff;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#1f2937;background:#fff;cursor:pointer;transition:all .2s ease}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.form-checkbox input{width:16px;height:16px;cursor:pointer}.form-checkbox label{cursor:pointer;font-size:14px;color:#374151}.form-hint{font-size:13px;color:#6b7280;margin-top:4px}.form-error{font-size:13px;color:#dc2626;margin-top:4px}.amount-input-group{display:flex;align-items:center;position:relative}.amount-input-group .form-input{padding-left:28px}.amount-input-group:before{content:"$";position:absolute;left:12px;color:#6b7280;font-size:16px;z-index:1}.age-input-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.age-input-group .form-input{width:80px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-button{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.modal-button.secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.modal-button.secondary:hover{background:#f3f4f6;border-color:#9ca3af}.modal-button.primary{background:#2563eb;color:#fff}.modal-button.primary:hover{background:#1d4ed8}.modal-button.primary:disabled{background:#9ca3af;cursor:not-allowed}.modal-button.danger{background:#dc2626;color:#fff}.modal-button.danger:hover{background:#b91c1c}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.event-type-icon-inline{display:inline-block;margin-right:8px;font-size:18px}.event-summary-preview{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0;margin-top:16px}.event-summary-preview h4{margin:0 0 16px;color:#1e40af;font-size:16px;font-weight:600}.summary-stats-grid{display:grid;gap:12px}.event-preview-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.event-type-icon-large{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.event-preview-title h3{margin:0 0 4px;font-size:24px;font-weight:700;color:#1f2937}.event-type-label{margin:0;color:#6b7280;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.event-description{margin:16px 0;padding:12px 16px;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.event-description p{margin:0;color:#4b5563;font-style:italic;line-height:1.5}.preview-stat{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.preview-stat:hover{box-shadow:0 2px 8px #0000001a;border-color:#d1d5db}.preview-stat.primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.stat-icon{font-size:20px;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px;flex:1}.stat-value{font-size:16px;font-weight:600;color:#1f2937;line-height:1.2}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.settings-summary{display:flex;flex-direction:column;gap:12px}.setting-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.setting-icon{font-size:18px;flex-shrink:0}.setting-content{display:flex;flex-direction:column;gap:2px;flex:1}.setting-label{font-size:14px;font-weight:500;color:#374151}.setting-value{font-size:13px;color:#6b7280;line-height:1.3}.preview-impact-card{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:12px;padding:20px;border:1px solid #f59e0b;margin-top:16px}.preview-impact-card h4{margin:0 0 12px;color:#92400e;font-size:16px;font-weight:600}.preview-impact-card p{margin:0;color:#92400e;font-size:14px;line-height:1.5}.spending-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.suggestion-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s ease}.suggestion-card:hover{border-color:#3b82f6;background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.suggestion-card.selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px #2563eb33}.suggestion-content{text-align:center}.suggestion-amount{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:4px}.suggestion-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.suggestion-description{font-size:12px;color:#6b7280;line-height:1.3}.spending-impact{color:#dc2626!important}.retirement-config-simple{padding:0}.form-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-bottom:32px}.form-input.large-input{font-size:18px;padding:14px 18px;font-weight:500}.config-summary{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.summary-row:last-child{border-bottom:none}.summary-row.highlight{background:#fff;margin:12px -12px -12px;padding:12px;border-radius:8px;border:2px solid #3b82f6}.summary-label{font-size:14px;color:#6b7280;font-weight:500}.summary-value{font-size:16px;font-weight:600;color:#1f2937}.summary-row.highlight .summary-label{color:#1e40af}.summary-row.highlight .summary-value{color:#2563eb}.validation-errors.compact{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:12px 16px;margin-top:20px}.validation-errors.compact .error-item{color:#dc2626;font-size:13px;margin:4px 0}.clickable-card{cursor:pointer;transition:all .2s ease}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#fafafa}.clickable-card:active{transform:translateY(0)}.simplified-event-form{display:flex;flex-direction:column;gap:20px}.form-input-readonly{padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;color:#6b7280;display:flex;align-items:center}.simplified-event-form .form-group{display:flex;flex-direction:column;gap:6px}.simplified-event-form .form-label{font-size:14px;font-weight:600;color:#374151;margin:0}.simplified-event-form .form-hint{font-size:13px;color:#6b7280;font-style:italic}.retirement-spending-modal{min-height:500px}.step-progress{display:flex;align-items:center;justify-content:center;margin:0 0 32px;padding:20px 0;border-bottom:1px solid #e5e7eb}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step-indicator.active{opacity:1;color:#2563eb}.step-indicator.completed{opacity:.8;color:#10b981}.step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#6b7280;transition:all .3s ease}.step-indicator.active .step-number{background:#2563eb;color:#fff}.step-indicator.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.step-connector{width:60px;height:2px;background:#e5e7eb;margin:0 16px}.section-description{color:#6b7280;font-size:14px;margin-bottom:24px;line-height:1.5}.timeline-inputs{display:grid;gap:20px;margin-bottom:24px}.timeline-summary{margin-top:32px}.summary-card{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.summary-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.summary-stat:last-child{border-bottom:none}.stat-label{font-size:14px;color:#6b7280}.stat-value{font-size:16px;font-weight:600;color:#1f2937}.spending-input-section{margin-bottom:24px}.spending-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.spending-preview{margin-top:24px}.preview-card{background:#eff6ff;border-radius:12px;padding:20px;border:1px solid #bfdbfe}.preview-card h4{margin:0 0 16px;color:#1e40af;font-size:16px;font-weight:600}.preview-stats{display:flex;flex-direction:column;gap:8px}.preview-stat{display:flex;justify-content:space-between;align-items:center;font-size:14px}.preview-stat span:first-child{color:#1e40af}.preview-stat span:last-child{font-weight:600;color:#1f2937}.review-sections{display:grid;gap:24px;margin-bottom:24px}.review-section h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.review-items{display:flex;flex-direction:column;gap:8px}.review-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.review-item span:first-child{color:#6b7280}.review-item span:last-child{font-weight:500;color:#1f2937}.review-item.highlight{background:#f3f4f6;padding:12px 16px;border-radius:8px;font-weight:600}.review-item.highlight span:last-child{color:#2563eb}.impact-summary{margin-top:24px}.impact-card{background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:12px;padding:20px;border:1px solid #f59e0b}.impact-card h4{margin:0 0 12px;color:#92400e;font-size:16px;font-weight:600}.impact-card p{margin:0;color:#92400e;font-size:14px;line-height:1.5}.validation-errors{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:16px;margin-bottom:24px}.validation-errors h4{margin:0 0 8px;color:#dc2626;font-size:14px;font-weight:600}.validation-errors ul{margin:0;padding-left:16px;color:#dc2626;font-size:13px}.validation-errors li{margin-bottom:4px}@media (max-width: 768px){.modal-backdrop{padding:16px;align-items:center;justify-content:center}.modal-container{max-height:90vh;border-radius:12px}.modal-header{padding:20px 24px}.modal-title{font-size:20px}.modal-content{padding:24px}.event-type-grid{grid-template-columns:1fr}.form-group-horizontal,.age-input-group{flex-direction:column;align-items:flex-start}.modal-actions{flex-direction:column-reverse;width:100%}.modal-button{justify-content:center;width:100%}.modal-actions-container{padding:16px 24px}.step-progress{padding:16px 0}.step-connector{width:40px;margin:0 8px}.step-label{font-size:10px}.step-number{width:28px;height:28px;font-size:12px}.timeline-inputs{gap:16px}.review-sections{gap:20px}.event-preview-header{flex-direction:column;align-items:flex-start;text-align:left}.event-type-icon-large{width:50px;height:50px;font-size:24px}.event-preview-title h3{font-size:20px}.preview-stats{gap:12px}.preview-stat{padding:12px}.stat-value{font-size:14px}.summary-stats-grid{gap:8px}.spending-suggestions{grid-template-columns:1fr}.suggestion-card{padding:12px}.suggestion-amount{font-size:16px}.form-fields-grid{grid-template-columns:1fr;gap:20px}.form-input.large-input{font-size:16px;padding:12px 16px}.config-summary{padding:16px;margin-bottom:20px}.summary-row{padding:8px 0}}.cash-flow-details{margin:2rem 0;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.cash-flow-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.cash-flow-header:hover{background-color:#f9fafb}.cash-flow-title{display:flex;align-items:center;gap:.75rem}.dropdown-icon{font-size:.875rem;color:#6b7280;transition:transform .2s ease}.cash-flow-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.cash-flow-table-container{overflow:hidden;border-radius:0 0 12px 12px}.table-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto}.cash-flow-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:900px;table-layout:fixed}.cash-flow-table thead{background-color:#f8fafc;position:sticky;top:0;z-index:10}.cash-flow-table th{padding:1rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:normal;font-size:.75rem;line-height:1.2;word-wrap:break-word}.cash-flow-table th:nth-child(1){width:8%}.cash-flow-table th:nth-child(2){width:18%}.cash-flow-table th:nth-child(3){width:18%}.cash-flow-table th:nth-child(4){width:18%}.cash-flow-table th:nth-child(5){width:14%}.cash-flow-table th:nth-child(6){width:12%}.cash-flow-table th:nth-child(7){width:12%}.cash-flow-table td{padding:.875rem .5rem;border-bottom:1px solid #f3f4f6;vertical-align:middle;white-space:nowrap;color:#1f2937}.cash-flow-table tbody tr:hover{background-color:#f9fafb}.retirement-year{background-color:#fef3c7!important;font-weight:600}.retirement-year:hover{background-color:#fde68a!important}.age-cell{font-weight:600;color:#1f2937}.retire-indicator{display:block;font-size:.75rem;color:#d97706;font-weight:500;margin-top:.125rem}.cash-flow-mode-toggle{display:flex;gap:.5rem;padding:1rem 1.5rem 0;justify-content:center}.toggle-button{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:.375rem;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.toggle-button:hover{background:#f9fafb;border-color:#9ca3af}.toggle-button.active{background:#2563eb;color:#fff;border-color:#2563eb}.spending-below-planned{color:#dc2626;font-weight:600;cursor:help;position:relative}.spending-above-traditional{color:#16a34a;font-weight:600;cursor:help;position:relative}.spending-below-traditional{color:#dc2626;font-weight:600;cursor:help;position:relative}.spending-below-planned:hover,.spending-above-traditional:hover,.spending-below-traditional:hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}@media (max-width: 768px){.cash-flow-details{margin:1rem 0;border-radius:8px}.cash-flow-header{padding:1rem}.cash-flow-title h3{font-size:1.125rem}.table-wrapper{max-height:500px}.cash-flow-table{font-size:.8rem;min-width:750px}.cash-flow-table th,.cash-flow-table td{padding:.75rem .375rem}.cash-flow-table th{font-size:.7rem}}@media (max-width: 480px){.cash-flow-header{padding:.75rem}.cash-flow-title h3{font-size:1rem}.table-wrapper{max-height:400px}.cash-flow-table{font-size:.75rem;min-width:700px}.cash-flow-table th,.cash-flow-table td{padding:.5rem .25rem}}.results-tab{max-width:1200px;margin:0 auto;padding:24px;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chart-container-full{margin:-24px -24px 40px;background:#fff}.hero-kpis{margin-bottom:40px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.kpi-card{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 4px #0000000d;border:1px solid #f3f4f6;transition:all .2s ease}.kpi-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.kpi-card.primary{border-color:#2563eb;box-shadow:0 4px 8px #2563eb26}.kpi-value{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px;line-height:1.2}.kpi-card.primary .kpi-value{color:#2563eb}.kpi-label{font-size:14px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.kpi-subtitle{font-size:12px;color:#9ca3af;font-weight:400;margin-top:4px;line-height:1.3}.events-section{margin:40px 0}.events-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.events-column{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 4px #0000000d}.column-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.column-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.column-icon{font-size:20px}.add-event-button{width:36px;height:36px;border-radius:50%;border:none;font-size:20px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.add-event-button.income{background:#10b981}.add-event-button.income:hover{background:#059669;transform:scale(1.05)}.add-event-button.spending{background:#dc6831}.add-event-button.spending:hover{background:#c2621b;transform:scale(1.05)}.events-list{padding:24px;display:flex;flex-direction:column;gap:16px;min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}.empty-state p{margin:0 0 16px;font-size:16px}.empty-state-button{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:12px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s ease}.empty-state-button:hover{background:#e5e7eb;border-color:#9ca3af}.empty-state-additional{display:flex;justify-content:center;padding:16px}.event-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .2s ease}.event-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.event-card.default-event{border-color:#2563eb;background:#eff6ff}.event-card.income-event{border-left:4px solid #10b981}.event-card.spending-event{border-left:4px solid #dc6831}.event-card-header{padding:16px 20px;display:flex;align-items:center;gap:12px}.event-icon{width:36px;height:36px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.event-card.income-event .event-icon{background:#dcfce7}.event-card.spending-event .event-icon{background:#fed7aa}.event-card.default-event .event-icon{background:#dbeafe}.event-info{flex:1}.event-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.event-details{font-size:14px;color:#6b7280;margin:0}.event-actions{display:flex;gap:8px}.event-edit-button,.event-delete-button{width:28px;height:28px;border:none;border-radius:6px;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px}.event-edit-button:hover{background:#e5e7eb;color:#374151}.event-delete-button:hover{background:#fecaca;color:#dc2626}.action-center{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:32px;margin-top:32px;border:2px solid #e2e8f0}.action-center h2{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 24px;text-align:center}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.action-button:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.action-button-icon{font-size:24px;margin-bottom:12px;color:#2563eb}.action-button-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#1f2937}.action-button-description{font-size:14px;color:#6b7280;margin:0}@media (max-width: 768px){.results-tab{padding:16px}.chart-container-full{margin:-16px -16px 32px}.kpi-grid{grid-template-columns:1fr 1fr;gap:16px}.kpi-card{padding:16px}.kpi-value{font-size:24px}.events-columns{grid-template-columns:1fr;gap:20px}.column-header{padding:16px 20px}.column-title{font-size:16px}.events-list{padding:20px;min-height:150px}.empty-state{padding:30px 16px}.event-card-header{padding:12px 16px}.event-actions{flex-direction:column;gap:4px}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:20px}.kpi-label{font-size:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-tab>*{animation:fadeIn .6s ease-out}.results-tab>*:nth-child(2){animation-delay:.1s}.results-tab>*:nth-child(3){animation-delay:.2s}.results-tab>*:nth-child(4){animation-delay:.3s}.simulation-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:calc(80px + 2rem);z-index:9999;animation:fadeIn .3s ease-in-out}.simulation-progress-modal{background:#fff;border-radius:16px;padding:48px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}.progress-icon{display:flex;justify-content:center;margin-bottom:24px}.progress-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.progress-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:24px;color:#333}.progress-bar-container{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:16px;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.progress-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.progress-percentage{text-align:center;font-size:18px;font-weight:600;color:#4caf50;margin-bottom:24px}.progress-tip{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f9f9f9;border-radius:8px;margin-bottom:24px;min-height:48px;animation:fadeInOut 2.5s ease-in-out}.tip-icon{font-size:20px}.tip-text{color:#666;font-size:14px;line-height:1.5}.progress-details{margin-top:24px}.simulation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item{text-align:center;padding:12px;background:#f9f9f9;border-radius:8px}.stat-label{display:block;font-size:12px;color:#999;text-transform:uppercase;margin-bottom:4px}.stat-value{display:block;font-size:20px;font-weight:600;color:#333}@media (prefers-color-scheme: dark){.simulation-progress-modal{background:#2a2a2a;color:#fff}.progress-title{color:#fff}.progress-bar-container{background:#444}.progress-tip{background:#333}.tip-text{color:#ccc}.stat-item{background:#333}.stat-value{color:#fff}.stat-label{color:#999}}@media (max-width: 600px){.simulation-progress-overlay{padding-top:calc(60px + 1rem)}.simulation-progress-modal{padding:32px 24px}.progress-title{font-size:20px}.simulation-stats{grid-template-columns:1fr;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{margin-bottom:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fadeInOut{animation:fadeInOut 3s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-scaleIn{animation:scaleIn .3s ease-out}.retirement-planner-page{min-height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.loading-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1.5rem;font-weight:600;color:#333;animation:pulse 2s ease-in-out infinite}.loading-subtext{font-size:1rem;color:#666;opacity:.8;animation:fadeInOut 3s ease-in-out infinite}.planner-header{padding:2rem 1rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-mid-blue));color:var(--text-light);margin-bottom:0}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.header-text{text-align:left}.planner-header h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-subtitle{font-size:1.1rem;opacity:.9;margin:0;font-weight:300}.save-status{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.3)}.save-status-saving{background:#ffc10733;border-color:#ffc10766;color:#fff3cd}.save-status-saved{background:#28a74533;border-color:#28a74566;color:#d4edda}.save-status-unsaved{background:#ff572233;border-color:#ff572266;color:#f8d7da}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-text{font-size:1.2rem;color:var(--text-secondary-on-light);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.error-message{background-color:var(--error-bg-light);color:var(--error-color);border:1px solid var(--error-border-light);border-radius:6px;padding:1rem;margin:1rem 2rem;position:relative;display:flex;align-items:center;justify-content:space-between}.error-dismiss{background:none;border:none;color:var(--error-color);font-size:1.5rem;cursor:pointer;padding:0;margin-left:1rem;opacity:.7;transition:opacity .2s}.error-dismiss:hover{opacity:1}.tab-navigation{display:flex;background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0 2rem;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:10}.tab-button{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--text-secondary-on-light);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:.5rem}.tab-button:hover:not(.disabled):not(:disabled){color:var(--primary-accent);background-color:#007bff0d}.tab-button.active{color:var(--primary-accent);border-bottom-color:var(--primary-accent);background-color:#007bff1a}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-button.disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary-on-light)}.tab-button.no-results{opacity:.7}.tab-button.no-results:hover:not(:disabled){opacity:1}.results-badge{background-color:var(--success-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.tab-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.no-results-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.no-results-content{text-align:center;max-width:500px;padding:3rem;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--border-color)}.no-results-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.no-results-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.no-results-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:1.1rem}.no-results-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.cta-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem}.cta-button.primary{background:var(--primary-accent);color:#fff}.cta-button.primary:hover{background:var(--primary-accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.cta-button.secondary{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color)}.cta-button.secondary:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-1px);box-shadow:0 4px 12px #007bff1a}.cta-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.validation-notice{background:#fef3c7;color:#92400e;padding:.75rem;border-radius:8px;font-size:.9rem;border:1px solid #f59e0b}@media (max-width: 768px){.planner-header{padding:1.5rem 1rem}.header-content{flex-direction:column;gap:1rem}.header-text{text-align:center}.planner-header h1{font-size:2rem}.header-subtitle{font-size:1rem}.save-status{order:-1}.tab-navigation{padding:0 1rem;flex-wrap:wrap}.tab-button{padding:.75rem 1rem;font-size:.9rem;flex:1;min-width:0}.tab-content{padding:1rem}.error-message{margin:1rem;padding:.75rem}.no-results-content{padding:2rem 1rem;margin:0 1rem}.no-results-content h2{font-size:1.5rem}.no-results-actions{flex-direction:column;gap:.75rem}.cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.planner-header h1{font-size:1.5rem}.tab-button{padding:.5rem .75rem;font-size:.85rem}}.tab-card{background:var(--card-bg);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow-color);border:1px solid var(--border-color);margin-bottom:1.5rem}.tab-card h2{font-family:var(--font-heading);color:var(--text-primary-on-light);margin:0 0 1rem;font-size:1.3rem;font-weight:600}.tab-card h3{font-family:var(--font-heading);color:var(--text-primary-on-light);margin:1.5rem 0 .75rem;font-size:1.1rem;font-weight:500}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:500;color:var(--text-primary-on-light);font-size:.9rem}.input-group input,.input-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #007bff40}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary{background-color:var(--primary-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-secondary{background-color:transparent;color:var(--text-primary-on-light);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media (max-width: 480px){.btn-group{flex-direction:column}.btn{width:100%}}.simulation-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.last-simulation{color:var(--text-secondary-on-light);font-size:.9rem;margin-bottom:1rem}.spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.metric-card.success-rate{border-color:var(--success-color);background:linear-gradient(135deg,var(--success-bg-light),var(--card-bg))}.metric-card h3{margin:0 0 1rem;font-size:1rem;font-weight:500;color:var(--text-secondary-on-light);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.8rem;font-weight:700;color:var(--primary-accent);margin-bottom:.5rem;font-family:var(--font-heading)}.metric-value.large{font-size:2.5rem;color:var(--success-color)}.metric-card p{margin:0;font-size:.9rem;color:var(--text-secondary-on-light)}.percentiles-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.percentiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.percentile-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#007bff0d;border-radius:6px;border-left:4px solid var(--primary-accent)}.percentile-label{font-weight:500;color:var(--text-primary-on-light)}.percentile-value{font-weight:600;color:var(--primary-accent);font-family:var(--font-heading)}.shortfall-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.shortfall-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.shortfall-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#dc35450d;border-radius:6px;border-left:4px solid var(--error-color)}.shortfall-label{font-weight:500;color:var(--text-primary-on-light)}.shortfall-value{font-weight:600;color:var(--error-color);font-family:var(--font-heading)}@media (max-width: 768px){.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.metric-value.large{font-size:2rem}.percentiles-grid,.shortfall-metrics{grid-template-columns:1fr}}.portfolio-table{overflow-x:auto;margin:1rem 0}.holdings-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px var(--shadow-color)}.holdings-table th{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-hover));color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.holdings-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.holdings-table tr:last-child td{border-bottom:none}.holdings-table .asset-label{font-weight:600;color:var(--text-primary-on-light);white-space:nowrap}.holdings-table .total-cell{text-align:right;font-weight:600;color:var(--primary-accent);font-family:var(--font-heading)}.holdings-table .totals-row td{border-top:2px solid var(--primary-accent);background:#007bff0d}.holdings-table .portfolio-total{background:var(--primary-accent);color:#fff!important;font-size:1.1rem}.holding-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;text-align:right;font-family:var(--font-heading)}.holding-input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #007bff40}.assumptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.assumption-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-color);transition:transform .2s,box-shadow .2s}.assumption-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-color)}.assumption-card h3{margin:0 0 1.5rem;color:var(--primary-accent);font-size:1.2rem;font-weight:600;text-align:center;padding-bottom:.5rem;border-bottom:2px solid var(--primary-accent)}.assumption-inputs{display:flex;flex-direction:column;gap:1rem}.percentage-input{position:relative;display:flex;align-items:center}.percentage-input input{flex:1;padding-right:2rem}.percentage-symbol{position:absolute;right:.75rem;color:var(--text-secondary-on-light);font-weight:500;pointer-events:none}.portfolio-summary{background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-hover));color:#fff;border:none}.portfolio-summary h2{color:#fff;text-align:center;margin-bottom:1.5rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-item{text-align:center;padding:1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-label{display:block;font-size:.9rem;opacity:.9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.summary-value{display:block;font-size:1.8rem;font-weight:700;font-family:var(--font-heading)}@media (max-width: 768px){.holdings-table{font-size:.8rem}.holdings-table th,.holdings-table td{padding:.75rem .5rem}.holding-input{font-size:.8rem;padding:.4rem}.assumptions-grid{grid-template-columns:1fr}.assumption-card{padding:1rem}.summary-stats{grid-template-columns:1fr}.summary-value{font-size:1.5rem}}@media (max-width: 480px){.portfolio-table{margin:.5rem 0}.holdings-table{font-size:.75rem}.holdings-table th,.holdings-table td{padding:.5rem .25rem}.assumption-card,.summary-item{padding:.75rem}}.validation-error-placeholder{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.validation-content{text-align:center;max-width:500px;padding:3rem;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #0000001a;border:2px solid var(--warning-color, #f59e0b)}.validation-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.validation-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.validation-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:1.1rem}.validation-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}@media (max-width: 768px){.validation-content{padding:2rem 1rem;margin:0 1rem}.validation-content h2{font-size:1.5rem}.validation-actions{flex-direction:column;gap:.75rem}}