:root{--primary-color:#0B8A9B;--primary-color-hover:#097A89;--primary-color-light:#E6F3F5;--secondary-color:#F8F6F2;--accent-color:#D4AF37;--accent-color-hover:#C09F2F;--accent-color-light:#FAF5E6;--tertiary-color:#1A2A40;--tertiary-color-hover:#263B5A;--tertiary-color-light:#E9ECF1;--bg-primary:#ffffff;--bg-secondary:var(--secondary-color);--bg-tertiary:var(--primary-color-light);--bg-accent:var(--accent-color-light);--text-color:#1A1A1A;--text-color-medium:#4A4A4A;--text-color-muted:#767676;--text-color-light:#ffffff;--max-width:1200px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.05),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.05),0 10px 10px rgba(0,0,0,0.04);--card-shadow:var(--shadow-md);--card-border:1px solid #E0E0E0;--font-family-heading:"Montserrat",sans-serif;--font-family-body:"Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--button-padding-sm:0.5rem 1rem;--button-padding:0.75rem 1.5rem;--button-padding-lg:1rem 2rem;--button-radius:var(--radius-md);--header-bg:var(--bg-primary);--footer-bg:var(--tertiary-color);--header-border:1px solid rgba(0,0,0,0.05);--border-color:#E0E0E0;--border-color-light:#F0F0F0}.montserrat-thin{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.montserrat-light{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.montserrat-regular{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.montserrat-medium{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.montserrat-semibold{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.montserrat-bold{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.montserrat-black{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.roboto-thin{font-optical-sizing:auto;font-weight:100;font-style:normal}.roboto-light,.roboto-thin{font-family:Roboto,sans-serif}.roboto-light{font-optical-sizing:auto;font-weight:300;font-style:normal}.roboto-regular{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.roboto-medium{font-optical-sizing:auto;font-weight:500;font-style:normal}.roboto-bold,.roboto-medium{font-family:Roboto,sans-serif}.roboto-bold{font-optical-sizing:auto;font-weight:700;font-style:normal}.roboto-black{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-color);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-color-hover)}@media(max-width:767px){.hide-sm{display:none}}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-secondary)}.login,.login__container{padding:var(--spacing-xl)}.login__container{width:100%;max-width:400px;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login__header{text-align:center;margin-bottom:var(--spacing-xl)}.login__title{font-size:var(--font-size-2xl);color:var(--primary-color);margin-bottom:var(--spacing-sm)}.login__subtitle{font-size:var(--font-size-md);color:var(--text-color-medium)}.login__form{gap:var(--spacing-lg)}.login__field,.login__form{display:flex;flex-direction:column}.login__field{gap:var(--spacing-xs)}.login__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color-medium)}.login__input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .3s ease}.login__input:focus{outline:none;border-color:var(--primary-color)}.login__input--error{border-color:#e53935}.login__error{font-size:var(--font-size-xs);color:#e53935}.login__button{background-color:var(--primary-color);color:var(--text-color-light);padding:var(--button-padding);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease;margin-top:var(--spacing-md)}.login__button:hover{background-color:var(--primary-color-hover)}.login__button--secondary{background-color:rgba(0,0,0,0);color:var(--primary-color);border:1px solid var(--primary-color)}.login__button--secondary:hover{background-color:var(--primary-color-light)}.login__footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--text-color-muted)}.login__link{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.login__link:hover{color:var(--primary-color-hover);text-decoration:underline}.dashboard{padding:var(--spacing-xl);max-width:1200px;margin:0 auto;min-height:100vh;background-color:var(--bg-secondary)}.dashboard .tooltip{display:flex}.dashboard .is-not-active{display:none}.dashboard__editableField{width:60px;padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;background-color:var(--bg-primary)}.dashboard__editableField:focus{border-color:var(--primary-color);outline:none}.dashboard__hiddenValue{font-family:monospace;letter-spacing:2px;opacity:.7}.dashboard__deleteButton{background-color:#f44336;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease}.dashboard__deleteButton:hover{background-color:#d32f2f}.dashboard__navButton{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0;font-weight:500}.dashboard__navButton:hover{text-decoration:underline}.dashboard__tickerLink{color:var(--primary-color);text-decoration:none;font-weight:500}.dashboard__tickerLink:hover{text-decoration:underline}.dashboard__breadcrumbs{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.dashboard__breadcrumbButton{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0;font-weight:500}.dashboard__breadcrumbButton:hover{text-decoration:underline}.dashboard__viewToggle{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.dashboard__portfolioSelector{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color-light)}.dashboard__portfolioButton{padding:.75rem 1.5rem;border:2px solid rgba(0,0,0,0);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.dashboard__portfolioButton:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dashboard__portfolioButton--active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.dashboard__viewButton{background-color:var(--bg-tertiary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .2s ease}.dashboard__viewButton:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.dashboard__viewButton:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.dashboard__viewButton--active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dashboard__viewButton:hover:not(.dashboard__viewButton--active){background-color:var(--bg-secondary)}.dashboard__section{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.dashboard__sectionTitle{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color-light)}.dashboard__loading{min-height:100vh;background-color:var(--bg-secondary)}.dashboard__componentLoading,.dashboard__loading{display:flex;justify-content:center;align-items:center}.dashboard__componentLoading{min-height:200px;background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.dashboard__spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--primary-color);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.dashboard__headerButtons{display:flex;gap:var(--spacing-md)}.dashboard__title{font-size:var(--font-size-2xl);color:var(--primary-color)}.dashboard__logout{background-color:rgba(0,0,0,0);color:var(--text-color-medium);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.dashboard__logout:hover{background-color:var(--primary-color);color:var(--text-color-light);border-color:var(--primary-color)}.dashboard__content{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard__card{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.dashboard__cardContent{margin-top:var(--spacing-sm)}.dashboard__cardTitle{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--spacing-md)}.dashboard__balance{font-size:var(--font-size-2xl);color:var(--primary-color)}.dashboard__welcomeModal{text-align:center}.dashboard__welcomeModal h3{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--spacing-md)}.dashboard__welcomeModal p{margin-bottom:var(--spacing-md);color:var(--text-color);line-height:1.5}.dashboard__welcomeModal button{margin-top:var(--spacing-md)}.dashboard__apiModal h3{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--spacing-md);text-align:center}.dashboard__apiModal button{margin-top:var(--spacing-md);display:block;margin-left:auto;margin-right:auto}.dashboard__apiData{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.dashboard__apiData p{margin-bottom:var(--spacing-sm);line-height:1.5}.dashboard__apiData p:last-child{margin-bottom:0}.dashboard__apiData p strong{color:var(--primary-color);font-weight:700}.dashboard__list{list-style:none;padding:0;margin:0}.dashboard__listItem{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.dashboard__listItem:last-child{border-bottom:none}.dashboard__amount--positive{color:#4caf50}.dashboard__amount--negative{color:#f44336}.dashboard__table{width:100%;border-collapse:collapse}@media(max-width:1100px){.dashboard__table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;white-space:nowrap}}.dashboard__tableRow{border-bottom:1px solid var(--border-color-light)}.dashboard__tableRow:last-child{border-bottom:none}.dashboard__tableRow--lowYield{background-color:rgba(244,67,54,.1)}.dashboard__tableRow--mediumYield{background-color:rgba(255,193,7,.1)}.dashboard__tableRow--highYield{background-color:rgba(76,175,80,.1)}.dashboard__tableCell{padding:var(--spacing-sm) 1rem}.dashboard__tableCell:last-child{text-align:right}.dashboard__tableHeader{text-align:left;padding:var(--spacing-sm) 1rem;border-bottom:2px solid var(--border-color);transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;cursor:pointer}.dashboard__tableHeader:hover{background-color:var(--bg-tertiary)}.dashboard__tableHeader:last-child{text-align:right}.dashboard__sortIndicator{color:var(--primary-color);margin-left:.5rem;font-size:.8rem;display:inline-block}.dashboard__sortIndicator sup{font-size:.6rem;margin-left:1px}.dashboard__sortControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-sm)}@media(max-width:768px){.dashboard__sortControls{flex-direction:column;align-items:flex-start}}.dashboard__clearSortButton{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s ease}.dashboard__clearSortButton:hover{background-color:var(--primary-color);filter:brightness(.9)}.dashboard__activeSorts{font-size:var(--font-size-sm);color:var(--text-color-medium)}.dashboard__activeSort{color:var(--primary-color);font-weight:500}.dashboard__addButton{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-weight:500;transition:background-color .2s ease}.dashboard__addButton:hover{background-color:var(--primary-color-dark)}.dashboard__addForm{padding:var(--spacing-md);max-width:500px;margin:0 auto}.dashboard__formGroup{margin-bottom:var(--spacing-md)}.dashboard__formGroup label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.dashboard__formControl{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md)}.dashboard__formControl:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.dashboard__formActions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.dashboard__cancelButton,.dashboard__submitButton{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease}.dashboard__submitButton{background-color:var(--primary-color);color:#fff;border:none}.dashboard__submitButton:hover{background-color:var(--primary-color-dark)}.dashboard__cancelButton{background-color:rgba(0,0,0,0);color:var(--text-color);border:1px solid var(--border-color)}.dashboard__cancelButton:hover{background-color:var(--bg-tertiary)}.dashboard__fiisStats{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}@media(max-width:768px){.dashboard__fiisStats{flex-direction:column}}.dashboard__fiisStat{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);flex:1 1;display:flex;justify-content:space-between;align-items:baseline}@media(max-width:450px){.dashboard__fiisStat{flex-direction:column}}.dashboard__fiisStatTitle{font-size:var(--font-size-sm);color:var(--text-color-medium);margin-bottom:var(--spacing-xs)}.dashboard__fiisStatValue{font-size:var(--font-size-lg);color:var(--primary-color);margin:0}.dashboard__infoCard{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);cursor:pointer;transition:all .3s ease;text-align:center;flex:1 1;min-width:150px}.dashboard__infoCard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.dashboard__infoCard--active{border:2px solid var(--primary-color);background-color:var(--primary-color-light)}.dashboard__infoCardTitle{font-size:var(--font-size-md);color:var(--text-color-medium);margin-bottom:var(--spacing-sm)}.dashboard__infoCardValue{font-size:var(--font-size-xl);color:var(--primary-color);margin:0}.dashboard__stocksOrientation{display:flex;flex-direction:row-reverse;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}@media(max-width:768px){.dashboard__stocksOrientation{flex-direction:column}}.dashboard__totalView{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dashboard__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.dashboard__filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}@media(max-width:768px){.dashboard__filters{flex-direction:column}}.dashboard__filterItem{flex:1 1;min-width:200px}.dashboard__filterLabel{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-color-medium)}.dashboard__select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);font-size:var(--font-size-sm)}.dashboard__select[multiple]{height:100px}.dashboard__earningsSummary{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}@media(max-width:768px){.dashboard__earningsSummary{flex-direction:column}}.dashboard__earningsLabel{font-size:var(--font-size-sm);color:var(--text-color-medium);margin-right:var(--spacing-xs)}.dashboard__earningsValue{font-size:var(--font-size-md);color:var(--primary-color)}.dashboard__chart{height:400px;margin-top:var(--spacing-lg)}.dashboard__sectionTitle{font-size:1.5rem;color:var(--text-primary)}.dashboard__categoriesGrid{display:grid;grid-template-columns:auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.dashboard__categoryCard{background-color:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.dashboard__categoryCard:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.dashboard__categoryTitle{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.dashboard__categoryValue{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--primary-color)}.dashboard__subCategories{border-top:1px solid var(--border-color-light);padding-top:var(--spacing-sm)}.dashboard__subCategoryItem{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.dashboard__subCategoryItem:not(:last-child){border-bottom:1px dashed var(--border-color-light)}.dashboard__content{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.dashboard__markdown{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);line-height:1.6}.dashboard__markdown h1,.dashboard__markdown h2,.dashboard__markdown h3,.dashboard__markdown h4,.dashboard__markdown h5,.dashboard__markdown h6{color:var(--primary-color);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.dashboard__markdown h1{font-size:var(--font-size-2xl);border-bottom:1px solid var(--border-color-light);padding-bottom:var(--spacing-sm)}.dashboard__markdown h2{font-size:var(--font-size-xl)}.dashboard__markdown h3{font-size:var(--font-size-lg)}.dashboard__markdown p{margin-bottom:var(--spacing-md)}.dashboard__markdown ol,.dashboard__markdown ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.dashboard__markdown li{margin-bottom:var(--spacing-xs)}.dashboard__markdown table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}.dashboard__markdown td,.dashboard__markdown th{padding:var(--spacing-sm);border:1px solid var(--border-color-light)}.dashboard__markdown th{background-color:var(--bg-tertiary);text-align:left}.dashboard__markdown code{background-color:var(--bg-tertiary);padding:2px 4px;border-radius:var(--radius-sm);font-family:monospace}.dashboard__markdown pre{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.dashboard__markdown pre code{background-color:rgba(0,0,0,0);padding:0}.dashboard__markdown blockquote{border-left:4px solid var(--primary-color);padding-left:var(--spacing-md);margin-left:0;margin-bottom:var(--spacing-md);color:var(--text-color-medium)}.dashboard__customView{background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.dashboard__section{margin-top:var(--spacing-xl)}.dashboard__sectionTitle{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--spacing-md)}.dashboard__error{background-color:rgba(244,67,54,.1);color:#f44336}.dashboard__error,.dashboard__noData{border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.dashboard__noData{background-color:var(--bg-tertiary);text-align:center}.dashboard__priceSection{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color-light)}.dashboard__price{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--spacing-md)}.dashboard__stockType{font-size:var(--font-size-md);color:var(--text-color-medium);font-weight:400}.dashboard__averageCostData{margin-top:var(--spacing-md)}.dashboard__averageCostSummary{background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media(max-width:768px){.dashboard__averageCostSummary{grid-template-columns:1fr}}.dashboard__averageCostLabel{font-size:var(--font-size-sm);color:var(--text-color-medium);margin-right:var(--spacing-xs);display:block;margin-bottom:var(--spacing-xs)}.dashboard__averageCostValue{font-size:var(--font-size-md);color:var(--primary-color);font-weight:500}.dashboard__profit{color:#4caf50}.dashboard__loss{color:#f44336}.dashboard__percentageToggle{margin:10px 0;padding:10px;background-color:#f5f5f5;border-radius:4px}.dashboard__toggleButtons{display:flex;margin-top:5px;margin-bottom:10px}.dashboard__toggleButton{padding:8px 12px;border:1px solid #ccc;background-color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.dashboard__toggleButton:first-child{border-radius:4px 0 0 4px}.dashboard__toggleButton:last-child{border-radius:0 4px 4px 0}.dashboard__toggleButton:hover{background-color:#f0f0f0}.dashboard__toggleButtonActive{background-color:#007bff;color:#fff;border-color:#007bff}.dashboard__toggleButtonActive:hover{background-color:#0069d9}.dashboard__amortizationInfo{margin-top:5px;font-size:14px;color:#666}.header{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--header-bg);border-bottom:var(--header-border);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header,.header__container{display:flex;justify-content:space-between;align-items:center}.header__container{width:100%!important;max-width:var(--max-width);margin:0 auto;position:relative;box-sizing:border-box;padding:0 var(--spacing-md)}.header__logo{display:flex;align-items:center}.header__logo img{height:40px;width:auto}.header__nav{display:flex;align-items:center;gap:var(--spacing-lg)}@media(max-width:1024px){.header__nav{display:none}}.header__link{color:var(--text-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .3s ease}.header__link--active,.header__link:hover{color:var(--primary-color)}.header__link--active{font-weight:var(--font-weight-semibold)}.header__mobile-toggle{display:none;background:none;border:none;cursor:pointer;font-size:var(--font-size-xl);color:var(--text-color)}@media(max-width:1024px){.header__mobile-toggle{display:block}}.header__mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-width:100%;background-color:var(--header-bg);box-shadow:var(--shadow-md);padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md);box-sizing:border-box}.header__mobile-menu--open{display:flex}.header__mobile-link{color:var(--text-color);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.header__mobile-link:last-child{border-bottom:none}.header__mobile-link:hover{color:var(--primary-color)}.header__mobile-link--active{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.header__currency{display:flex;align-items:center}.header__currency_select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .3s ease}.header__currency_select:focus,.header__currency_select:hover{border-color:var(--primary-color);outline:none}.header__hideValues{display:flex;align-items:center;margin-left:var(--spacing-sm)}.header__hideValues_label{display:flex;align-items:center;cursor:pointer}.header__hideValues_checkbox{margin-right:var(--spacing-xs);cursor:pointer}.header__hideValues_text{font-size:var(--font-size-sm);color:var(--text-color)}.header__mobile_currency{display:flex;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light);gap:var(--spacing-sm)}.header__mobile_currency_label{color:var(--text-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.header__mobile_currency_select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-color);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;flex-grow:1;transition:border-color .3s ease}.header__mobile_currency_select:focus,.header__mobile_currency_select:hover{border-color:var(--primary-color);outline:none}.header__mobile_hideValues{display:flex;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.header__mobile_hideValues_label{display:flex;align-items:center;color:var(--text-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;width:100%}.header__mobile_hideValues_checkbox{margin-right:var(--spacing-xs);cursor:pointer}.header__mobile_hideValues_text{font-size:var(--font-size-sm);color:var(--text-color)}.footer{background-color:var(--footer-bg);color:var(--text-color-light);padding:var(--spacing-lg) var(--spacing-xl);margin-top:auto}.footer__container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:var(--max-width);margin:0 auto}@media(max-width:768px){.footer__container{flex-direction:column;gap:var(--spacing-md);text-align:center}}.footer__copyright{font-size:var(--font-size-sm)}.footer__links{display:flex;gap:var(--spacing-lg)}@media(max-width:768px){.footer__links{margin-top:var(--spacing-md)}}.footer__link{color:var(--text-color-light);text-decoration:none;font-size:var(--font-size-sm);transition:opacity .3s ease}.footer__link:hover{opacity:.8}.button{background-color:var(--primary-color);color:var(--text-color-light);padding:var(--button-padding);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.button:hover{background-color:var(--primary-color-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button--secondary{background-color:rgba(0,0,0,0);color:var(--primary-color);border:1px solid var(--primary-color)}.button--secondary:hover{background-color:var(--primary-color-light)}.button--tertiary{background-color:rgba(0,0,0,0);color:var(--text-color-medium);border:1px solid var(--border-color)}.button--tertiary:hover{background-color:var(--bg-tertiary);color:var(--primary-color);border-color:var(--primary-color)}.button--danger{background-color:#e53935;color:var(--text-color-light)}.button--danger:hover{background-color:#c62828}.button--small{font-size:var(--font-size-sm);padding:var(--button-padding-sm)}.button--large{font-size:var(--font-size-lg);padding:var(--button-padding-lg)}.button--icon{gap:var(--spacing-xs)}.button--icon svg{width:1em;height:1em}.button--full-width{width:100%}