:root{--bg: var(--tg-bg, #F5F6FA);--surface: var(--tg-surface, #FFFFFF);--surface-2: #F3F4F6;--surface-3: #E9EBF0;--text-1: var(--tg-text, #111827);--text-2: #6B7280;--text-3: #9CA3AF;--border: #E5E7EB;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--primary: var(--tg-button, #2563EB);--primary-text: var(--tg-button-text, #FFFFFF);--primary-light: #EFF6FF;--pos: #10B981;--pos-light: #ECFDF5;--neg: #EF4444;--neg-light: #FEF2F2;--warn: #F59E0B;--warn-light:#FFFBEB;--tier-0: #3B82F6;--tier-1: #10B981;--tier-2: #F59E0B;--tier-3: #EF4444;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--topbar-h: 56px;--bottomnav-h: 68px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-1);min-height:100dvh}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.screen-content{padding-top:var(--topbar-h);padding-bottom:var(--bottomnav-h);min-height:100dvh}.screen-content.no-topbar{padding-top:0}.label-xs{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.label-sm{font-size:12px;color:var(--text-2)}.label-md{font-size:13px;color:var(--text-2)}.text-pos{color:var(--pos)}.text-neg{color:var(--neg)}.text-warn{color:var(--warn)}.text-muted{color:var(--text-2)}.fw-600{font-weight:600}.fw-700{font-weight:700}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--sp-4);margin-bottom:var(--sp-3)}.card-title{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--sp-3)}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--sp-4);gap:var(--sp-3);z-index:100}.topbar-btn{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-1);flex-shrink:0}.topbar-btn:hover{background:var(--surface-2)}.topbar-title{flex:1;font-size:17px;font-weight:600;text-align:center;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title.left{text-align:left}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--bottomnav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.bottomnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;padding:var(--sp-2) 0;color:var(--text-3);font-size:10px;font-weight:500;transition:color .15s}.bottomnav-item.active{color:var(--primary)}.bottomnav-item svg{flex-shrink:0}.avatar{border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:15px}.avatar-lg{width:56px;height:56px;font-size:20px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:11px;font-weight:600;white-space:nowrap}.progress-track{height:8px;background:var(--surface-2);border-radius:var(--r-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--r-full);transition:width .4s ease}.fab{position:fixed;bottom:calc(var(--bottomnav-h) + var(--sp-4));right:var(--sp-4);width:52px;height:52px;border-radius:var(--r-full);background:var(--primary);color:var(--primary-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);font-size:24px;font-weight:300;z-index:50;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.93);box-shadow:var(--shadow)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;animation:fadeIn .2s ease}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:201;padding-bottom:env(safe-area-inset-bottom,var(--sp-4));animation:slideUp .25s ease;max-height:90dvh;overflow-y:auto}.sheet-handle{width:36px;height:4px;background:var(--surface-3);border-radius:var(--r-full);margin:var(--sp-3) auto var(--sp-1)}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-4) var(--sp-4)}.sheet-title{font-size:17px;font-weight:600}.sheet-close{width:28px;height:28px;border-radius:var(--r-full);background:var(--surface-2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:14px}.sheet-body{padding:0 var(--sp-4) var(--sp-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.filter-tabs{display:flex;gap:var(--sp-2);overflow-x:auto;padding:var(--sp-3) var(--sp-4);scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;padding:6px 14px;border-radius:var(--r-full);font-size:13px;font-weight:500;white-space:nowrap;border:none;cursor:pointer;background:var(--surface-2);color:var(--text-2);transition:background .15s,color .15s;flex-shrink:0}.filter-tab.active{background:var(--primary);color:#fff}.searchbar{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-2);border-radius:var(--r-full);padding:9px var(--sp-4);margin:0 var(--sp-4) var(--sp-1)}.searchbar svg{flex-shrink:0;color:var(--text-3)}.searchbar input{flex:1;background:none;border:none;outline:none;font:inherit;font-size:14px;color:var(--text-1)}.searchbar input::placeholder{color:var(--text-3)}.field-label{font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:var(--sp-1)}.field-input{width:100%;background:var(--surface-2);border:1.5px solid transparent;border-radius:var(--r-md);padding:11px var(--sp-3);font:inherit;font-size:15px;color:var(--text-1);outline:none;transition:border-color .15s}.field-input:focus{border-color:var(--primary)}.field-row{display:flex;align-items:center;background:var(--surface-2);border:1.5px solid transparent;border-radius:var(--r-md);overflow:hidden;transition:border-color .15s}.field-row:focus-within{border-color:var(--primary)}.field-row input{flex:1;background:none;border:none;outline:none;padding:11px var(--sp-3);font:inherit;font-size:15px;color:var(--text-1)}.field-unit{padding:0 var(--sp-3);font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap}.field-group{margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:13px var(--sp-4);border-radius:var(--r-md);font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-text);width:100%}.btn-secondary{background:var(--surface-2);color:var(--text-1)}.btn-danger{background:var(--neg-light);color:var(--neg)}.btn-ghost{background:none;color:var(--primary);padding:8px var(--sp-3)}.toggle-group{display:flex;background:var(--surface-2);border-radius:var(--r-md);padding:3px;gap:2px}.toggle-btn{flex:1;padding:8px;border-radius:var(--r-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;background:none;color:var(--text-2);transition:all .15s}.toggle-btn.active-buy{background:var(--pos);color:#fff}.toggle-btn.active-sell{background:var(--neg);color:#fff}.list-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);cursor:pointer}.list-row:last-child{border-bottom:none}.settings-row{display:flex;align-items:center;padding:14px var(--sp-4);gap:var(--sp-3);cursor:pointer;border-bottom:1px solid var(--border);background:var(--surface)}.settings-row:last-child{border-bottom:none}.settings-row-icon{color:var(--text-2);flex-shrink:0}.settings-row-label{flex:1;font-size:15px;color:var(--text-1)}.settings-row-value{font-size:14px;color:var(--text-2)}.settings-row-chevron{color:var(--text-3)}.settings-section{margin-bottom:var(--sp-5)}.settings-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);padding:0 var(--sp-4) var(--sp-2)}.settings-section-body{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}.divider{height:1px;background:var(--border);margin:var(--sp-3) 0}.loading{display:flex;align-items:center;justify-content:center;padding:60px 0;color:var(--text-2);font-size:14px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--sp-4);gap:var(--sp-3);color:var(--text-2);text-align:center}.empty-icon{font-size:40px;opacity:.5}.empty-text{font-size:14px}.stat-pair{display:flex;gap:var(--sp-4)}.stat-item{flex:1}.stat-label{font-size:12px;color:var(--text-2);margin-bottom:2px}.stat-value{font-size:16px;font-weight:700}.px{padding-left:var(--sp-4);padding-right:var(--sp-4)}.py{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.p{padding:var(--sp-4)}