*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#0a0b0f;--surface:#111318;--surface2:#181a20;--border:#ffffff0f;--text:#e6edf3;--text2:#8b949e;--text3:#6e7681;--blue:#3b82f6;--blue-bg:#3b82f61f;--green:#22c55e;--green-bg:#22c55e1f;--red:#ef4444;--red-bg:#ef44441f;--purple:#8b5cf6;--purple-bg:#8b5cf61f;--amber:#f59e0b;--amber-bg:#f59e0b1f}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}.app-body{flex-direction:column;height:100%;display:flex;overflow:hidden}.header{background:var(--bg);flex-shrink:0;padding:12px 16px 0}.header-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.header-title{color:var(--text);font-size:20px;font-weight:700}.header-badge{background:var(--blue-bg);color:var(--blue);border-radius:10px;padding:3px 10px;font-size:11px;font-weight:500}.tabs{-webkit-overflow-scrolling:touch;gap:2px;padding-bottom:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--blue);background:var(--surface)}.content{-webkit-overflow-scrolling:touch;background:var(--surface);border-radius:12px 12px 0 0;flex:1;margin:0 4px;padding-bottom:20px;overflow-y:auto}.section{display:none}.section.active{display:block}.card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin:12px 12px 0;padding:16px}.card-blue{background:linear-gradient(135deg,#3b82f60f,#8b5cf60a);border-color:#3b82f626}.card-green{background:linear-gradient(135deg,#22c55e0f,#3b82f60a);border-color:#22c55e26}.card-red{background:linear-gradient(135deg,#ef44440f,#8b5cf60a);border-color:#ef444426}.section-title{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.section-sub{color:var(--text2);margin-bottom:12px;font-size:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.total-value{margin:4px 0;font-size:36px;font-weight:800;line-height:1.1}.total-change{font-size:13px;font-weight:600}.total-change.up{color:var(--green)}.total-change.down{color:var(--red)}.total-meta{color:var(--text2);gap:12px;margin-top:6px;font-size:12px;display:flex}.total-meta span+span:before{content:"·";color:var(--text3);margin-right:12px}.progress-bar{background:#ffffff0f;border-radius:2px;height:4px;margin-top:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--blue), var(--purple));border-radius:2px;height:100%}.stat-grid{gap:8px;display:grid}.stat-grid-2{grid-template-columns:repeat(2,1fr)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px}.stat-value{font-size:18px;font-weight:700;line-height:1.2}.stat-label{color:var(--text3);margin-top:3px;font-size:10px}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action-btn{text-align:center;cursor:pointer;border:1px solid var(--border);background:var(--surface2);border-radius:10px;padding:14px 8px;transition:all .15s}.action-btn:hover{background:#ffffff0a}.action-icon{margin-bottom:4px;font-size:22px}.action-label{color:var(--text2);font-size:11px;font-weight:500}.list-item{cursor:pointer;background:var(--surface2);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:background .15s;display:flex}.list-item:hover{background:#ffffff08}.list-item:last-child{margin-bottom:0}.item-left{align-items:center;gap:10px;display:flex}.item-logo{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.item-name{font-size:14px;font-weight:500}.item-detail{color:var(--text3);margin-top:2px;font-size:11px}.item-right{text-align:right}.item-value{font-size:15px;font-weight:600}.item-sub{color:var(--text3);margin-top:2px;font-size:11px}.tag{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.tag-blue{background:var(--blue-bg);color:var(--blue)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.tag-red{background:var(--red-bg);color:var(--red)}.tag-amber{background:var(--amber-bg);color:var(--amber)}.search-box{margin:0 0 12px;position:relative}.search-input{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:10px;outline:none;padding:10px 12px 10px 36px;font-size:14px}.search-input:focus{border-color:#3b82f666}.search-input::placeholder{color:var(--text3)}.search-icon{color:var(--text3);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-row{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:12px;display:flex;overflow-x:auto}.filter-chip{cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text2);border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.filter-chip.active{background:var(--blue-bg);color:var(--blue);border-color:#3b82f64d}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{opacity:.85}.btn-secondary{border:1px solid var(--border);background:var(--surface2);color:var(--text2)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #ef444433}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%;padding:14px;font-size:14px}.empty{text-align:center;color:var(--text3);padding:48px 20px}.empty-icon{opacity:.3;margin-bottom:12px;font-size:40px}.empty-text{margin-bottom:8px;font-size:14px}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface2);border:1px solid var(--border);border-radius:16px;width:88%;max-width:360px;max-height:85vh;padding:20px;overflow-y:auto}.modal-title{margin-bottom:16px;font-size:16px;font-weight:600}.modal-close{color:var(--text3);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:16px}.form-group{margin-bottom:14px}.form-label{color:var(--text2);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.form-input:focus{border-color:#3b82f666}select.form-input{appearance:auto}.form-row{gap:8px;display:flex}.timeline{position:relative}.timeline-date{color:var(--text2);margin:16px 0 10px;font-size:13px;font-weight:600}.timeline-event{gap:10px;margin-bottom:10px;padding-left:22px;display:flex;position:relative}.timeline-dot{border:2px solid var(--border);border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:0}.timeline-dot.income{border-color:var(--green);background:var(--green)}.timeline-dot.expense{border-color:var(--red);background:var(--red)}.timeline-dot.transfer{border-color:var(--blue);background:var(--blue)}.timeline-body{background:var(--surface2);border:1px solid var(--border);border-radius:10px;flex:1;padding:10px 12px}.timeline-header{justify-content:space-between;align-items:flex-start;display:flex}.timeline-type{font-size:11px;font-weight:500}.timeline-time{color:var(--text3);font-size:10px}.timeline-amount{margin-top:4px;font-size:15px;font-weight:700}.timeline-note{color:var(--text2);margin-top:4px;font-size:11px}.bar-list{flex-direction:column;gap:10px;display:flex}.bar-row-header{justify-content:space-between;margin-bottom:4px;display:flex}.bar-row-name{color:var(--text2);align-items:center;gap:6px;font-size:12px;display:flex}.bar-row-val{font-size:12px;font-weight:600}.bar-track{background:#ffffff0a;border-radius:4px;height:16px;position:relative;overflow:hidden}.bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .3s}.bar-pct{color:#ffffffb3;font-size:9px;font-weight:500;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.kline-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:2px;overflow:hidden}.setting-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.setting-card.danger{border-color:#ef444433}.setting-card-title{margin-bottom:6px;font-size:15px;font-weight:600}.setting-card-desc{color:var(--text3);margin-bottom:12px;font-size:12px;line-height:1.5}.setting-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--text2);font-size:13px}.setting-val{font-size:13px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid #3b82f633;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;margin:0 auto 12px;animation:.7s linear infinite spin}.toast{z-index:300;white-space:nowrap;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:500;animation:.2s fadeIn;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.detail-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text2);font-size:12px}.detail-value{font-size:13px;font-weight:500}.px{padding-left:12px;padding-right:12px}.pt{padding-top:12px}.pb{padding-bottom:60px}.my{margin-top:8px;margin-bottom:8px}@media (max-width:360px){.stat-grid-3,.action-grid{grid-template-columns:repeat(2,1fr)}}