@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.app-container{width:100%;margin:0}.calculator-container{width:100%;min-height:100vh;background-color:#f5f5f5;padding:32px}.page-header-main{margin:0 auto 32px;max-width:1400px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-left{flex:1}.header-right{display:flex;align-items:center;padding-top:8px}.back-to-toolbox{color:#8fa7de;text-decoration:none!important;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:20px;letter-spacing:0%;display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;transition:opacity .2s}.back-to-toolbox:hover,.back-to-toolbox:focus,.back-to-toolbox:visited{text-decoration:none!important;color:#8fa7de;opacity:.8}.back-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.page-title{font-size:32px;font-weight:700;color:#2c3e50;margin:0 0 8px}.page-subtitle{font-size:16px;color:#666;margin:0;font-weight:400}.content-wrapper{display:flex;gap:24px;max-width:1400px;margin:0 auto;align-items:stretch}.inputs-column{flex:0 0 429px;background-color:#ffffffa6;border-radius:16px;padding:16px;box-shadow:0 0 0 .5px #0000000d,0 -.5px #ffffff80,0 0 0 .5px #0000000d;overflow-y:auto}.results-column{flex:1;background-color:#ffffffa6;border-radius:16px;padding:16px;box-shadow:0 0 0 .5px #0000000d,0 -.5px #ffffff80,0 0 0 .5px #0000000d;overflow-y:auto}.results-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px}.placeholder-content{text-align:center;color:#6b7280;max-width:400px}.placeholder-content svg{color:#9ca3af;margin-bottom:20px}.placeholder-content h3{font-size:24px;color:#374151;margin:0 0 10px}.placeholder-content p{font-size:16px;line-height:1.6;margin:0}.section{margin-bottom:20px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.section-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.section-title>div{flex:1;min-width:0}.section-title>div>span{display:block}.section-description{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;font-style:italic;line-height:16px;color:#666;margin-top:2px}.arrow-icon{color:#6b7280;transition:transform .2s;flex-shrink:0}.input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-bottom:15px}.input-group:last-child{margin-bottom:0}.input-field{display:flex;flex-direction:column}.btn-container{text-align:center;margin:20px 0 0;padding:20px 0 0}.api-error-message{background:#fef2f2;color:#991b1b;padding:15px;border-radius:8px;margin:20px 30px;border-left:4px solid #dc2626;font-size:14px}.results-container{margin-top:0}.results-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.results-heading{font-size:24px;font-weight:700;color:#2c3e50;text-align:left;margin:0}.testing-disclaimer{font-size:14px;font-weight:400;color:#666;font-style:italic}.results-tab-navigation{display:flex;gap:8px;margin:20px 0;border-bottom:2px solid #e5e7eb}.results-tab-button{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.results-tab-button:hover{color:#2c3e50;background:#f9fafb}.results-tab-button.active{color:#06c;border-bottom-color:#06c}.freedom-portfolio-section{background:#fff;padding:32px 24px;border-radius:12px;margin-bottom:32px}.freedom-section-card{background:#edf5ff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #C5D9F5}.freedom-section-title{font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 20px}.freedom-section-subtitle{font-family:DM Sans,sans-serif;font-size:14px;color:#666;margin:0 0 16px}.freedom-section-description{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;color:#4b5563;margin:16px 0 0}.freedom-metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}.freedom-dual-section{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.freedom-metric-card{background:#fff;border-radius:8px;padding:20px}.freedom-metric-label{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.freedom-metric-value{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:4px}.freedom-metric-note{font-family:DM Sans,sans-serif;font-size:13px;color:#6b7280;line-height:1.4}.freedom-comparison-section{background:#edf5ff;border-radius:12px;padding:24px;margin-bottom:32px;border:1px solid #C5D9F5}.freedom-approaches{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:16px}.freedom-approach{background:#fff;border-radius:8px;padding:20px;border:2px solid transparent}.freedom-approach.active{background:#fff;border-color:#06c}.freedom-approach-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.freedom-approach-badge{background:#e5e7eb;color:#4b5563;font-size:10px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.freedom-approach-label{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#2c3e50}.freedom-approach-content h5{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:#2c3e50;margin:0 0 8px}.freedom-approach-content p{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;color:#4b5563;margin:0 0 16px}.freedom-approach-content p:last-child{margin-bottom:0}.modal-input-wrapper{margin-bottom:20px}} .target-amounts-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000000d}.section-subheading{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 20px;padding:0;border-bottom:none;background:transparent}.grow-capital-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 0 0 .5px #0000000d,0 -.5px #ffffff80}.grow-capital-header{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;color:#2c3e50;margin:0 0 8px}.grow-capital-subtitle{font-family:DM Sans,sans-serif;font-size:16px;font-style:italic;color:#666;margin:0 0 20px}.grow-capital-intro{font-family:DM Sans,sans-serif;font-size:16px;line-height:24px;color:#666;margin:24px 0 32px;padding:16px 20px;background:#f9fafb;border-radius:8px;border-left:4px solid #8FA7DE}.grow-capital-intro strong{font-weight:600;color:#2c3e50}.grow-capital-description{font-family:DM Sans,sans-serif;font-size:16px;line-height:24px;color:#666;margin-bottom:24px}.grow-capital-description strong{font-weight:600;color:#2c3e50}.options-container{display:flex;gap:24px;margin-bottom:32px}.option-column{flex:1;background:#edf5ff;border-radius:12px;padding:24px;border:1px solid #C5D9F5;position:relative;overflow:hidden}.option-badge{display:inline-block;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:8px 16px 8px 12px;border-radius:0 0 0 6px;position:absolute;top:0;right:0}.option-header{margin-bottom:20px}.option-title{font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;color:#2c3e50;margin:0 0 4px;display:flex;align-items:center;gap:8px;white-space:nowrap;padding-right:80px}.option-label{font-family:DM Sans,sans-serif;font-size:14px;font-style:italic;color:#666;margin:0}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.metric-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.option-column.primary .metric-card{background:#fff}.metric-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.metric-value{font-family:Roboto Mono,monospace;font-size:24px;font-weight:700;color:#2c3e50;margin:0}.metric-note{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af;margin:4px 0 0;font-style:italic}.option-description{font-family:DM Sans,sans-serif;font-size:14px;line-height:21px;color:#4b5563}.option-description p{margin:0 0 12px}.option-description p:last-child{margin-bottom:0}.option-description strong{font-weight:600;color:#2c3e50}.tradeoff-table{width:100%;border-collapse:collapse;margin-top:24px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.tradeoff-table thead{background:#f9fafb}.tradeoff-table th{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#2c3e50;text-align:left;padding:12px 16px;border-bottom:2px solid #e5e7eb}.tradeoff-table td{font-family:DM Sans,sans-serif;font-size:14px;color:#4b5563;padding:12px 16px;border-bottom:1px solid #e5e7eb}.tradeoff-table tbody tr:last-child td{border-bottom:none}.tradeoff-table-caption{font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;color:#2c3e50;margin:0 0 12px;text-align:left}.subsection{margin-bottom:20px;padding:25px;background:#edf1fb;border-radius:12px;box-shadow:none}.subsection:last-of-type{margin-bottom:0}.subsection h3{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:15px;padding-bottom:0;border-bottom:none}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.result-card{background:#fff;padding:18px;border-radius:8px;border:1px solid #e0e7ff;transition:transform .2s,box-shadow .2s}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.result-label{font-size:13px;color:#666;margin-bottom:8px;font-weight:500}.result-value{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:8px;font-family:Roboto Mono,monospace}.intermediate-calculations-section{background:transparent;border-radius:0;padding:0;color:#1f2937;box-shadow:none;margin-top:30px}.collapsible-section{margin-bottom:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.collapsible-section:last-child{margin-bottom:0}.collapsible-header{padding:15px 20px;font-size:15px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f3f4f6;transition:background .2s;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#2c3e50}.collapsible-header:hover{background:#e5e7eb}.results-table{padding:15px 20px;background:#fff}.table-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb;font-size:13px}.table-row:last-child{border-bottom:none}.table-row span:first-child{color:#666;font-weight:500}.table-row span:last-child{font-weight:600;color:#2c3e50}.pdf-generator{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:25px;background:#edf1fb;border-radius:12px;box-shadow:none;margin-top:20px}.pdf-input-wrapper{width:100%}@media (max-width: 1024px){.calculator-container{padding:24px 16px}.page-header-main{margin-bottom:24px;flex-direction:column;align-items:stretch;gap:16px}.header-right{padding-top:0}.content-wrapper{flex-direction:column;gap:16px}.inputs-column,.results-column{flex:1 1 auto;width:100%}.input-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.calculator-container{padding:16px 12px}.page-header-main{margin-bottom:20px}.page-title{font-size:24px}.page-subtitle{font-size:13px}.content-wrapper{gap:12px}.section{padding:16px;margin-bottom:16px}.section-title{font-size:14px}.input-group{grid-template-columns:1fr;gap:12px}.btn-container{margin:16px 0 0;padding:16px 0 0}.results-header-container{flex-direction:column;align-items:flex-start;gap:12px}.results-heading{font-size:20px}.testing-disclaimer{font-size:12px;display:block;margin-top:4px}.results-tab-navigation{gap:4px;margin:16px 0}.results-tab-button{padding:10px 16px;font-size:13px}.freedom-portfolio-section{padding:20px 16px}.freedom-section-card{padding:16px}.freedom-section-title{font-size:18px}.freedom-metrics-row,.freedom-dual-section{grid-template-columns:1fr;gap:16px}.freedom-metric-value{font-size:24px}.freedom-approaches{grid-template-columns:1fr;gap:16px}.freedom-approach{padding:16px}.freedom-approach-label{font-size:14px}.results-header-container button{width:100%}.section-subheading{font-size:18px;margin-bottom:16px}.grow-capital-section{padding:20px 16px}.grow-capital-header{font-size:20px}.grow-capital-description{font-size:14px;line-height:1.6}.grow-capital-intro{font-size:14px;padding:12px 16px}.options-container{flex-direction:column;gap:16px}.option-column{padding:16px}.option-title{font-size:15px;flex-wrap:wrap;white-space:normal;padding-right:60px}.metrics-grid{grid-template-columns:1fr;gap:12px}.metric-value{font-size:20px}.option-description{font-size:13px;line-height:1.6}.option-description p{margin-bottom:12px}.option-badge{padding:4px 8px 4px 6px;font-size:9px;top:8px;right:8px}.tradeoff-table{font-size:12px}.tradeoff-table th,.tradeoff-table td{padding:8px 12px;font-size:12px}.tradeoff-table-caption{font-size:14px}.subsection{padding:16px;margin-bottom:16px}.subsection h3{font-size:14px;margin-bottom:12px}.results-grid{grid-template-columns:1fr;gap:12px}.result-card{padding:14px}.result-value{font-size:20px}.collapsible-header{font-size:14px;padding:12px 16px}.results-table{padding:12px 16px}.table-row{font-size:12px}.pdf-generator{padding:16px}}@media print{body{background:#fff;padding:0}.calculator-container{box-shadow:none}.btn-container,.pdf-container{display:none}.collapsible-header{cursor:default}}.tab-navigation{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:0}.tab-button{padding:12px 24px;border:none;background:transparent;color:#666;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:#2c3e50;background:#f9fafb}.tab-button.active{color:#8fa7de;border-bottom-color:#8fa7de;background:transparent}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-container{display:flex;flex-direction:column;gap:12px;align-items:center}.btn-container button{width:100%;max-width:300px}.input-explanations-container{padding:0}.explanations-intro{font-size:15px;color:#666;line-height:1.6;margin-bottom:30px}.explanation-section{margin-bottom:30px}.explanation-section:last-child{margin-bottom:0}.explanation-section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;transition:opacity .2s;border-bottom:2px solid #e5e7eb;margin-bottom:0}.explanation-section-header:hover{opacity:.7}.explanation-section-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0;padding:0;border:none}.explanation-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.explanation-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s}.explanation-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.explanation-card.highlight-update{animation:pulseHighlight 1s ease-in-out;border-color:#8fa7de}@keyframes pulseHighlight{0%{background-color:#fff;box-shadow:0 1px 3px #0000000d}30%{background-color:#e0e7ff;box-shadow:0 0 0 3px #8fa7de4d;transform:scale(1.02)}to{background-color:#fff;box-shadow:0 1px 3px #0000000d;transform:scale(1)}}.explanation-label{font-size:13px;font-weight:600;color:#8fa7de;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.explanation-value{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:12px;font-family:Roboto Mono,monospace}.explanation-text{font-size:14px;color:#666;line-height:1.6}.explanation-text strong{color:#2c3e50;font-weight:700;font-family:Roboto Mono,monospace}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-in}.modal-content{background:#fff;padding:32px;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{font-size:22px;font-weight:700;color:#2c3e50;margin:0 0 12px}.modal-content p{font-size:15px;color:#666;line-height:1.6;margin:0 0 24px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons button{min-width:100px}.pdf-generating-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px 32px}.pdf-generating-modal h3,.pdf-generating-modal p{margin:0}.pdf-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#2c7a4b;border-radius:50%;animation:pdf-spin .8s linear infinite}@keyframes pdf-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.explanation-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tab-button{padding:10px 16px;font-size:14px}}@media (max-width: 767px){.tab-navigation{gap:4px}.tab-button{flex:1;padding:10px 12px;font-size:14px}.explanation-cards-grid{grid-template-columns:1fr;gap:12px}.explanation-card{padding:16px}.explanation-value{font-size:20px}.explanation-text{font-size:13px}.modal-content{padding:24px;width:95%}.modal-content h3{font-size:18px}.modal-content p{font-size:14px}.modal-buttons{flex-direction:column}.modal-buttons button{width:100%}.btn-container button{max-width:100%}}@media print{.tab-navigation,.modal-overlay{display:none}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border-brand: #0d1728;--border-contrast: #00b5ae;--border-destructive: #b50007;--border-dominant: #dfdfe6;--border-focus: #8fa7de;--border-card: #e5e7eb;--border-hover: #dde5f5;--border-link: #1b4a7b;--border-soft: #eeeef2;--icon-alert: #FF7F50;--icon-inverted: #FFFFFF;--icon-link: #1b4a7b;--icon-abyss: #0B335F;--icon-cornfield: #E4BD52;--icon-missed: #d94e00;--icon-muted: #6b6b70;--icon-primary: #000000;--icon-success: #00b5ae;--icon-bad-inverted: #ff7f50;--icon-success-light: rgba(0, 181, 174, .15);--icon-button: #8FA7DE;--surface-bad: #ffccce;--surface-chart-item-6: #f8b195;--surface-success: #00b5ae;--surface-success-light: rgba(0, 181, 174, .1);--surface-contrast: #c0c0ca;--surface-contrast-heavy: #00b5ae;--surface-contrast-light: #e7e7ec;--surface-calm: #8fa7de;--surface-calm-hover: #7b93ca;--surface-focused: #dde5f5;--surface-glacier: #dde5f5;--surface-grey-background: #f7f7f9;--surface-global-nav: #0B335F;--surface-global-nav-hover: #0A2D54;--surface-blue: #0B335F;--surface-highlight: #297598;--surface-highlight-dark: #1b4a7b;--surface-missed: #fff2e7;--surface-primary: #0d1728;--surface-primary-button-hover: #00918B;--surface-primary-button-pressed: #006D68;--surface-primary-hover: rgba(13, 23, 40, .7);--surface-primary-pressed: rgba(13, 23, 40, .5);--surface-row-hover: rgba(0, 0, 0, .05);--surface-secondary: #dde5f5;--surface-secondary-grey: #f0f0f1;--surface-surface: #fbfbfd;--surface-white: #ffffff;--surface-white-background: rgba(255, 255, 255, .65);--surface-white-background-secondary: rgba(255, 255, 255, .7);--surface-gold: #E4BD52;--text-destructive: #b50007;--text-good: #00b5ae;--text-inverted: #FFFFFF;--text-link: #1b4a7b;--text-abyss: #0B335F;--text-link-hover: #00918B;--text-link-pressed: #006D68;--text-missed: #d94e00;--text-bad-inverted: #ff7f50;--text-muted: #595959;--text-placeholder: #a6a6a9;--text-text: #0D1728;--text-text-secondary: rgba(0, 0, 0, .5);--text-text-tertiary: rgba(0, 0, 0, .25);--text-button: #8FA7DE;--button-primary-gradient: linear-gradient(180deg, #0dbcb5 0%, #00b5ae 49%, #00a59f 50%, #00b5ae 100%);--button-primary-hover-gradient: linear-gradient(180deg, #00a59f 0%, #00918B 49%, #007E79 50%, #00918B 100%);--button-primary-pressed-gradient: linear-gradient(180deg, #007E79 0%, #006D68 49%, #005955 50%, #006D68 100%);--button-primary-border-gradient: linear-gradient(to bottom, rgba(255, 255, 255, .7), rgba(0, 160, 154, .7) 50%, rgba(0, 140, 134, .8) 50%, rgba(255, 255, 255, .4) 100%);--button-primary-delete-gradient: linear-gradient(180deg, #ff9f80 0%, #ff7f50 49%, #ff6f40 50%, #ff7f50 100%);--button-primary-delete-hover-gradient: linear-gradient(180deg, #ff6f40 0%, #e55a2b 49%, #cc4a1b 50%, #e55a2b 100%);--button-primary-delete-pressed-gradient: linear-gradient(180deg, #cc4a1b 0%, #b53a0b 49%, #9f2a00 50%, #b53a0b 100%);--button-primary-delete-border-gradient: linear-gradient(to bottom, rgba(255, 255, 255, .7), rgba(255, 111, 64, .7) 50%, rgba(204, 74, 27, .8) 50%, rgba(255, 255, 255, .4) 100%);--button-primary-shadow: inset 0px 1px 0px rgba(255, 255, 255, .4), inset 0px -1px 0px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .15), 0px 4px 8px rgba(0, 181, 174, .2), 0px 1px 1px rgba(0, 0, 0, .1);--button-primary-pressed-shadow: inset 0px 1px 2px rgba(0, 0, 0, .1), 0px 1px 1px rgba(0, 0, 0, .05);--button-primary-delete-shadow: inset 0px 1px 0px rgba(255, 255, 255, .4), inset 0px -1px 0px rgba(0, 0, 0, .1), 0px 2px 4px rgba(0, 0, 0, .15), 0px 4px 8px rgba(255, 127, 80, .2), 0px 1px 1px rgba(0, 0, 0, .1);--button-primary-delete-pressed-shadow: inset 0px 1px 2px rgba(0, 0, 0, .1), 0px 1px 1px rgba(0, 0, 0, .05);--button-secondary-shadow: 0px .5px 0px 0px #FFFFFF, 0px .5px 2.5px 0px rgba(0, 0, 0, .3), inset 0px 1px 0px rgba(255, 255, 255, .5);--button-secondary-pressed-shadow: 0px .5px 0px 0px #FFFFFF, 0px .5px 2.5px 0px rgba(0, 0, 0, .3), inset 0px 1px 2px rgba(0, 0, 0, .1);--button-ghost-hover-bg: rgba(0, 0, 0, .03);--button-ghost-pressed-bg: rgba(0, 0, 0, .06);--button-ghost-pressed-shadow: inset 0px 1px 1px rgba(0, 0, 0, .05);--light-effect-border-highlight: rgba(255, 255, 255, 0);--light-effect-border-mid: rgba(255, 255, 255, 0);--light-effect-border-shadow: rgba(255, 255, 255, 0);--light-effect-surface-highlight: rgba(255, 255, 255, .15);--light-effect-surface-shadow: rgba(0, 0, 0, .08);--light-effect-angle: 175deg;--paper-texture-pattern: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='turbulence' baseFrequency='7.5' numOctaves='2' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");--paper-shadow-subtle: 0 1px 2px rgba(0, 0, 0, .07), 0 4px 8px rgba(0, 0, 0, .04), 0 12px 24px rgba(0, 0, 0, .03), inset 0 1px 1px rgba(255, 255, 255, .6);--paper-shadow-lifted: 0 2px 4px rgba(0, 0, 0, .07), 0 8px 16px rgba(0, 0, 0, .04), 0 16px 32px rgba(0, 0, 0, .03), inset 0 1px 1px rgba(255, 255, 255, .6);--paper-border: 1px solid rgba(210, 210, 215, .5);--paper-background: linear-gradient(var(--light-effect-angle), var(--light-effect-surface-highlight) 0%, transparent 45%, var(--light-effect-surface-shadow) 100%), var(--paper-texture-pattern);--spacing-n5: 4px;--spacing-1: 8px;--spacing-2: 16px;--spacing-5: 40px;--spacing-1n5: 12px;--spacing-3: 24px;--spacing-4: 32px;--spacing-6: 48px;--spacing-7: 56px;--spacing-8: 64px;--spacing-9: 72px;--spacing-10: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 32px;--radius-2xl: 128px;--radius-3xl: 360px;--spacing-lg: var(--spacing-4);--radius-rounded: var(--radius-xl);--radius-minimal: var(--radius-md);--spacing-3xs: var(--spacing-n5);--radius-full: var(--radius-2xl);--spacing-sm: var(--spacing-2);--spacing-spacing-xl: var(--spacing-6);--spacing-md: var(--spacing-3);--spacing-xs: var(--spacing-1n5);--spacing-2xs: var(--spacing-1);--numbers-primary-font-family: "Roboto Mono", "Courier New", monospace;--numbers-primary-font-size: 30px;--numbers-primary-font-style: normal;--numbers-primary-font-weight: 700;--numbers-primary-letter-spacing: 0px;--numbers-primary-line-height: 38px;--numbers-primary-font-variant: tabular-nums;--numbers-primary-font-feature-settings: "tnum" on;--numbers-secondary-font-family: "Roboto Mono", "Courier New", monospace;--numbers-secondary-font-size: 22px;--numbers-secondary-font-style: normal;--numbers-secondary-font-weight: 600;--numbers-secondary-letter-spacing: 0px;--numbers-secondary-line-height: 28px;--numbers-secondary-font-variant: tabular-nums;--numbers-secondary-font-feature-settings: "tnum" on;--body-2-bold-font-family: "DM Sans", Helvetica;--body-2-bold-font-size: 14px;--body-2-bold-font-style: normal;--body-2-bold-font-weight: 700;--body-2-bold-letter-spacing: 0px;--body-2-bold-line-height: 20px;--body-2-bold-mono-font-family: "Roboto Mono", "Courier New", monospace;--body-2-bold-mono-font-size: 14px;--body-2-bold-mono-font-style: normal;--body-2-bold-mono-font-weight: 700;--body-2-bold-mono-letter-spacing: 0px;--body-2-bold-mono-line-height: 20px;--body-2-bold-mono-font-variant: tabular-nums;--body-2-bold-mono-font-feature-settings: "tnum" on;--body-2-regular-font-family: "DM Sans", Helvetica;--body-2-regular-font-size: 14px;--body-2-regular-font-style: normal;--body-2-regular-font-weight: 400;--body-2-regular-letter-spacing: 0px;--body-2-regular-line-height: 20px;--body-2-regular-mono-font-family: "Roboto Mono", "Courier New", monospace;--body-2-regular-mono-font-size: 14px;--body-2-regular-mono-font-style: normal;--body-2-regular-mono-font-weight: 400;--body-2-regular-mono-letter-spacing: 0px;--body-2-regular-mono-line-height: 20px;--body-2-regular-mono-font-variant: tabular-nums;--body-2-regular-mono-font-feature-settings: "tnum" on;--body-bold-font-family: "DM Sans", Helvetica;--body-bold-font-size: 16px;--body-bold-font-style: normal;--body-bold-font-weight: 700;--body-bold-letter-spacing: 0px;--body-bold-line-height: 22px;--body-bold-mono-font-family: "Roboto Mono", "Courier New", monospace;--body-bold-mono-font-size: 16px;--body-bold-mono-font-style: normal;--body-bold-mono-font-weight: 700;--body-bold-mono-letter-spacing: 0px;--body-bold-mono-line-height: 22px;--body-bold-mono-font-variant: tabular-nums;--body-bold-mono-font-feature-settings: "tnum" on;--body-regular-font-family: "DM Sans", Helvetica;--body-regular-font-size: 16px;--body-regular-font-style: normal;--body-regular-font-weight: 400;--body-regular-letter-spacing: 0px;--body-regular-line-height: 22px;--body-regular-mono-font-family: "Roboto Mono", "Courier New", monospace;--body-regular-mono-font-size: 16px;--body-regular-mono-font-style: normal;--body-regular-mono-font-weight: 400;--body-regular-mono-letter-spacing: 0px;--body-regular-mono-line-height: 22px;--body-regular-mono-font-variant: tabular-nums;--body-regular-mono-font-feature-settings: "tnum" on;--button-nav-unselected-font-family: "Poppins", Helvetica;--button-nav-unselected-font-size: 16px;--button-nav-unselected-font-style: medium;--button-nav-unselected-font-weight: 500;--button-nav-unselected-letter-spacing: 0px;--button-nav-unselected-line-height: 24px;--button-nav-unselected-mono-font-family: "Roboto Mono", "Courier New", monospace;--button-nav-unselected-mono-font-size: 16px;--button-nav-unselected-mono-font-style: normal;--button-nav-unselected-mono-font-weight: 500;--button-nav-unselected-mono-letter-spacing: 0px;--button-nav-unselected-mono-line-height: 24px;--button-nav-unselected-mono-font-variant: tabular-nums;--button-nav-unselected-mono-font-feature-settings: "tnum" on;--button-secondary-font-family: "Poppins", Helvetica;--button-secondary-font-size: 16px;--button-secondary-font-style: normal;--button-secondary-font-weight: 500;--button-secondary-letter-spacing: 0px;--button-secondary-line-height: 24px;--button-secondary-mono-font-family: "Roboto Mono", "Courier New", monospace;--button-secondary-mono-font-size: 16px;--button-secondary-mono-font-style: normal;--button-secondary-mono-font-weight: 500;--button-secondary-mono-letter-spacing: 0px;--button-secondary-mono-line-height: 24px;--button-secondary-mono-font-variant: tabular-nums;--button-secondary-mono-font-feature-settings: "tnum" on;--button-primary-font-family: "DM Sans", Helvetica;--button-primary-font-size: 16px;--button-primary-font-style: normal;--button-primary-font-weight: 700;--button-primary-letter-spacing: 0px;--button-primary-line-height: 24px;--button-primary-mono-font-family: "Roboto Mono", "Courier New", monospace;--button-primary-mono-font-size: 16px;--button-primary-mono-font-style: normal;--button-primary-mono-font-weight: 700;--button-primary-mono-letter-spacing: 0px;--button-primary-mono-line-height: 24px;--button-primary-mono-font-variant: tabular-nums;--button-primary-mono-font-feature-settings: "tnum" on;--caption-emphasized-font-family: "DM Sans", Helvetica;--caption-emphasized-font-size: 12px;--caption-emphasized-font-style: normal;--caption-emphasized-font-weight: 500;--caption-emphasized-letter-spacing: .24px;--caption-emphasized-line-height: 16px;--caption-emphasized-mono-font-family: "Roboto Mono", "Courier New", monospace;--caption-emphasized-mono-font-size: 12px;--caption-emphasized-mono-font-style: normal;--caption-emphasized-mono-font-weight: 500;--caption-emphasized-mono-letter-spacing: .24px;--caption-emphasized-mono-line-height: 16px;--caption-emphasized-mono-font-variant: tabular-nums;--caption-emphasized-mono-font-feature-settings: "tnum" on;--caption-regular-font-family: "DM Sans", Helvetica;--caption-regular-font-size: 12px;--caption-regular-font-style: normal;--caption-regular-font-weight: 400;--caption-regular-letter-spacing: .24px;--caption-regular-line-height: 16px;--caption-regular-mono-font-family: "Roboto Mono", "Courier New", monospace;--caption-regular-mono-font-size: 12px;--caption-regular-mono-font-style: normal;--caption-regular-mono-font-weight: 400;--caption-regular-mono-letter-spacing: .24px;--caption-regular-mono-line-height: 16px;--caption-regular-mono-font-variant: tabular-nums;--caption-regular-mono-font-feature-settings: "tnum" on;--chart-axis-font-family: "Roboto Mono", "Courier New", monospace;--chart-axis-font-size: 12px;--chart-axis-font-style: normal;--chart-axis-font-weight: 400;--chart-axis-letter-spacing: 0px;--chart-axis-line-height: 16px;--chart-axis-font-variant: tabular-nums;--chart-axis-font-feature-settings: "tnum" on;--table-header-font-family: "DM Sans", Helvetica;--table-header-font-size: 12px;--table-header-font-style: normal;--table-header-font-weight: 700;--table-header-letter-spacing: 0px;--table-header-line-height: 16px;--table-header-mono-font-family: "Roboto Mono", "Courier New", monospace;--table-header-mono-font-size: 12px;--table-header-mono-font-style: normal;--table-header-mono-font-weight: 700;--table-header-mono-letter-spacing: 0px;--table-header-mono-line-height: 16px;--table-header-mono-font-variant: tabular-nums;--table-header-mono-font-feature-settings: "tnum" on;--h1-font-family: "Poppins", Helvetica;--h1-font-size: 34px;--h1-font-style: normal;--h1-font-weight: 600;--h1-letter-spacing: 0px;--h1-line-height: 46px;--h1-mono-font-family: "Roboto Mono", "Courier New", monospace;--h1-mono-font-size: 34px;--h1-mono-font-style: normal;--h1-mono-font-weight: 600;--h1-mono-letter-spacing: 0px;--h1-mono-line-height: 46px;--h1-mono-font-variant: tabular-nums;--h1-mono-font-feature-settings: "tnum" on;--h2-font-family: "Poppins", Helvetica;--h2-font-size: 28px;--h2-font-style: normal;--h2-font-weight: 600;--h2-letter-spacing: 0px;--h2-line-height: 38px;--h2-mono-font-family: "Roboto Mono", "Courier New", monospace;--h2-mono-font-size: 28px;--h2-mono-font-style: normal;--h2-mono-font-weight: 600;--h2-mono-letter-spacing: 0px;--h2-mono-line-height: 38px;--h2-mono-font-variant: tabular-nums;--h2-mono-font-feature-settings: "tnum" on;--h3-font-family: "Poppins", Helvetica;--h3-font-size: 22px;--h3-font-style: normal;--h3-font-weight: 600;--h3-letter-spacing: 0px;--h3-line-height: 28px;--h3-mono-font-family: "Roboto Mono", "Courier New", monospace;--h3-mono-font-size: 22px;--h3-mono-font-style: normal;--h3-mono-font-weight: 600;--h3-mono-letter-spacing: 0px;--h3-mono-line-height: 28px;--h3-mono-font-variant: tabular-nums;--h3-mono-font-feature-settings: "tnum" on;--subtitle-1-font-family: "DM Sans", Helvetica;--subtitle-1-font-size: 20px;--subtitle-1-font-style: normal;--subtitle-1-font-weight: 600;--subtitle-1-letter-spacing: 0px;--subtitle-1-line-height: 24px;--subtitle-1-mono-font-family: "Roboto Mono", "Courier New", monospace;--subtitle-1-mono-font-size: 22px;--subtitle-1-mono-font-style: normal;--subtitle-1-mono-font-weight: 600;--subtitle-1-mono-letter-spacing: 0px;--subtitle-1-mono-line-height: 30px;--subtitle-1-mono-font-variant: tabular-nums;--subtitle-1-mono-font-feature-settings: "tnum" on;--subtitle-2-font-family: "DM Sans", Helvetica;--subtitle-2-font-size: 16px;--subtitle-2-font-style: normal;--subtitle-2-font-weight: 600;--subtitle-2-letter-spacing: 0px;--subtitle-2-line-height: 21px;--subtitle-2-mono-font-family: "Roboto Mono", "Courier New", monospace;--subtitle-2-mono-font-size: 16px;--subtitle-2-mono-font-style: normal;--subtitle-2-mono-font-weight: 600;--subtitle-2-mono-letter-spacing: 0px;--subtitle-2-mono-line-height: 21px;--subtitle-2-mono-font-variant: tabular-nums;--subtitle-2-mono-font-feature-settings: "tnum" on;--canvas-padding-top: 24px;--canvas-padding-bottom: 24px;--canvas-padding-left: 24px;--canvas-padding-right: 24px;--canvas-background: #fafafa url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='turbulence' baseFrequency='8.0' numOctaves='2' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.025 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");--canvas-max-width: 1440px;--canvas-min-width: 1049px;--canvas-gap: 32px;--canvas-radius: 16px;--canvas-border: 1px solid rgba(230, 230, 235, .8);--canvas-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 3px 6px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .1);--card-shadow: 0 4px 20px rgba(38, 91, 140, .06);--green-shadows-primary-green-shadow: 0px -.5px 0px 0px rgba(0, 181, 174, 1), 0px -.5px 0px 0px rgba(255, 255, 255, .6), 0px .5px 2.5px 0px rgba(0, 181, 174, .5);--green-shadows-secondary-green-shadow: 0px 1px 2.5px 0px rgba(0, 181, 174, .25);--grey-shadows-disabled-shadow: 0px .5px 2.5px 0px rgba(0, 0, 0, .15);--grey-shadows-footer: 0px -2px 3px 0px rgba(0, 0, 0, .1), 0px -.5px 0px .5px rgba(0, 0, 0, .05);--grey-shadows-popover-shadow: 0px 7px 22px 0px rgba(0, 0, 0, .25), 0px 0px 1.5px 0px rgba(0, 0, 0, .3), 0px 0px 1px 0px rgba(0, 0, 0, .4);--grey-shadows-primary-grey-shadow: 0px .5px 0px 0px rgba(255, 255, 255, 1), 0px .5px 2.5px 0px rgba(0, 0, 0, .3);--grey-shadows-secondary-grey-shadow: 0px .5px 2.5px 0px rgba(0, 0, 0, .15);--grey-shadows-tertiary-grey-shadow: 0px -.5px 0px 0px rgba(255, 255, 255, .5), 0px 0px 0px .5px rgba(0, 0, 0, .05), 0px .5px 2.5px 0px rgba(0, 0, 0, .1);--grey-shadows-tertiary-grey-with-blur: 0px -.5px 0px 0px rgba(255, 255, 255, .5), 0px 0px 0px .5px rgba(0, 0, 0, .05), 0px 1px 4px 0px rgba(0, 0, 0, .25);--grey-shadows-secondary-inner-grey-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .1) inset, 0px 0px 2px 0px rgba(0, 0, 0, .1) inset;--green-shadows-secondary-inner-green-shadow: 0px 1px 2px 0px #00B5AE inset, 0px 0px 2px 0px #00B5AE inset;--scrollbar-width: 8px;--scrollbar-thumb-color: rgba(0, 0, 0, .1);--scrollbar-thumb-hover-color: rgba(0, 0, 0, .2);--scrollbar-track-color: transparent;--scrollbar-border-radius: 4px;--scroll-indicator-top-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));--scroll-indicator-bottom-gradient: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));--scroll-indicator-height: 30px;--scroll-indicator-opacity: .9;--chart-goal-line: #0d1728;--chart-goal-text: #00b5ae;--chart-reference-line: #00b5ae;--chart-reference-text: #00b5ae;--chart-today-line: #0d1728;--chart-today-line-width: 2px;--chart-today-text: #0d1728;--chart-categorical-1: #2e809c;--chart-categorical-2: #96BFCD;--chart-categorical-3: #5d8aa6;--chart-categorical-4: #1b4a7b;--chart-categorical-5: #7b8ea6;--chart-categorical-6: #b49d47;--chart-categorical-7: #81a167;--chart-categorical-other: rgba(0, 0, 0, .35);--chart-sequential-lightest: rgba(0, 181, 174, .1);--chart-sequential-lighter: rgba(0, 181, 174, .3);--chart-sequential-light: rgba(0, 181, 174, .5);--chart-sequential-medium: rgba(0, 181, 174, .7);--chart-sequential-dark: rgba(0, 181, 174, .85);--chart-sequential-darkest: rgba(0, 181, 174, 1);--chart-sequential-blue-lightest: rgba(46, 128, 156, .1);--chart-sequential-blue-lighter: rgba(46, 128, 156, .3);--chart-sequential-blue-light: rgba(46, 128, 156, .5);--chart-sequential-blue-medium: rgba(46, 128, 156, .7);--chart-sequential-blue-dark: rgba(46, 128, 156, .85);--chart-sequential-blue-darkest: rgba(46, 128, 156, 1);--chart-diverging-negative-strong: #b50007;--chart-diverging-negative-medium: #d94e00;--chart-diverging-negative-light: #ffccce;--chart-diverging-neutral: #dfdfe6;--chart-diverging-positive-light: rgba(0, 181, 174, .3);--chart-diverging-positive-medium: rgba(0, 181, 174, .6);--chart-diverging-positive-strong: #00b5ae;--chart-semantic-success: var(--surface-success);--chart-semantic-success-light: var(--surface-success-light);--chart-semantic-warning: #d94e00;--chart-semantic-warning-light: #fff2e7;--chart-semantic-error: var(--text-destructive);--chart-semantic-error-light: var(--surface-bad);--chart-semantic-neutral: var(--text-muted);--chart-semantic-highlight: var(--surface-highlight);--tooltip-number-font-family: "Roboto Mono", "Courier New", monospace;--tooltip-number-font-size: 12px;--tooltip-number-font-style: normal;--tooltip-number-font-weight: 500;--tooltip-number-letter-spacing: 0px;--tooltip-number-line-height: 16px;--tooltip-number-font-variant: tabular-nums;--tooltip-number-font-feature-settings: "tnum" on;--chart-label-dark: var(--text-text);--chart-label-light: var(--text-inverted);--chart-label-secondary: var(--text-muted);--chart-label-highlight: var(--text-link);--chart-bg-high-contrast: 1;--chart-bg-medium-contrast: .8;--chart-bg-low-contrast: .6}.time-period-button:hover{color:var(--text-text)!important}.light-effect{position:relative;overflow:visible}.light-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--light-effect-angle),var(--light-effect-surface-highlight) 0%,transparent 45%,var(--light-effect-surface-shadow) 100%);border-radius:inherit;pointer-events:none;z-index:0}.light-effect:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;z-index:-1;background:linear-gradient(var(--light-effect-angle),var(--light-effect-border-highlight) 0%,var(--light-effect-border-mid) 40%,var(--light-effect-border-shadow) 80%);pointer-events:none}.light-effect>*{position:relative;z-index:1}.light-effect--top-left{--light-effect-angle: 175deg}.light-effect--top-right{--light-effect-angle: 225deg}.light-effect--bottom-left{--light-effect-angle: 45deg}.light-effect--bottom-right{--light-effect-angle: 315deg}.light-effect.disabled:before,.light-effect.disabled:after,.light-effect.pressed:before,.light-effect.pressed:after{opacity:0}.chart-container-wrapper{display:flex;flex-direction:column}.chart-tabs-wrapper{padding:0 16px;z-index:1}.charts-container{gap:32px;display:flex;flex-direction:column;border-radius:12px;padding:24px 32px 24px 12px;background-color:var(--surface-white-background);background-image:var(--paper-background);box-shadow:var(--paper-shadow-subtle);margin-top:2px;z-index:0;position:relative;border:var(--paper-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease}.chart-content{width:100%;min-height:400px}.chart-tabs{margin-bottom:0}.premium-scrollbar{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.premium-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.premium-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track-color);margin:4px 0}.premium-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);border:2px solid transparent;background-clip:padding-box}.premium-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color);border:2px solid transparent;background-clip:padding-box}.scroll-shadows{position:relative;display:block}.scroll-shadows:before{content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:40px!important;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent)!important;z-index:100!important;pointer-events:none!important;opacity:0!important;transition:opacity .2s ease!important;box-shadow:0 5px 10px -5px #00000080!important}.scroll-shadows:after{content:"";position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:40px!important;background:linear-gradient(to top,rgba(0,0,0,.2),transparent)!important;z-index:100!important;pointer-events:none!important;opacity:0!important;transition:opacity .2s ease!important;box-shadow:0 -5px 10px -5px #00000080!important}.scroll-shadows.scrolled-top:before{opacity:1!important}.scroll-shadows.scrolled-bottom:after{opacity:1!important}.scroll-shadows.show-shadows:before,.scroll-shadows.show-shadows:after{opacity:1!important}input,textarea,select,.form-control{position:relative;z-index:150!important;background-color:var(--surface-white)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;padding:0;min-height:100vh;margin:0;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:transparent}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;padding:20px;min-height:100vh;margin:0}#root{width:100%}