h1{font-size:3.2em;line-height:1.1}body{margin:0;padding-top:60px;background-color:#f4f4f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ant-menu-horizontal>.ant-menu-item{padding:0 16px!important}.ant-menu-horizontal>.ant-menu-item a{position:relative;color:#fff!important;transition:color .3s ease}.ant-menu-horizontal>.ant-menu-item a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#00e6a8;transition:width .3s ease}.ant-menu-horizontal>.ant-menu-item:hover a:after,.ant-menu-horizontal>.ant-menu-item-selected a:after{width:100%}.ant-menu-horizontal>.ant-menu-item{border-radius:6px!important}.app.light-mode{background-color:#f4f4f9;color:#333;min-height:100vh;transition:background-color .3s ease,color .3s ease}.app.dark-mode{background-color:#1a1a1a;color:#fff;min-height:100vh;transition:background-color .3s ease,color .3s ease}.app.dark-mode .portfolio-header h1,.app.dark-mode .portfolio-header h2,.app.dark-mode .portfolio-header h3,.app.dark-mode .comparison-card h2,.app.dark-mode .comparison-card h3,.app.dark-mode .portfolio-summary h2,.app.dark-mode .portfolio-summary h3,.app.dark-mode .portfolio-summary h4{color:#fff!important}.app.dark-mode .portfolio-header p,.app.dark-mode .comparison-card p,.app.dark-mode .portfolio-summary p{color:#e5e7eb!important}.app.dark-mode .portfolio-card,.app.dark-mode .comparison-card{background-color:#2d2d2d!important;border-color:#404040!important;color:#fff!important}.app.dark-mode .portfolio-card h3,.app.dark-mode .portfolio-card p,.app.dark-mode .comparison-card h2,.app.dark-mode .comparison-card h3,.app.dark-mode .comparison-card p{color:#fff!important}.filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0}.filter-bar button{background-color:var(--primary-bg, #f0f0f0);color:var(--primary-text, #333);border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-bar button:hover{background-color:var(--primary-hover, #0077ff);color:#fff;transform:translateY(-2px)}.filter-bar button.active{background-color:var(--primary-active, #005bcc);color:#fff;box-shadow:0 4px 8px #00000026}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:20px}.asset-card{padding:16px;background:#fff;border-radius:12px;box-shadow:0 0 8px #0000001a;text-align:center}.asset-logo{width:40px;height:40px;object-fit:contain}.home-container{min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center;color:var(--text, #333);transition:background .3s ease,color .3s ease;padding:20px;text-align:center;flex-direction:column}.hero-section{max-width:800px;margin:auto;display:flex;flex-direction:column;align-items:center;animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.typewriter{font-size:3rem;font-weight:700;color:var(--highlight, #00e6a8)}.subtitle{margin-top:20px;font-size:1.2rem;color:var(--text, #666)}.cta-button{margin-top:30px;padding:12px 24px;background:linear-gradient(90deg,#00e6a8,#00b4d8);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:transform .3s ease,background .3s ease}.cta-button:hover{transform:scale(1.05);background:linear-gradient(90deg,#00b4d8,#0096c7)}.features-section{display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;gap:20px}.feature-card{background:var(--card-bg, #fff);color:var(--text, #333);border-radius:16px;padding:20px;width:260px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease;text-align:left}.feature-card:hover{transform:translateY(-5px)}@media (max-width: 768px){.typewriter{font-size:2rem}.subtitle{font-size:1rem}.cta-button{padding:10px 20px;font-size:.9rem}.feature-card{width:90%}}.portfolio-container{max-width:1200px;margin:auto;padding:20px}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.portfolio-actions{display:flex;gap:10px;align-items:center}.test-btn{background-color:#059669;color:#fff;padding:8px 16px;font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.test-btn:hover{background-color:#047857}.refresh-btn{background-color:#7c3aed;color:#fff;padding:8px 16px;font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.refresh-btn:hover:not(:disabled){background-color:#6d28d9}.refresh-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.test-message{background-color:#dbeafe;color:#1e40af;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.portfolio-header h1{font-size:2rem;color:#111;margin:0}.portfolio-header p{color:#6b7280;margin:0}.add-asset-btn{background-color:#2563eb;color:#fff;padding:12px 24px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-weight:500}.add-asset-btn:hover{background-color:#1d4ed8}.add-asset-section{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid #e2e8f0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.gain-loss{margin-top:12px;padding:8px 12px;border-radius:8px;text-align:center;font-weight:600}.gain-loss.gain{background-color:#dcfce7;border:2px solid #16a34a;color:#15803d}.gain-loss.loss{background-color:#fef2f2;border:2px solid #dc2626;color:#b91c1c}.gain-loss-amount{margin:0;font-size:1.1rem;font-weight:700}.gain-loss-percentage{margin:5px 0 0;font-size:.9rem}.portfolio-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.portfolio-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.portfolio-card h3{margin:0 0 12px;font-size:1.3rem;color:#111;font-weight:600}.portfolio-symbol{font-size:.9rem;color:#6b7280;margin:0 0 8px;text-transform:uppercase;font-weight:500}.portfolio-type{font-size:.9rem;color:#6b7280;margin:0 0 8px;text-transform:capitalize;font-weight:500}.portfolio-price{font-size:1rem;color:#111;margin:8px 0;font-weight:600}.portfolio-purchase-price,.portfolio-quantity{font-size:.9rem;color:#6b7280;margin:6px 0}.portfolio-total{font-size:1rem;color:#111;margin:8px 0;font-weight:600}.portfolio-summary{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.portfolio-summary h2,.portfolio-summary h3,.portfolio-summary h4{color:#111827;margin:0 0 15px}.portfolio-summary p{color:#374151;margin:8px 0;font-size:1.1rem}.debug-info{margin-top:15px;font-size:.9rem}.debug-info summary{cursor:pointer;color:#6b7280;font-weight:500}.debug-details{margin-top:10px;padding:10px;background:#f3f4f6;border-radius:6px;font-family:monospace;font-size:.8rem}.debug-asset{display:flex;gap:15px;margin-bottom:5px;color:#374151}.portfolio-loading{text-align:center;padding:60px 20px;color:#6b7280}.portfolio-loading h2{font-size:1.5rem;margin-bottom:10px;color:#374151}.portfolio-loading p{font-size:1rem;color:#9ca3af}.portfolio-error{text-align:center;padding:60px 20px;color:#dc2626}.portfolio-error h2{font-size:1.5rem;margin-bottom:10px;color:#dc2626}.portfolio-error p{font-size:1rem;color:#6b7280;margin-bottom:5px}.portfolio-empty{text-align:center;padding:60px 20px;color:#6b7280}.portfolio-empty h2{font-size:1.5rem;margin-bottom:10px;color:#374151}.portfolio-empty p{font-size:1rem;color:#9ca3af;margin-bottom:5px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.asset-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 10px #00000014;transition:transform .2s ease,box-shadow .2s ease}.asset-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.asset-card h3{font-size:1.2rem;margin-bottom:5px;color:#111}.asset-type{font-size:.9rem;color:#666}.asset-price{font-weight:700;margin-top:10px;color:#2563eb}.add-asset-form{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014;margin-bottom:20px}.add-asset-form h2{font-size:1.4rem;margin-bottom:15px;color:#111}.add-asset-form input,.add-asset-form select{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.add-asset-form button{background-color:#2563eb;color:#fff;padding:10px 15px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.add-asset-form button:hover{background-color:#1d4ed8}.investment-summary{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:15px;text-align:center}.investment-summary p{margin:0;font-weight:600;color:#374151;font-size:1.1rem}.chart-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014;margin-top:30px}.chart-section h2{font-size:1.4rem;margin-bottom:15px;color:#111}.asset-search{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 10px #00000014;margin-bottom:20px;border:1px solid #e5e7eb}.search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.search-header h3{margin:0;color:#111;font-size:1.2rem}.clear-filters-btn{background-color:#6b7280;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.clear-filters-btn:hover:not(:disabled){background-color:#4b5563}.clear-filters-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.search-input-container{position:relative;margin-bottom:15px}.search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.9rem}.type-filters{margin-bottom:20px}.type-filters h4{margin:0 0 10px;color:#374151;font-size:1rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background-color:#f3f4f6;color:#374151;padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background-color:#e5e7eb}.filter-btn.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.search-results{margin-top:15px}.search-results h4{margin:0 0 10px;color:#374151;font-size:1rem}.results-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#f9fafb}.result-name{font-weight:600;color:#111}.result-type{color:#6b7280;font-size:.9rem;text-transform:capitalize}.result-value{font-weight:600;color:#059669}.no-results{text-align:center;padding:20px;color:#6b7280}.portfolio-overview{margin-top:20px}.portfolio-overview h4{margin:0 0 15px;color:#374151;font-size:1rem}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-label{color:#6b7280;font-size:.9rem}.stat-value{font-weight:600;color:#111}.top-assets h5{margin:0 0 10px;color:#374151;font-size:.9rem}.top-assets-list{display:flex;flex-direction:column;gap:8px}.top-asset-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.asset-name{font-weight:500;color:#111}.asset-amount{font-weight:600;color:#059669}.comparison-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.comparison-metric{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;text-align:center;border:1px solid #e5e7eb}.comparison-metric h3{margin:0 0 10px;font-size:1rem;color:#6b7280;font-weight:500}.comparison-metric p{margin:0;font-size:1.5rem;font-weight:600;color:#111}.comparison-metric.gain{background-color:#dcfce7!important;border-color:#16a34a!important}.comparison-metric.gain h3,.comparison-metric.gain p{color:#15803d!important}.comparison-metric.loss{background-color:#fef2f2!important;border-color:#dc2626!important}.comparison-metric.loss h3,.comparison-metric.loss p{color:#b91c1c!important}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:30px}.comparison-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.comparison-card h2{margin:0 0 20px;font-size:1.5rem;color:#111;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.comparison-summary{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid #e2e8f0}.comparison-summary p{margin:8px 0;font-size:.95rem;color:#374151}.comparison-summary .gain-loss{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.asset-list{margin-top:20px}.asset-list h3{margin:0 0 15px;font-size:1.1rem;color:#111;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.asset-item{background:#f9fafb;padding:16px;border-radius:8px;margin-bottom:12px;border:1px solid #e5e7eb}.asset-item:last-child{margin-bottom:0}.asset-item h4{margin:0 0 8px;font-size:1rem;color:#111;font-weight:600}.asset-item p{margin:4px 0;font-size:.9rem;color:#6b7280}.asset-item .gain-loss{margin-top:8px;padding:8px;border-radius:6px;text-align:center}.asset-item .gain-loss p{margin:2px 0;font-weight:600}.time-value-btn{background-color:#7c3aed;color:#fff;padding:8px 16px;font-size:.9rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;margin-left:10px}.time-value-btn:hover{background-color:#6d28d9}.time-value-calculation{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-top:15px;color:#0c4a6e}.time-value-calculation h4{margin:0 0 10px;font-size:1rem;color:#0c4a6e}.time-value-calculation p{margin:5px 0;font-size:.9rem}.time-value-calculation .highlight{font-weight:600;color:#dc2626}.time-value-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.time-value-note{background-color:#f1f5f9;border-radius:8px}.time-value-input{margin-top:10px;display:flex;align-items:center;gap:10px}.time-value-input label{font-weight:600;color:#333;font-size:.9rem}.time-value-input .year-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100px}.time-value-input .year-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.app.dark-mode .portfolio-container,.app.dark-mode .comparison-container{color:#fff}.app.dark-mode .portfolio-header{border-bottom-color:#404040}.app.dark-mode .portfolio-header h1,.app.dark-mode .portfolio-header h2,.app.dark-mode .portfolio-header h3{color:#fff!important}.app.dark-mode .portfolio-header p{color:#d1d5db!important}.app.dark-mode .portfolio-summary{background-color:#2d2d2d!important;border-color:#404040!important;color:#fff!important}.app.dark-mode .portfolio-summary h2,.app.dark-mode .portfolio-summary h3,.app.dark-mode .portfolio-summary h4{color:#fff!important}.app.dark-mode .portfolio-summary p{color:#e5e7eb!important}.app.dark-mode .time-value-section{background-color:#2d2d2d!important;border-color:#404040!important}.app.dark-mode .time-value-section h3{color:#fff!important}.app.dark-mode #timeValueYear{background-color:#1f2937!important;color:#fff!important;border-color:#4b5563!important}.app.dark-mode label[for=timeValueYear]{color:#e5e7eb!important}.app.dark-mode .time-value-note{background-color:#1f2937!important}.app.dark-mode .time-value-note p{color:#e5e7eb!important}.app.dark-mode .portfolio-card{background-color:#2d2d2d!important;border-color:#404040!important;color:#fff!important}.app.dark-mode .portfolio-card h3{color:#fff!important}.app.dark-mode .portfolio-card .portfolio-type{color:#d1d5db!important}.app.dark-mode .portfolio-card .portfolio-price{color:#fff!important}.app.dark-mode .portfolio-card .portfolio-purchase-price,.app.dark-mode .portfolio-card .portfolio-quantity{color:#d1d5db!important}.app.dark-mode .portfolio-card .portfolio-total{color:#fff!important}.app.dark-mode .gain-loss.gain{background-color:#10b981!important;border-color:#059669!important;color:#fff!important}.app.dark-mode .gain-loss.loss{background-color:#ef4444!important;border-color:#dc2626!important;color:#fff!important}.app.dark-mode .comparison-metric.gain{background-color:#10b981!important;border-color:#059669!important}.app.dark-mode .comparison-metric.gain h3,.app.dark-mode .comparison-metric.gain p{color:#fff!important}.app.dark-mode .comparison-metric.loss{background-color:#ef4444!important;border-color:#dc2626!important}.app.dark-mode .comparison-metric.loss h3,.app.dark-mode .comparison-metric.loss p{color:#fff!important}.app.dark-mode .comparison-metric{background-color:#2d2d2d!important;border-color:#404040!important}.app.dark-mode .comparison-metric h3{color:#d1d5db!important}.app.dark-mode .comparison-metric p{color:#fff!important}.app.dark-mode .comparison-card{background-color:#2d2d2d!important;border-color:#404040!important;color:#fff!important}.app.dark-mode .comparison-card h2,.app.dark-mode .comparison-card h3{color:#fff!important;border-bottom-color:#404040!important}.app.dark-mode .comparison-summary{background-color:#374151!important;border-color:#4b5563!important}.app.dark-mode .comparison-summary p{color:#e5e7eb!important}.app.dark-mode .asset-item{background-color:#374151!important;border-color:#4b5563!important}.app.dark-mode .asset-item h4{color:#fff!important}.app.dark-mode .asset-item p{color:#d1d5db!important}.app.dark-mode .filter-section,.app.dark-mode .add-asset-section{background-color:#2d2d2d!important;border-color:#404040!important}.app.dark-mode .filter-section h3{color:#fff!important}.app.dark-mode .debug-info{background-color:#374151!important;color:#d1d5db!important}.app.dark-mode .debug-info summary{color:#fff!important}.app.dark-mode .debug-info pre{background-color:#4b5563!important;color:#e5e7eb!important}.delete-btn{background-color:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.delete-btn:hover{background-color:#dc2626}.app.dark-mode .delete-btn{background-color:#ef4444;color:#fff}.app.dark-mode .delete-btn:hover{background-color:#dc2626}