:root{--bg: #0d1117;--bg2: #161b22;--bg3: #1c2128;--border: #21262d;--green: #00d4aa;--green-bg: rgba(0,212,170,.1);--red: #ff4757;--red-bg: rgba(255,71,87,.1);--blue: #58a6ff;--purple: #bc8cff;--orange: #f0883e;--text: #e6edf3;--text2: #8b949e;--text3: #484f58;--tab-h: 50px;--header-h: 48px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#161b22;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}#root{height:100%;overflow:hidden}a{color:inherit;text-decoration:none}button{border:none;background:none;color:inherit;cursor:pointer;font:inherit}input,select{font:inherit;color:inherit;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.app-shell{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-top);background:var(--bg)}.app-header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:80px}.app-tabbar{position:fixed;bottom:0;left:0;right:0;background:#161b22;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:6px 0 34px;z-index:100}@media screen and (max-height:811px){.app-tabbar{padding-bottom:8px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-tabbar{padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}}.tab-item{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 0;flex:1;color:var(--text3);transition:color .15s;position:relative}.tab-item.active{color:var(--green)}.tab-item svg{width:20px;height:20px}.tab-item span{font-size:9px;font-weight:500}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;margin:0 12px 10px;box-shadow:0 2px 8px #0003;animation:fadeIn .3s ease-out}.card-compact{padding:10px;margin:0 12px 8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.metric-label{font-size:12px;color:var(--text2);margin-bottom:2px}.metric-value{font-size:16px;font-weight:600}.metric-big{font-size:28px;font-weight:700;letter-spacing:-.5px}.metric-change{font-size:13px;font-weight:500}.green{color:var(--green)}.red{color:var(--red)}.blue{color:var(--blue)}.purple{color:var(--purple)}.muted{color:var(--text2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sub-tabs{display:flex;gap:0;padding:12px 16px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sub-tab{padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--text2);background:transparent;transition:all .15s}.sub-tab.active{background:var(--blue);color:#fff}.section-title{font-size:18px;font-weight:700;padding:16px 16px 8px}.pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.pill-green{background:var(--green-bg);color:var(--green)}.pill-red{background:var(--red-bg);color:var(--red)}.pill-blue{background:#58a6ff1f;color:var(--blue)}.pill-purple{background:#bc8cff1f;color:var(--purple)}.divider{height:1px;background:var(--border);margin:0 16px}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--border) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.row-gap{gap:8px}.offline-banner{background:var(--orange);color:#000;text-align:center;padding:4px;font-size:12px;font-weight:600}.app-content::-webkit-scrollbar{display:none}.ptr-indicator{text-align:center;padding:12px;color:var(--text2);font-size:12px}.page{padding:4px 0 12px}.holding-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.holding-logo{width:40px;height:40px;border-radius:10px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text2);overflow:hidden;flex-shrink:0}.holding-logo img{width:100%;height:100%;object-fit:cover}.holding-info{flex:1;min-width:0}.holding-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holding-ticker{font-size:12px;color:var(--text2)}.holding-values{text-align:right;flex-shrink:0}.holding-price{font-size:14px;font-weight:600}.holding-change{font-size:12px;font-weight:500}.search-bar{margin:8px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);width:calc(100% - 32px);font-size:14px}.search-bar::placeholder{color:var(--text3)}.bar-chart{display:flex;align-items:flex-end;gap:4px;padding:0 16px;height:140px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-label{font-size:9px;color:var(--text3)}.bar-value{font-size:9px;color:var(--text2);font-weight:500}.bar-fill{width:100%;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s}.donut-container{display:flex;justify-content:center;padding:16px}.year-selector{display:flex;gap:0;padding:8px 16px;overflow-x:auto}.year-pill{padding:8px 18px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;color:var(--text2)}.year-pill.active{background:var(--blue);color:#fff}.div-entry{padding:12px 16px;border-bottom:1px solid var(--border)}.div-date{font-size:13px;font-weight:600;color:var(--text2);padding:10px 16px 4px}.profile-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}