:root{--bg:#f4f7f5;--bg-card:#fff;--bg-muted:#eaf3ef;--bg-hover:#e0ede8;--border:#d1e8e0;--border-mid:#b8d9ce;--primary:#0d9488;--primary-dim:#0d94881f;--primary-hover:#0b7c71;--text:#134e4a;--text-dim:#5e7a72;--text-muted:#7fa898;--gold:#c9a84c;--gold-dim:#c9a84c24;--gold-border:#c9a84c61;--gain:#059669;--gain-dim:#0596691a;--loss:#dc2626;--loss-dim:#dc26261a;--accent-2:#a084ca;--accent-2-dim:#a084ca1f;--warning:#d97706;--warning-dim:#d977061a;--shadow-sm:0 1px 3px #0d4e4a0f, 0 1px 2px #0d4e4a0a;--shadow-md:0 4px 12px #0d4e4a14, 0 2px 4px #0d4e4a0a;--shadow-lg:0 8px 24px #0d4e4a1f, 0 4px 8px #0d4e4a0f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-ui:"Quicksand", system-ui, sans-serif;--font-mono:"JetBrains Mono", "DM Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-ui)}.app{background:var(--bg);min-height:100vh;font-family:var(--font-ui);color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hdr{border-bottom:1px solid var(--border);background:var(--bg-card);height:56px;box-shadow:var(--shadow-sm);z-index:100;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.hdr-left,.hdr-l{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.hdr-right,.hdr-r{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.logo{font-family:var(--font-ui);letter-spacing:.01em;color:var(--text);flex-shrink:0;font-size:1.25rem;font-weight:700}.logo span{color:var(--primary)}.btns{background:var(--primary);border:1px solid var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-ui);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-height:40px;padding:.52rem 1.2rem;transition:background .18s,box-shadow .18s;display:inline-flex}.btns:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btns:disabled{opacity:.42;cursor:not-allowed}.btn-o,.btn-g,.btn-p{background:var(--bg-card);border:1px solid var(--border-mid);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-ui);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;min-height:36px;padding:.44rem .85rem;transition:all .18s;display:inline-flex}.btn-o:hover,.btn-g:hover,.btn-p:hover{background:var(--primary-dim);border-color:var(--primary)}.btn-o:disabled,.btn-g:disabled,.btn-p:disabled{opacity:.42;cursor:not-allowed}.btnc{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-ui);white-space:nowrap;justify-content:center;align-items:center;min-height:40px;padding:.52rem 1rem;transition:all .18s;display:inline-flex}.btnc:hover{border-color:var(--border-mid);color:var(--text);background:var(--bg-muted)}.alert-pill{background:var(--warning-dim);color:var(--warning);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:.72rem;font-weight:600;font-family:var(--font-ui);border:1px solid #d977064d;padding:.28rem .65rem}.btn-sm{border:1px dashed var(--border-mid);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-ui);background:0 0;min-height:36px;padding:.4rem .85rem;transition:all .18s}.btn-sm:hover{border-color:var(--primary);color:var(--primary)}.delbtn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:.25rem .45rem;font-size:.8rem;transition:all .18s;display:inline-flex}.delbtn:hover{color:var(--loss);background:var(--loss-dim)}.sync-saving{color:var(--text-muted);font-size:.68rem;font-family:var(--font-ui)}.sync-saved{color:var(--gain);font-size:.68rem;font-family:var(--font-ui)}.sync-error{color:var(--loss);font-size:.68rem;font-family:var(--font-ui)}.main{max-width:1400px;margin:0 auto;padding:1.4rem 1.25rem 5rem}.mbar{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.2rem;padding:0 1.25rem;display:flex}.mlbl{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-right:.15rem;font-size:.65rem;font-weight:600}.mchip,.mbar-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:.75rem;font-weight:600;font-family:var(--font-ui);border-radius:20px;padding:.32rem .8rem;transition:all .18s}.mchip.act,.mbar-btn.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.mchip:hover:not(.act),.mbar-btn:hover:not(.active){background:var(--bg-muted);border-color:var(--border-mid);color:var(--text)}.tabs{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.15rem;margin-bottom:1.4rem;padding:0 1.25rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{cursor:pointer;color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:600;font-family:var(--font-ui);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.38rem;margin-bottom:-2px;padding:.6rem 1rem;transition:color .18s,border-color .18s;display:inline-flex}.tab.act,.tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-dim)}.tab:hover:not(.act):not(.active){color:var(--text);background:var(--bg-muted)}.tab-icon{flex-shrink:0;align-items:center;line-height:1;display:flex}.tbadge{background:var(--loss);color:#fff;vertical-align:middle;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:.58rem;font-weight:700;display:inline-block}.mg{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.4rem;display:grid}.mc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.15rem;transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.mc:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.mc:before{content:"";background:linear-gradient(90deg, var(--primary), var(--gold));border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.mclbl{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem;font-size:.64rem;font-weight:600}.mcval{font-family:var(--font-mono);color:var(--text);font-size:1.45rem;font-weight:500;line-height:1}.mcsub{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);margin-top:.38rem}.gain{color:var(--gain)}.loss{color:var(--loss)}.sg{grid-template-columns:1fr 1.4fr;gap:1.2rem;margin-bottom:1.2rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem}.ctitle{color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;font-size:1rem;font-weight:700}.arow{align-items:center;gap:.65rem;margin-bottom:.9rem;display:flex}.aicon{text-align:center;width:24px;font-size:.95rem}.ainfo{flex:1}.aname{color:var(--text);font-size:.78rem;font-weight:500}.abg{background:var(--bg-muted);border-radius:2px;height:4px;margin-top:5px}.afill{border-radius:2px;height:100%;transition:width .8s}.argt{text-align:right;min-width:80px}.aval{font-size:.78rem;font-family:var(--font-mono);color:var(--text)}.apct{color:var(--text-dim);font-size:.66rem}.msrow{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.75rem 0;display:flex}.msrow:last-child{border-bottom:none}.av{background:var(--primary-dim);width:34px;height:34px;color:var(--primary);border:1px solid #0d948840;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.tbar{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.fchip{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:.72rem;font-weight:600;font-family:var(--font-ui);border-radius:20px;padding:.3rem .75rem;transition:all .18s}.fchip.act{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.gbbg{background:var(--bg-muted);border-radius:3px;height:5px;overflow:hidden}.gbfill{background:var(--primary);border-radius:3px;height:100%;transition:width .8s}.empty{text-align:center;color:var(--text-muted);padding:2.5rem;font-size:.95rem;font-weight:500}.ht{border-collapse:collapse;width:100%}.ht th{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:2px solid var(--border);padding:0 .65rem .65rem;font-size:.62rem;font-weight:700}.ht th.r{text-align:right}.ht td{border-bottom:1px solid var(--border);color:var(--text);padding:.78rem .65rem;font-size:.8rem}.ht tr:hover td{background:var(--bg-muted)}.ht tr:last-child td{border-bottom:none}.hn{color:var(--text);font-weight:600}.hm{color:var(--text-muted);margin-top:2px;font-size:.67rem}.tbadge2{letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:.18rem .52rem;font-size:.62rem;font-weight:600}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.r{text-align:right}.ovl{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#134e4a40;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mod{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:92vh;box-shadow:var(--shadow-lg);padding:1.9rem;overflow-y:auto}.modtitle{color:var(--text);letter-spacing:-.01em;margin-bottom:1.2rem;font-size:1.2rem;font-weight:700}.frow{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:.05rem;display:grid}.fg{flex-direction:column;gap:.32rem;margin-bottom:.85rem;display:flex}.flbl{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem;font-weight:700}.fi{background:var(--bg-muted);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font-size:.85rem;font-family:var(--font-ui);-webkit-appearance:none;outline:none;width:100%;padding:.55rem .8rem;transition:border-color .18s,background .18s}.fi:focus{border-color:var(--primary);background:var(--bg-card)}.fi::placeholder{color:var(--text-muted)}.fs{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235E7A72' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:1.9rem}.fs option{background:var(--bg-card);color:var(--text)}.ma{justify-content:flex-end;gap:.6rem;margin-top:1.25rem;display:flex}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:340px;box-shadow:var(--shadow-lg);padding:2rem 1.75rem}.google-btn{background:var(--bg-muted);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-family:var(--font-ui);justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:all .18s;display:inline-flex}.google-btn:hover{background:var(--bg-hover);border-color:var(--border-mid)}.google-btn:disabled{opacity:.45;cursor:not-allowed}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.bottom-nav,.bnav{background:var(--bg-card);border-top:1px solid var(--border);z-index:180;padding:.25rem 0 calc(.25rem + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0d4e4a14}.bnav-item,.bnav-btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:52px;font-family:var(--font-ui);background:0 0;border:none;flex-direction:column;align-items:center;gap:.18rem;padding:.35rem .5rem;transition:all .18s;display:flex}.bnav-item .bnav-icon,.bnav-btn .bnav-icon{color:var(--text-muted);justify-content:center;align-items:center;transition:color .18s;display:flex}.bnav-item .bnav-label,.bnav-btn .bnav-label{letter-spacing:.03em;color:var(--text-muted);font-size:.6rem;font-weight:600;transition:color .18s}.bnav-item.act .bnav-icon,.bnav-btn.active .bnav-icon,.bnav-item.act .bnav-label,.bnav-btn.active .bnav-label{color:var(--primary)}.bnav-item.act,.bnav-btn.active{background:var(--primary-dim)}.bnav-item.budget-tab .bnav-icon,.bnav-item.budget-tab .bnav-label{color:#a084ca8c}.bnav-item.budget-tab.act .bnav-icon,.bnav-item.budget-tab.act .bnav-label{color:var(--accent-2)}.bnav-item.budget-tab.act{background:var(--accent-2-dim)}.more-sheet{background:var(--bg-card);border:1px solid var(--border);padding:1.1rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));z-index:210;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0d4e4a1a}.more-sheet-handle{background:var(--border-mid);border-radius:2px;width:36px;height:4px;margin:0 auto 1rem}.more-sheet-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;display:grid}.more-sheet-item{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .2rem;transition:all .15s;display:flex}.more-sheet-item:active{background:var(--bg-hover)}.more-sheet-item .msi-icon{font-size:1.15rem}.more-sheet-item .msi-label{color:var(--text-dim);text-align:center;font-size:.6rem;font-weight:600}.more-sheet-item.act{background:var(--primary-dim);border-color:#0d94884d}.more-sheet-item.act .msi-icon,.more-sheet-item.act .msi-label{color:var(--primary)}.fab{bottom:calc(4.5rem + env(safe-area-inset-bottom));background:var(--primary);color:#fff;cursor:pointer;z-index:175;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;line-height:1;transition:box-shadow .2s,transform .2s;display:none;position:fixed;right:1.25rem;box-shadow:0 4px 16px #0d948859}.fab:active{transform:scale(.92);box-shadow:0 2px 8px #0d948833}.m-holdings-list{display:none}.m-hc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:.55rem;padding:.95rem;transition:background .15s,box-shadow .15s}.m-hc:active{background:var(--bg-muted)}.m-hc-top{justify-content:space-between;align-items:flex-start;margin-bottom:.55rem;display:flex}.m-hc-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.87rem;font-weight:600;line-height:1.3;overflow:hidden}.m-hc-ticker{color:var(--text-muted);font-size:.67rem;font-family:var(--font-mono);margin-top:.12rem}.m-hc-grid{grid-template-columns:1fr 1fr;gap:.4rem .8rem;display:grid}.m-hc-cell{flex-direction:column;gap:.08rem;display:flex}.m-hc-lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.57rem;font-weight:700}.m-hc-val{font-size:.78rem;font-family:var(--font-mono);color:var(--text)}.m-hc-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.35rem;margin-top:.65rem;padding-top:.55rem;display:flex}.m-hc-actions button{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);cursor:pointer;min-width:42px;min-height:42px;color:var(--text-dim);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.m-hc-actions button:active{background:var(--bg-hover)}.m-hc-totals{background:var(--primary-dim);border-radius:var(--radius-sm);border:1px solid #0d948833;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.55rem;padding:.85rem;display:grid}@media (width<=900px){.mg{grid-template-columns:repeat(2,1fr)}.sg{grid-template-columns:1fr}}@media (width<=600px){.bottom-nav,.bnav,.fab{display:flex}.tabs{display:none}.m-holdings-list{display:block}.ht-desktop{display:none}.main{padding:.8rem .75rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.hdr{height:50px;padding:0 .75rem}.logo{font-size:1.1rem}.hdr-right,.hdr-r{gap:.25rem}.hdr-right .btn-o,.hdr-r .btn-o{min-height:36px;padding:.28rem .55rem;font-size:.68rem}.mg{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.mc{border-radius:var(--radius-sm);padding:.9rem}.mclbl{font-size:.6rem}.mcval{font-size:1.3rem}.mcsub{font-size:.68rem}.card{border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;padding:.9rem .8rem;overflow-x:auto}.ctitle{margin-bottom:.75rem;font-size:.95rem}.mbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;margin-bottom:.85rem;padding:0 .75rem .3rem;overflow-x:auto}.mbar::-webkit-scrollbar{display:none}.mbar-btn{scroll-snap-align:start;align-items:center;min-height:38px;padding:.4rem .75rem;font-size:.73rem;display:inline-flex}.tbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.3rem;overflow-x:auto}.tbar::-webkit-scrollbar{display:none}.sg{grid-template-columns:1fr;gap:.75rem}.ovl{align-items:flex-end;padding:0}.mod{max-width:100%;max-height:88vh;padding:1.5rem 1rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.28s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modtitle{margin-bottom:.85rem;font-size:1.1rem}.frow{grid-template-columns:1fr}.ma{flex-direction:column-reverse;gap:.5rem}.btns,.btnc{text-align:center;justify-content:center;width:100%;min-height:48px;padding:.68rem;font-size:.85rem}.delbtn{min-width:42px;min-height:42px;font-size:.9rem}.btn-o,.btn-g,.btn-p,.btn-sm{min-height:42px;padding:.5rem .85rem}.fchip{scroll-snap-align:start;align-items:center;min-height:38px;padding:.4rem .75rem;font-size:.73rem;display:inline-flex}.mchip,.mbar-btn{min-height:38px}.fi{min-height:46px;padding:.65rem .85rem;font-size:.9rem}.fs{min-height:46px}.google-btn{min-height:50px;font-size:.93rem}.empty{padding:2rem .75rem;font-size:.9rem}.tab{padding:.52rem .75rem;font-size:.73rem}.ht th{padding:0 .45rem .5rem;font-size:.58rem}.ht td{padding:.68rem .45rem;font-size:.76rem}.tbar,.mbar{scroll-snap-type:x proximity}}@media (width<=400px){.mg{grid-template-columns:1fr;gap:.45rem}.mcval{font-size:1.38rem}.mclbl{font-size:.58rem}.m-hc-grid{gap:.3rem .6rem}.m-hc-name{font-size:.82rem}.hdr-right .btn-o:not(:first-child),.hdr-r .btn-o:not(:first-child){display:none}.login-card{max-width:100%;padding:2rem 1.2rem}}@media (height<=500px) and (orientation:landscape){.bottom-nav,.bnav{padding:.1rem 0}.bnav-item,.bnav-btn{padding:.2rem .5rem}.bnav-item .bnav-icon,.bnav-btn .bnav-icon{font-size:1rem}.bnav-item .bnav-label,.bnav-btn .bnav-label{display:none}.main{padding-bottom:3.5rem}.mod{max-height:85vh}}@media (width>=601px){.m-holdings-list{display:none}.ht-desktop{display:block}.bottom-nav,.bnav{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}