body{margin:0}#root{min-height:100vh}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#222632;--border:#2a2e3a;--text:#e4e6eb;--text-muted:#8b8fa3;--accent:#6c8cff;--accent-hover:#8aa3ff;--green:#34d399;--green-bg:#34d3991a;--red:#f87171;--red-bg:#f871711a;--yellow:#fbbf24;--yellow-bg:#fbbf241a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.upload-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.drop-zone{background:var(--surface);border:2px dashed var(--border);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:4rem;transition:border-color .2s}.drop-zone.drag-over{border-color:var(--accent);background:#6c8cff0d}.drop-zone h2{margin-bottom:.5rem;font-size:1.8rem}.drop-zone p{color:var(--text-muted);margin-bottom:2rem}.upload-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.file-button{background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s}.file-button:hover{background:var(--accent-hover)}.or-text{color:var(--text-muted);font-size:.875rem}.login-form{flex-direction:column;align-items:center;gap:.75rem;display:flex}.login-input{background:var(--bg);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:8px;width:100%;max-width:280px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.login-input:focus{border-color:var(--accent);outline:none}.login-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.demo-button{color:#a855f7;cursor:pointer;background:0 0;border:1px solid #a855f766;border-radius:8px;padding:.6rem 2rem;font-size:.95rem;font-weight:500;transition:all .2s}.demo-button:hover{background:#a855f71a;border-color:#a855f7}.loading{color:var(--accent);margin-top:1.5rem}.error{color:var(--red);margin-top:1.5rem}.app{max-width:1200px;margin:0 auto;padding:1.5rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.app-header h1{font-size:1.5rem}.header-actions{align-items:center;gap:.5rem;display:flex}.data-badge{background:var(--green-bg);color:var(--green);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.data-badge-upload{background:var(--yellow-bg);color:var(--yellow)}.data-badge-demo{color:#a855f7;background:#a855f726}.demo-banner{color:#a855f7;text-align:center;background:#a855f726;border-radius:8px;margin-bottom:1rem;padding:.5rem;font-size:.85rem;font-weight:600}.reset-btn{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.reset-btn:hover{background:var(--surface-hover);color:var(--text)}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.95rem;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.card h2{margin-bottom:.25rem;font-size:1.25rem}.card-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.875rem}.empty-state{color:var(--green);text-align:center;padding:2rem;font-size:1.1rem}.filter-bar{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.filter-bar label{color:var(--text-muted);font-size:.875rem}.filter-bar select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.5rem .75rem;font-size:.875rem}.timeline{position:relative}.timeline-month{margin-bottom:1.5rem}.month-header{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.25rem;font-size:.95rem}.timeline-event{border-left:2px solid var(--border);align-items:flex-start;gap:.75rem;padding:.5rem 0 .5rem 1rem;display:flex}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;margin-left:-1.375rem}.timeline-content{flex:1}.timeline-date{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.days-badge{background:var(--yellow-bg);color:var(--yellow);border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.timeline-detail{align-items:center;gap:.5rem;margin-top:.25rem;font-size:.95rem;display:flex}.asset-tag{color:var(--accent);background:#6c8cff26;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.holdings-table{border-collapse:collapse;width:100%}.holdings-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.8rem}.holding-row{cursor:pointer;transition:background .15s}.holding-row:hover{background:var(--surface-hover)}.holding-row td{border-bottom:1px solid var(--border);padding:.75rem;font-size:.9rem}.asset-name{color:var(--accent);cursor:pointer;font-weight:700}.asset-name:hover{text-decoration:underline}.tax-free-cell{color:var(--green)}.taxable-cell{color:var(--yellow)}.progress-bar{background:var(--border);border-radius:3px;width:100%;height:6px;margin-bottom:.25rem;overflow:hidden}.progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .3s}.progress-label{color:var(--text-muted);font-size:.75rem}.lot-detail-row td{border-bottom:1px solid var(--border);padding:0}.lots-table{border-collapse:collapse;background:var(--bg);width:100%}.lots-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem}.lots-table td{border-bottom:1px solid var(--border);padding:.4rem .75rem;font-size:.825rem}.lot-free td{color:var(--text-muted)}.lot-taxable td{color:var(--text)}.badge{border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-free{background:var(--green-bg);color:var(--green)}.badge-wait{background:var(--yellow-bg);color:var(--yellow)}.badge-warn{background:var(--red-bg);color:var(--red)}.summary-table{border-collapse:collapse;width:100%}.summary-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.8rem}.summary-table td{border-bottom:1px solid var(--border);padding:.75rem;font-size:.9rem}.gain-cell{color:var(--green)}.loss-cell{color:var(--red)}.summary-cards{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.summary-card{padding:1.25rem}.summary-card h3{margin-bottom:.25rem;font-size:1.1rem}.summary-card-green{border-color:#34d3994d}.summary-card-yellow{border-color:#fbbf244d}.tax-free-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tax-free-item{background:var(--green-bg);border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.tax-free-amount{color:var(--green);font-weight:600}.next-event{align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.next-date{color:var(--yellow);font-size:1.25rem;font-weight:600}.next-detail{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.cumulative-summary{background:var(--bg);border-radius:8px;gap:1.5rem;margin-bottom:1.25rem;padding:1rem;display:flex}.cumulative-item{flex-direction:column;gap:.25rem;display:flex}.cumulative-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.cumulative-value{font-size:1.1rem;font-weight:600}.big-picture{margin-bottom:1.5rem}.big-picture-row{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.big-picture-row .stat-card{flex:1}.big-picture-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.5rem;font-weight:300}.stat-card-outline{border:1px solid var(--accent)}.big-picture-comparison{background:var(--bg);border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:1.25rem;display:grid}.comparison-item{flex-direction:column;gap:.25rem;display:flex}.comparison-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.comparison-value{font-size:1.15rem;font-weight:600}.comparison-vs{color:var(--text-muted);text-align:center;font-size:.9rem}.comparison-result{text-align:center;border-top:1px solid var(--border);grid-column:1/-1;margin-top:.5rem;padding-top:.75rem}.comparison-big{font-size:1.5rem}.portfolio-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg);border-radius:8px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.stat-card-highlight{border:1px solid #6c8cff4d}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-value{font-size:1.15rem;font-weight:600}.stat-pct{font-size:.85rem;font-weight:400}.section-title{color:var(--text-muted);margin-bottom:.75rem;font-size:1rem}.portfolio-table{border-collapse:collapse;width:100%}.portfolio-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.8rem}.portfolio-table td{border-bottom:1px solid var(--border);padding:.65rem .75rem;font-size:.9rem}.pct-inline{opacity:.8;font-size:.8rem}.sim-inputs-prominent{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.sim-input-card{background:var(--bg);border-radius:8px;padding:1rem}.sim-input-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sim-amount{color:var(--text-muted);font-size:.8rem}.sim-input-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.sim-input-row label{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.sim-input-row input[type=number]{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:1rem}.sim-input-row input[type=number]:focus{border-color:var(--accent);outline:none}.sim-slider{width:100%;accent-color:var(--accent);margin:.25rem 0 .5rem}.sim-input-info{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.sim-input-result{border-top:1px solid var(--border);justify-content:space-between;padding-top:.5rem;font-size:.875rem;font-weight:600;display:flex}.sim-toggle{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;width:100%;margin-bottom:1rem;padding:.5rem 1rem;font-size:.85rem}.sim-toggle:hover{color:var(--text);border-color:var(--accent)}.sim-inputs-other{background:var(--bg);border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.sim-input-row-compact{grid-template-columns:60px 120px 1fr 1fr;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.sim-input-row-compact input[type=number]{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:.35rem .5rem;font-family:inherit;font-size:.85rem}.sim-input-row-compact input[type=number]:focus{border-color:var(--accent);outline:none}.sim-compact-value,.sim-compact-gain{text-align:right}.sim-reset{margin-bottom:1.5rem}.sim-results{margin-top:.5rem}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){.app{padding:1rem}.app-header{flex-direction:column;align-items:flex-start;gap:.75rem}.app-header h1{font-size:1.25rem}.upload-container{padding:1rem}.drop-zone{padding:2rem 1.5rem}.drop-zone h2{font-size:1.4rem}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:.6rem 1rem;font-size:.85rem}.summary-cards{grid-template-columns:1fr}.summary-card{padding:1rem}.tax-free-list{gap:.375rem}.tax-free-item{padding:.25rem .5rem;font-size:.8rem}.card{border-radius:8px;padding:1rem}.card h2{font-size:1.1rem}.cumulative-summary{flex-direction:column;gap:.75rem;padding:.75rem}.cumulative-item{flex-direction:row;justify-content:space-between;align-items:center}.cumulative-value{font-size:1rem}.sim-inputs-prominent{grid-template-columns:1fr}.sim-input-row-compact{grid-template-columns:50px 90px 1fr 1fr;gap:.5rem;font-size:.8rem}.big-picture-row{flex-direction:column}.big-picture-row .stat-card{width:100%}.big-picture-arrow{display:none}.big-picture-comparison{text-align:center;grid-template-columns:1fr}.comparison-vs{font-size:.8rem}.comparison-big{font-size:1.25rem}.portfolio-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1rem}.holdings-table,.lots-table,.summary-table,.portfolio-table{min-width:600px}.holding-row td,.holdings-table th{padding:.5rem;font-size:.8rem}.lots-table th,.lots-table td{padding:.35rem .5rem;font-size:.75rem}.summary-table th,.summary-table td{padding:.5rem;font-size:.8rem}.timeline-date{flex-wrap:wrap;font-size:.8rem}.timeline-detail{font-size:.85rem}.filter-bar select{flex:1}}@media (width<=480px){.app{padding:.75rem}.app-header h1{font-size:1.1rem}.drop-zone{padding:1.5rem 1rem}.drop-zone h2{font-size:1.2rem}.next-date{font-size:1rem}.portfolio-stats{grid-template-columns:1fr}}