:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2332;--bg-hover: #242f42;--bg-input: #0d1321;--border-primary: #2d3a4f;--border-accent: #3b82f6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-purple: #a855f7;--gradient-primary: linear-gradient(135deg, #1e3a5f 0%, #0a0e17 100%);--gradient-accent: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .6);--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse at 20% 0%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.06) 0%,transparent 50%)}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:2rem;background:var(--gradient-primary);border-bottom:1px solid var(--border-primary)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-text{text-align:left}.header-actions{display:flex;align-items:center;gap:1rem}.header h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.header .subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.index-selector,.amount-input{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease}.index-selector:hover,.amount-input:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.index-selector label,.amount-input label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:1rem 2.5rem 1rem 1rem;font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.select-wrapper select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.75rem;pointer-events:none}.input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:1rem;font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--accent-cyan)}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 2.5rem;font-family:var(--font-mono);font-size:1.5rem;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .2s ease}.input-wrapper input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.input-wrapper input::placeholder{color:var(--text-muted)}.info-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.info-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem;border-left:2px solid var(--border-primary)}.info-item:first-child{border-left:2px solid var(--accent-blue)}.info-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary)}.search-filter{margin-bottom:1.5rem}.search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:1rem;opacity:.6}.search-wrapper input{width:100%;padding:1rem 3rem;font-family:var(--font-display);font-size:1rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .2s ease}.search-wrapper input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.search-wrapper input::placeholder{color:var(--text-muted)}.clear-btn{position:absolute;right:1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:50%;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:var(--accent-red);color:#fff}.holdings-table-wrapper{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-lg)}.holdings-table{width:100%;min-width:1100px;border-collapse:collapse}.holdings-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.holdings-table th{padding:1rem 1.25rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.holdings-table th.sortable{cursor:pointer;transition:color .2s ease}.holdings-table th.sortable:hover{color:var(--accent-blue)}.holdings-table th.numeric{text-align:right}.holdings-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background .15s ease}.holdings-table tbody tr:hover{background:var(--bg-hover)}.holdings-table tbody tr:last-child{border-bottom:none}.holdings-table td{padding:1rem 1.25rem;font-size:.95rem;vertical-align:middle}.holdings-table td.ticker{font-family:var(--font-mono);font-weight:600;color:var(--accent-cyan);letter-spacing:.02em}.holdings-table td.company{color:var(--text-primary);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holdings-table td.sector{color:var(--text-muted);font-size:.85rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holdings-table td.numeric{font-family:var(--font-mono);font-size:.9rem;text-align:right;color:var(--text-secondary)}.holdings-table td.weight{color:var(--accent-amber)}.holdings-table td.price{color:var(--text-secondary)}.holdings-table td.value{color:var(--accent-green);font-weight:500}.holdings-table td.shares{color:var(--accent-blue)}.no-results{padding:3rem;text-align:center;color:var(--text-muted);font-size:1.1rem}.footer{padding:2rem;text-align:center;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.footer p{color:var(--text-muted);font-size:.875rem}.footer a{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--accent-cyan)}@media (max-width: 768px){.header{padding:1.5rem 1rem}.header h1{font-size:1.75rem}.header .subtitle{font-size:.95rem}.main{padding:1rem}.controls{grid-template-columns:1fr;gap:1rem}.index-selector,.amount-input{padding:1rem}.info-bar{grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem}.info-item{padding:.5rem}.holdings-table-wrapper{border-radius:var(--radius-md);overflow-x:auto}.holdings-table th,.holdings-table td{padding:.75rem;font-size:.85rem}.holdings-table td.company{max-width:150px}}@media (max-width: 480px){.info-bar{grid-template-columns:1fr}.holdings-table th,.holdings-table td{padding:.5rem .75rem;font-size:.8rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-blue);color:#fff}.holdings-table th.perf-header{text-align:center;padding-left:.5rem;padding-right:.5rem}.holdings-table td.perf{text-align:center;font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.holdings-table td.perf-positive{color:var(--accent-green)}.holdings-table td.perf-negative{color:var(--accent-red)}.holdings-table td.perf-neutral{color:var(--text-muted)}.holdings-table td.perf-positive:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-green);margin-right:4px;opacity:.6}.holdings-table td.perf-negative:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-red);margin-right:4px;opacity:.6}.combined-amount-input{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease}.combined-amount-input:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.combined-input-item{display:flex;flex-direction:column}.combined-input-item label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.combined-input-item .input-wrapper input{font-size:1.1rem;padding:.75rem .75rem .75rem 2.25rem}.combined-input-item .currency-symbol{font-size:1rem}.source-badge{display:inline-block;font-size:.6rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;margin-left:.5rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}.source-badge.both{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-cyan) 100%);color:#fff}.source-badge.spx{background:#3b82f633;color:var(--accent-blue);border:1px solid var(--accent-blue)}.source-badge.ndx,.source-badge.nasdaq100{background:#06b6d433;color:var(--accent-cyan);border:1px solid var(--accent-cyan)}.source-badge.dowjones{background:#f59e0b33;color:var(--accent-amber);border:1px solid var(--accent-amber)}.source-badge.msciworld{background:#a855f733;color:var(--accent-purple);border:1px solid var(--accent-purple)}@media (max-width: 768px){.combined-amount-input{grid-template-columns:1fr;padding:1rem}.combined-input-item .input-wrapper input{font-size:1.25rem;padding:.875rem .875rem .875rem 2.5rem}}.load-more{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.load-more-info{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}.load-more-buttons{display:flex;gap:.75rem}.load-more-btn{padding:.625rem 1.25rem;font-family:var(--font-display);font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.load-more-btn.secondary{border-color:var(--border-primary);color:var(--text-secondary)}.load-more-btn.secondary:hover{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-primary)}@media (max-width: 480px){.load-more-buttons{flex-direction:column;width:100%}.load-more-btn{width:100%;text-align:center}}.index-options{position:relative}.options-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;height:44px;box-sizing:border-box}.options-button:hover{border-color:var(--border-accent);color:var(--text-primary)}.options-button svg{flex-shrink:0}.options-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;background:var(--accent-blue);color:#fff;border-radius:10px}.options-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:220px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.options-header{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.options-list{padding:.5rem 0}.option-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease}.option-item:hover{background:var(--bg-hover)}.option-item input[type=checkbox]{display:none}.option-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border-primary);border-radius:4px;background:var(--bg-input);transition:all .15s ease}.option-item:hover .option-checkbox{border-color:var(--border-accent)}.option-item input:checked+.option-checkbox{background:var(--accent-blue);border-color:var(--accent-blue)}.option-checkbox svg{color:#fff}.option-label{flex:1;font-size:.9rem;color:var(--text-primary)}.option-ticker{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding:.125rem .375rem;background:var(--bg-secondary);border-radius:4px}@media (max-width: 640px){.header-content{flex-direction:column;text-align:center}.header-text{text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.options-dropdown{right:auto;left:50%;transform:translate(-50%)}}.view-toggle{display:flex;gap:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:4px;width:fit-content;height:44px;box-sizing:border-box}.view-toggle-btn{padding:0 2rem;font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:100%}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-sm)}.sector-exposure{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.sector-chart-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.donut-chart{position:relative;width:280px;height:280px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.donut-hole{position:absolute;width:160px;height:160px;background:var(--bg-primary);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 20px #0000004d}.donut-total-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.donut-total-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.donut-sector-count{font-size:.75rem;color:var(--text-muted)}.sector-table-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.sector-table{width:100%;border-collapse:collapse}.sector-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.sector-table th{padding:1rem 1.25rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.sector-table th.sortable{cursor:pointer;transition:color .2s ease}.sector-table th.sortable:hover{color:var(--accent-blue)}.sector-table th.numeric{text-align:right}.sector-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background .15s ease}.sector-table tbody tr:hover{background:var(--bg-hover)}.sector-table tbody tr:last-child{border-bottom:none}.sector-table td{padding:1rem 1.25rem;font-size:.95rem;vertical-align:middle}.sector-table td.sector-name{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-weight:500}.sector-table td.numeric{font-family:var(--font-mono);font-size:.9rem;text-align:right;color:var(--text-secondary)}.sector-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #fff3}@media (max-width: 900px){.sector-exposure{grid-template-columns:1fr;gap:1.5rem}.sector-chart-container{order:1}.sector-table-container{order:2}.donut-chart{width:240px;height:240px}.donut-hole{width:130px;height:130px}.donut-total-value{font-size:1.1rem}}@media (max-width: 480px){.view-toggle{width:100%}.view-toggle-btn{flex:1;padding:.625rem 1rem;font-size:.875rem}.donut-chart{width:200px;height:200px}.donut-hole{width:110px;height:110px}.donut-total-value{font-size:1rem}.sector-table th,.sector-table td{padding:.75rem;font-size:.85rem}}.language-toggle{position:relative}.language-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;height:44px;box-sizing:border-box}.language-button:hover{border-color:var(--border-accent);color:var(--text-primary)}.lang-flag{font-size:1.1rem;line-height:1}.lang-code{font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.lang-arrow{font-size:.6rem;color:var(--text-muted);margin-left:.25rem}.language-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:160px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;cursor:pointer;transition:background .15s ease;text-align:left}.language-option:hover{background:var(--bg-hover)}.language-option.active{background:#06b6d41a;color:var(--accent-cyan)}.language-option .lang-label{flex:1}.language-option svg{color:var(--accent-cyan);flex-shrink:0}@media (max-width: 480px){.language-button{padding:.625rem .75rem}.lang-code{display:none}.lang-arrow{margin-left:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:90%;max-width:420px;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary)}.modal-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--bg-hover);color:var(--accent-red)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.form-group input{width:100%;padding:.875rem 1rem;font-family:var(--font-mono);font-size:1.1rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--text-muted)}.stock-preview{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.85rem}.stock-name{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.stock-price{font-family:var(--font-mono);color:var(--accent-green);font-weight:500}.value-preview{margin-top:.5rem;padding:.5rem .75rem;background:#10b9811a;border:1px solid var(--accent-green);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9rem;color:var(--accent-green);text-align:center}.form-error{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);font-size:.85rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.portfolio-view{display:flex;flex-direction:column;gap:1.5rem}.portfolio-controls{display:flex;gap:1rem;align-items:stretch}.portfolio-controls .search-filter{flex:1;margin-bottom:0}.add-shares-btn{padding:0 1.5rem;font-family:var(--font-display);font-size:.95rem;font-weight:500;color:#fff;background:var(--accent-green);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-shares-btn:hover{background:#059669;transform:translateY(-1px)}.manual-shares-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.manual-shares-header{padding:1rem 1.25rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.manual-shares-header h3{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.manual-shares-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem}.manual-share-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .15s ease}.manual-share-item:hover{border-color:var(--border-accent)}.manual-share-ticker{font-family:var(--font-mono);font-weight:600;color:var(--accent-cyan)}.manual-share-count{font-size:.85rem;color:var(--text-muted)}.manual-share-actions{display:flex;gap:.25rem}.btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.btn-danger:hover{background:#ef444433;color:var(--accent-red)}.source-badge.manual{background:#10b98133;color:var(--accent-green);border:1px solid var(--accent-green)}@media (max-width: 640px){.portfolio-controls{flex-direction:column}.add-shares-btn{padding:.875rem 1.5rem}.manual-shares-list{flex-direction:column}.manual-share-item{width:100%;justify-content:space-between}}.currency-selector{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary)}.currency-selector:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary)}.currency-flag{font-size:1rem}.currency-code{font-weight:500}.info-item.clickable{cursor:pointer}.info-item.clickable:hover .edit-hint{opacity:1}.info-value.editable{display:flex;align-items:center;gap:.375rem}.edit-hint{opacity:0;font-size:.75rem;color:var(--text-muted);transition:opacity .15s ease}.cash-input-wrapper{display:flex;align-items:center;gap:.25rem}.cash-input-wrapper .currency-symbol{color:var(--text-muted);font-size:.9rem}.cash-input{width:100px;padding:.375rem .5rem;background:var(--bg-secondary);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;outline:none}.cash-input:focus{box-shadow:0 0 0 2px #3b82f64d}