*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Lora,serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f4f4f4;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: #000000;--color-text-primary: #f4f4f4;--color-text-secondary: rgba(244, 244, 244, .7);--color-border: rgba(244, 244, 244, .2);--color-border-hover: rgba(244, 244, 244, .4);--gradient-component: linear-gradient(to bottom right, #1a1a1a, #000000);--gradient-component-hover: linear-gradient(to bottom right, #0d0d0d, #2a2a2a);--glow-subtle: 0 0 15px rgba(244, 244, 244, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.component{background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.component:hover{border-color:var(--color-border-hover)}.component--sm{padding:var(--spacing-sm)}.component--md{padding:var(--spacing-md)}.component--lg{padding:var(--spacing-xl)}.component--no-padding{padding:0}.component--rounded-lg{border-radius:var(--radius-lg)}.component--rounded-xl{border-radius:var(--radius-xl)}.card{background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.card__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.card__body{color:var(--color-text-secondary)}.card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.panel,.box{background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1.5rem;color:var(--color-text-primary);font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn:hover{background:var(--gradient-component-hover);border-color:var(--color-border-hover);box-shadow:var(--glow-subtle)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background:var(--gradient-component);border-color:var(--color-border);box-shadow:none}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.btn--lg{padding:1rem 2rem;font-size:1.125rem}.btn--icon{padding:.75rem;width:2.75rem;height:2.75rem}.btn--icon.btn--sm{padding:.5rem;width:2.25rem;height:2.25rem}.btn--icon.btn--lg{padding:1rem;width:3.25rem;height:3.25rem}.btn--block{width:100%}.page{max-width:1400px;margin:0 auto;padding-top:1rem}.profile-info-card{margin-top:var(--spacing-md)}.profile-info-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.profile-info-text{font-style:italic;color:var(--color-text-secondary);margin:0;flex:1}.profile-info-button{flex-shrink:0}@media(max-width:640px){.profile-info-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.profile-info-text{text-align:center}}.profile-card{margin-top:var(--spacing-md)}.profile-card-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.profile-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.profile-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-field--full{grid-column:1 / -1}.profile-field-label{font-size:.875rem;color:var(--color-text-secondary)}.profile-field-value{font-size:1rem;color:var(--color-text-primary);min-height:1.5rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.login-page{font-family:Lora,serif;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(to bottom right,#1a1a1a,#000)}.login-page .background-image{position:absolute;inset:0;background-image:url(/images/login_bg.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}.login-page .gradient-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,#1a1a1a,#000);z-index:2}.login-page .login-box{position:relative;z-index:3;padding:40px;max-width:450px;width:90%;text-align:center;background-color:#1e1e1ee6;border:1px solid rgba(244,244,244,.2);border-radius:8px}.login-page .logo{max-width:150px;height:auto;margin-bottom:20px}.login-page h1{color:#f4f4f4;font-size:28px;margin-bottom:5px;font-weight:600}.login-page h2{color:#f4f4f4;font-size:28px;margin-bottom:10px;font-weight:600}.login-page .welcome-text{color:#ccc;font-size:16px;margin-bottom:30px}.login-page .error-message{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;padding:12px;margin-bottom:20px;color:#ff6b6b}.login-page .form-group{margin-bottom:20px;text-align:left}.login-page label{display:block;color:#f4f4f4;font-size:14px;margin-bottom:8px;font-weight:500}.login-page input[type=text],.login-page input[type=password]{width:100%;padding:12px;background-color:#ffffff0d;border:1px solid rgba(244,244,244,.2);border-radius:6px;color:#f4f4f4;font-size:14px;outline:none;transition:border-color .2s}.login-page input[type=text]:focus,.login-page input[type=password]:focus{border-color:#f4f4f466}.login-page input::placeholder{color:#f4f4f466}.login-page input:-webkit-autofill,.login-page input:-webkit-autofill:hover,.login-page input:-webkit-autofill:focus,.login-page input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.05) inset!important;-webkit-text-fill-color:#f4f4f4!important;caret-color:#f4f4f4;transition:background-color 5000s ease-in-out 0s}.login-page .submit-btn{width:100%;padding:14px;background-color:#f4f4f41a;border:1px solid rgba(244,244,244,.3);border-radius:6px;color:#f4f4f4;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.login-page .submit-btn:hover{background-color:#f4f4f426;border-color:#f4f4f466}.login-page .submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-page .forgot-password{margin-top:20px}.login-page .forgot-password a{color:#ccc;font-size:14px;text-decoration:none;transition:color .2s}.login-page .forgot-password a:hover{color:#f4f4f4}.login-page .language-switcher{position:absolute;top:20px;right:20px;z-index:4}.login-page .language-btn{background-color:#f4f4f41a;border:1px solid rgba(244,244,244,.2);border-radius:6px;color:#f4f4f4;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s}.login-page .language-btn:hover{background-color:#f4f4f426;border-color:#f4f4f44d}.login-page .language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:#1e1e1ef2;border:1px solid rgba(244,244,244,.2);border-radius:6px;overflow:hidden;min-width:150px}.login-page .language-option{display:block;width:100%;padding:10px 16px;background:none;border:none;color:#f4f4f4;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s}.login-page .language-option:hover{background-color:#f4f4f41a}.login-page .language-option.active{background-color:#f4f4f426}.app-header{position:fixed;top:1rem;left:50%;transform:translate(-50%) translateY(0);width:calc(100% - 2rem);max-width:1400px;z-index:50;isolation:isolate;transition:transform .5s ease-out}.glassmorphism-header{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;border-radius:1.5rem}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;width:100%;position:relative;z-index:0}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{height:2rem;width:auto}.welcome-message{color:var(--color-text-primary);font-size:.95rem;font-weight:500;display:none}@media(min-width:1024px){.welcome-message{display:inline}}.header-right{display:flex;align-items:center;gap:.75rem}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:transparent;border:1px solid rgba(244,244,244,.2);border-radius:50%;color:var(--color-text-primary);cursor:pointer;transition:all .3s ease;font-size:1rem}.header-icon-btn:hover{background:#f4f4f41a;border-color:#f4f4f466}.language-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:transparent;color:var(--color-text-primary);border:1px solid rgba(244,244,244,.3);border-radius:9999px;font-weight:600;cursor:pointer;font-size:.875rem;font-family:inherit;text-transform:uppercase;transition:all .3s ease;min-width:3rem;overflow:hidden}.language-btn:hover{background-color:#f4f4f41a;border-color:var(--color-text-primary)}.language-flag-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;opacity:.08;pointer-events:none;z-index:0}.language-code{position:relative;z-index:1}.profile-menu-content{padding:1rem}.profile-user-info{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem}.profile-salutation{color:var(--color-text-secondary);font-size:.875rem}.profile-name,.profile-surname{color:var(--color-text-primary);font-size:1rem;font-weight:500}.profile-divider{height:1px;background-color:var(--color-border);margin:.5rem 0}.profile-menu-buttons{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.profile-menu-buttons .btn,.profile-menu-content>.btn{justify-content:flex-start;padding-top:.5rem;padding-bottom:.5rem}.profile-logout-btn{margin-top:.5rem}.profile-logout-btn:hover{background:linear-gradient(to bottom right,#1a0a0a,#2a1010)!important;border-color:#ef444466!important;box-shadow:0 0 15px #ef444426!important}.profile-logout-btn:hover i,.profile-logout-btn:hover span{color:#ef4444}.password-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000}.password-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:90%;max-width:480px}.password-modal-content{padding:var(--spacing-lg)}.password-modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.password-field{margin-bottom:var(--spacing-md)}.password-field label{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.password-field input{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.password-field input:focus{outline:none;border-color:var(--color-border-hover)}.password-requirements{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#0000004d;border-radius:var(--radius-md)}.password-requirement{display:flex;align-items:center;gap:var(--spacing-xs);padding:.375rem 0;font-size:.875rem;color:#d4a574;transition:color var(--transition-fast)}.password-requirement.valid{color:#4ade80}.password-requirement i{width:1rem;text-align:center}.password-modal-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.password-modal-buttons .btn{flex:1}.password-modal-buttons .btn--primary{background:linear-gradient(to bottom right,#2a2a2a,#1a1a1a)}.password-modal-buttons .btn--primary:not(:disabled):hover{background:linear-gradient(to bottom right,#3a3a3a,#2a2a2a)}.password-modal-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.password-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.875rem}.password-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:#4ade80;text-align:center}.password-success i{font-size:3rem}.password-success span{font-size:1.125rem}.layout{min-height:100vh;background-color:var(--color-bg-primary)}.layout-main{padding:5rem 1rem 2rem;min-height:100vh}@media(min-width:768px){.layout-main{padding-left:2rem;padding-right:2rem}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40}.sidebar-menu{position:fixed;top:0;left:0;height:100vh;width:280px;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);box-shadow:4px 0 32px #00000080;z-index:45;transform:translate(-100%);transition:transform .3s ease-out}.sidebar-menu.open{transform:translate(0)}.sidebar-menu-content{display:flex;flex-direction:column;padding:1rem;color:var(--color-text-primary);height:100%}.sidebar-menu-spacer{height:80px;flex-shrink:0}.sidebar-menu-top{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:none;-ms-overflow-style:none}.sidebar-menu-top::-webkit-scrollbar{display:none}.sidebar-menu-bottom{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:1rem}.sidebar-menu-btn{justify-content:flex-start;padding-top:.5rem;padding-bottom:.5rem}.sidebar-menu-divider{height:1px;background-color:var(--color-border);margin:.5rem 0}.sidebar-logout-btn:hover{background:linear-gradient(to bottom right,#1a0a0a,#2a1010)!important;border-color:#ef444466!important;box-shadow:0 0 15px #ef444426!important}.sidebar-logout-btn:hover i,.sidebar-logout-btn:hover span{color:#ef4444}@media(max-width:400px){.sidebar-menu{width:100%}}.profile-overlay{position:fixed;inset:0;background:#0000004d;z-index:40}.profile-menu{position:fixed;top:calc(5rem + 20px);right:1rem;width:250px;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;box-shadow:0 8px 32px #00000080;z-index:45}@media(min-width:1432px){.profile-menu{right:calc(50% - 700px)}}.layout-footer{background:var(--gradient-component);border-top:1px solid var(--color-border);padding:1rem}.footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;align-items:center;gap:.75rem}.footer-logo{height:1.5rem;width:auto}.footer-copyright{color:var(--color-text-secondary);font-size:.875rem}.footer-company-link{color:#d4af37;text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--transition-normal)}.footer-company-link:hover{color:#f0d060}.footer-right{display:flex;align-items:center;gap:.5rem}.footer-btn,.footer-btn:hover{text-decoration:none!important}@media(max-width:767px){.footer-btn-message{display:none}}.page-title-card{width:100%;margin-bottom:1.5rem}.page-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;text-align:left;margin:0}.overview-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.overview-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.overview-tiles{grid-template-columns:1fr}}.chart-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.chart-cards{grid-template-columns:1fr}}.chart-card{background:linear-gradient(to bottom right,#1a1a1a,#000);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column}.chart-title{font-size:1rem;font-weight:600;color:#bdaf80;margin:0 0 1rem;text-align:center}.chart-container{height:300px;position:relative}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#f4f4f480;font-size:.875rem}.latest-transactions-card{margin-top:var(--spacing-md);cursor:pointer;transition:border-color var(--transition-fast)}.latest-transactions-card:hover{border-color:var(--color-border-hover)}.latest-transactions-title{font-size:1rem;font-weight:600;color:#bdaf80;margin:0 0 1rem}.latest-transactions-table{width:100%;border-collapse:collapse}.latest-transactions-table th{color:#bdaf80;font-weight:700;text-align:left;padding:.5rem .75rem;font-size:.875rem}.latest-transactions-table td{color:var(--color-text-primary);padding:.5rem .75rem;font-size:.875rem}.latest-transactions-table .amount-cell{text-align:right}.latest-transactions-table th:last-child{text-align:right}@media(max-width:768px){.latest-transactions-table{font-size:.75rem}.latest-transactions-table th,.latest-transactions-table td{padding:.375rem .5rem}}.latest-transactions-table .empty-state-cell{text-align:center;color:#f4f4f480;padding:1.5rem .75rem;font-style:italic}.investment-summary-card{margin-bottom:var(--spacing-md)}.investment-summary-title{font-size:1rem;font-weight:600;color:#bdaf80;margin:0 0 1rem}.investment-summary-table{width:100%;border-collapse:collapse}.investment-summary-table th{color:#bdaf80;font-weight:700;text-align:left;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap}.investment-summary-table td{color:var(--color-text-primary);padding:.5rem .75rem;font-size:.875rem}.investment-summary-table .currency-cell,.investment-summary-table .performance-cell{text-align:right;white-space:nowrap}.investment-summary-table .performance-cell.positive{color:#22c55e}.investment-summary-table .performance-cell.negative{color:#ef4444}.investment-summary-table .action-cell{text-align:center;width:50px}.investment-summary-table .btn-icon{background:transparent;border:none;color:#bdaf80;cursor:pointer;padding:.25rem .5rem;font-size:1rem;transition:color var(--transition-fast)}.investment-summary-table .btn-icon:hover{color:#f4f4f4}.investment-summary-table th:nth-child(5),.investment-summary-table th:nth-child(6),.investment-summary-table th:nth-child(7){text-align:right}.investment-summary-table .empty-state-cell{text-align:center;color:#f4f4f480;padding:1.5rem .75rem;font-style:italic}@media(max-width:1024px){.investment-summary-table{font-size:.75rem}.investment-summary-table th,.investment-summary-table td{padding:.375rem .5rem}}@media(max-width:768px){.investment-summary-card{overflow-x:auto}.investment-summary-table{min-width:700px}}.transactions-filter-card{margin-top:var(--spacing-md)}.transactions-date-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.transactions-date-field{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.transactions-date-field label{font-size:.875rem;color:var(--color-text-secondary)}.transactions-date-field input[type=date]{width:100%;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.transactions-date-field input[type=date]:focus{outline:none;border-color:var(--color-border-hover)}.transactions-date-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.transactions-quick-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.transactions-show-row{display:flex;justify-content:center}.transactions-pagination-card{margin-top:var(--spacing-md)}.transactions-pagination{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.transactions-pagination .btn--active{background:var(--color-accent);color:var(--color-bg-primary)}.transactions-entry-card{margin-top:var(--spacing-md)}.transactions-entry-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.transactions-entry-datetime{display:flex;gap:var(--spacing-md)}.transactions-entry-date{font-weight:600;color:var(--color-text-primary)}.transactions-entry-time{color:var(--color-text-secondary)}.transactions-entry-type{font-weight:500;color:var(--color-accent)}.transactions-entry-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.transactions-entry-amount{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);text-align:right}@media(max-width:640px){.transactions-date-row{flex-direction:column;gap:var(--spacing-md)}.transactions-quick-row{justify-content:center}.transactions-entry-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.transactions-entry-datetime{width:100%;justify-content:space-between}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;max-width:500px;margin:0 auto}.empty-state-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.investment-chart{margin-top:1.5rem;margin-bottom:2rem}.chart-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.chart-range-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.range-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem 1rem;color:var(--color-text-secondary);font-family:inherit;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.range-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.range-btn.active{background:#bdaf8026;border-color:#bdaf80;color:#bdaf80}.chart-body{position:relative;min-height:300px}.chart-container{height:300px}.chart-loading,.chart-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.chart-loading{color:var(--color-text-secondary)}.chart-error{color:#ef4444}@media(max-width:640px){.chart-range-buttons{gap:.375rem}.range-btn{padding:.375rem .75rem;font-size:.75rem}.chart-container{height:250px}}.position-card{margin-bottom:var(--spacing-sm)}.position-content{display:grid;grid-template-columns:48px 80px 1fr 1fr 1fr 1fr 1fr 48px;align-items:center;gap:var(--spacing-sm)}@media(max-width:1024px){.position-content{grid-template-columns:48px 1fr 1fr 1fr 48px}.position-type-label,.position-price{display:none}}@media(max-width:768px){.position-content{grid-template-columns:40px 1fr 1fr 40px}.position-invested{display:none}}@media(max-width:480px){.position-content{grid-template-columns:40px 1fr 1fr 40px}}.position-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-sm);overflow:visible;position:relative;cursor:pointer}.position-icon:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:100;margin-bottom:4px}.position-icon:hover:after{opacity:1;visibility:visible}@media(max-width:768px){.position-icon{width:40px;height:40px}}.position-icon .asset-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(80,80,80,.6))}.position-type-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center}.position-amount{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.position-price{font-size:.9rem;color:var(--color-text-primary)}.position-price .discount{display:block;font-size:.75rem;color:var(--color-text-secondary)}.position-invested,.position-current{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.position-performance{font-size:.9rem;font-weight:500}.position-performance .positive{color:#22c55e}.position-performance .negative{color:#ef4444}.position-performance i{margin-right:.25rem}.loading-indicator{color:var(--color-text-secondary)}.expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.expand-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.expand-btn i{font-size:1.25rem}.position-expanded{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.position-card.expanded{border-color:var(--color-border-hover)}.expanded-row{margin-bottom:var(--spacing-sm)}.expanded-row:last-child{margin-bottom:0}.expanded-header-row{display:flex;align-items:center;gap:var(--spacing-md)}.country-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:transparent;color:var(--color-text-primary);border:1px solid rgba(244,244,244,.3);border-radius:9999px;font-weight:600;cursor:pointer;font-size:.875rem;text-transform:uppercase;min-width:3rem;overflow:visible}.country-badge:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:100;margin-bottom:4px;text-transform:none;font-weight:400}.country-badge:hover:after{opacity:1;visibility:visible}.country-flag-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;opacity:.08;pointer-events:none;z-index:0}.country-code{position:relative;z-index:1}.stock-full-name,.bond-full-name{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.expanded-identifiers{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.identifier{display:inline-flex;align-items:center;gap:.25rem}.identifier-label{font-size:.8rem;color:var(--color-text-secondary)}.identifier-value{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:monospace}.position-chart-divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.position-chart-section{margin-top:var(--spacing-sm)}.position-chart-header{margin-bottom:var(--spacing-sm)}.position-chart-range-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.position-chart-range-buttons .range-btn{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.position-chart-range-buttons .range-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.position-chart-range-buttons .range-btn.active{background:#bdaf8026;border-color:#bdaf80;color:#bdaf80}.position-chart-body{min-height:200px}.position-chart-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-secondary)}.position-chart-container{height:200px}.portfolio-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.portfolio-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.portfolio-tiles{grid-template-columns:1fr}}.portfolio-selector-card{margin-bottom:2rem;padding-top:calc(var(--spacing-lg) / 2);padding-bottom:calc(var(--spacing-lg) / 2)}.portfolio-selector-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.portfolio-selector-btn{background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;cursor:pointer;min-width:140px;overflow:hidden;transition:border-color var(--transition-fast)}.portfolio-selector-btn:hover{border-color:var(--color-border-hover)}.portfolio-selector-btn.active{box-shadow:0 0 12px #bdaf8066;border-color:var(--color-gold, #BDAF80)}.portfolio-selector-btn .btn-row{padding:.5rem 1rem;text-align:center}.portfolio-selector-btn .btn-row:first-child{border-bottom:1px solid var(--color-border)}.portfolio-selector-btn .investment-no{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:monospace}.portfolio-selector-btn .act-total{font-size:.9rem;font-weight:600}.portfolio-selector-btn .act-total.positive{color:#22c55e}.portfolio-selector-btn .act-total.negative{color:#ef4444}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.portfolio-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.portfolio-no{font-size:.875rem;color:var(--color-text-secondary);font-family:monospace}.portfolio-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.package-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.package-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.package-tiles{grid-template-columns:1fr}}.package-selector-card{margin-bottom:2rem;padding-top:calc(var(--spacing-lg) / 2);padding-bottom:calc(var(--spacing-lg) / 2)}.package-selector-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.package-selector-btn{background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;cursor:pointer;min-width:140px;overflow:hidden;transition:border-color var(--transition-fast)}.package-selector-btn:hover{border-color:var(--color-border-hover)}.package-selector-btn.active{box-shadow:0 0 12px #bdaf8066;border-color:var(--color-gold, #BDAF80)}.package-selector-btn .btn-row{padding:.5rem 1rem;text-align:center}.package-selector-btn .btn-row:first-child{border-bottom:1px solid var(--color-border)}.package-selector-btn .investment-no{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:monospace}.package-selector-btn .act-total{font-size:.9rem;font-weight:600}.package-selector-btn .act-total.positive{color:#22c55e}.package-selector-btn .act-total.negative{color:#ef4444}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.package-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.package-no{font-size:.875rem;color:var(--color-text-secondary);font-family:monospace}.package-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.bond-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.bond-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bond-tiles{grid-template-columns:1fr}}.summary-tile{position:relative;border-radius:8px;overflow:hidden;isolation:isolate;padding:2px;box-shadow:0 0 42px 5px #bdaf8033}.summary-tile:before{position:absolute;top:50%;left:50%;content:"";background:#bdaf80;background:linear-gradient(90deg,#bdaf80 0% 46%,#e6e6e6 50%,#bdaf80 54% 100%);width:300%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) rotate(0);animation:endlessRotate 20s linear infinite;z-index:-1}.tile-inner{width:100%;height:100%;background:linear-gradient(to bottom right,#1a1a1a,#000);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.tile-icon{font-size:2rem;color:#bdaf80;filter:drop-shadow(0 4px 8px rgba(189,175,128,.3))}.tile-label{font-size:.75rem;color:#f4f4f4b3;text-transform:uppercase;letter-spacing:.5px;text-align:center}.tile-value{font-size:1.5rem;font-weight:600;color:#f4f4f4;text-align:center}.tile-value.positive{color:#22c55e}.tile-value.negative{color:#ef4444}@keyframes endlessRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.bond-selector-card{margin-bottom:2rem;padding-top:calc(var(--spacing-lg) / 2);padding-bottom:calc(var(--spacing-lg) / 2)}.bond-selector-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.bond-selector-btn{background:var(--gradient-component);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;cursor:pointer;min-width:140px;overflow:hidden;transition:border-color var(--transition-fast)}.bond-selector-btn:hover{border-color:var(--color-border-hover)}.bond-selector-btn.active{box-shadow:0 0 12px #bdaf8066;border-color:var(--color-gold, #BDAF80)}.bond-selector-btn .btn-row{padding:.5rem 1rem;text-align:center}.bond-selector-btn .btn-row:first-child{border-bottom:1px solid var(--color-border)}.bond-selector-btn .investment-no{font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-family:monospace}.bond-selector-btn .act-total{font-size:.9rem;font-weight:600}.bond-selector-btn .act-total.positive{color:#22c55e}.bond-selector-btn .act-total.negative{color:#ef4444}.bond-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.bond-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.bond-no{font-size:.875rem;color:var(--color-text-secondary);font-family:monospace}.bond-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item .label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-item .value{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.summary-item .value.positive{color:#22c55e}.summary-item .value.negative{color:#ef4444}.loading{text-align:center;padding:2rem;color:var(--color-text-secondary)}.error{text-align:center;padding:2rem;color:var(--error-color, #ef4444)}.positions-section{margin-top:1.5rem}.contact-form-container{max-width:600px;margin:0 auto}.contact-welcome-message{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.contact-form-row{grid-template-columns:1fr}}.contact-form-group{display:flex;flex-direction:column;gap:.5rem}.contact-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.contact-input,.contact-select,.contact-textarea{width:100%;padding:.75rem;background-color:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;outline:none;transition:border-color var(--transition-normal)}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:var(--color-border-hover)}.contact-input--readonly{background-color:#ffffff05;color:var(--color-text-secondary);cursor:not-allowed}.contact-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f4f4f4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.contact-select option{background-color:#1a1a1a;color:var(--color-text-primary)}.contact-textarea{resize:none;min-height:150px}.contact-submit-btn{align-self:center;margin-top:.5rem}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.contact-alert i{font-size:1.25rem;flex-shrink:0}.contact-alert--success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.contact-alert--error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}