.topbar[data-v-461c66ec]{height:var(--topbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;display:flex}.logo[data-v-461c66ec]{color:var(--accent);letter-spacing:2px;white-space:nowrap;margin-right:4px;font-size:12px;font-weight:700}.topbar-nav[data-v-461c66ec]{background:var(--border);border-radius:3px;align-items:center;gap:1px;display:flex;overflow:hidden}.nav-pill[data-v-461c66ec]{background:var(--bg-primary);color:var(--text-muted);letter-spacing:.5px;cursor:pointer;white-space:nowrap;padding:3px 8px;font-size:9px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav-pill[data-v-461c66ec]:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.nav-pill.active[data-v-461c66ec]{background:var(--accent);color:#fff;text-decoration:none}.spacer[data-v-461c66ec]{flex:1}.tb-sep[data-v-461c66ec]{background:var(--border);width:1px;height:16px;margin:0 2px}.tb-stat[data-v-461c66ec]{align-items:center;gap:4px;display:flex}.tb-label[data-v-461c66ec]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:600}.tb-value[data-v-461c66ec]{color:var(--text-secondary);font-size:10px;font-weight:600}.sync-badge[data-v-461c66ec]{letter-spacing:.3px;cursor:default;align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.sync-ok[data-v-461c66ec]{color:var(--green)}.sync-ok .dot[data-v-461c66ec]{animation:2s infinite pulse}.sync-lagging[data-v-461c66ec]{color:var(--yellow)}.sync-behind[data-v-461c66ec]{color:var(--red)}.sync-behind .dot[data-v-461c66ec]{animation:1s infinite pulse}.sync-unknown[data-v-461c66ec]{color:var(--text-muted)}.status-wrapper[data-v-461c66ec]{position:relative}.status-wrapper:hover .status-popup[data-v-461c66ec]{display:block}.status-compact[data-v-461c66ec]{letter-spacing:.3px;cursor:default;border:1px solid var(--border);background:#ffffff08;border-radius:3px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:600;display:flex}.status-compact.connected[data-v-461c66ec]{color:var(--green)}.status-compact.disconnected[data-v-461c66ec]{color:var(--red)}.status-popup[data-v-461c66ec]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:500;min-width:160px;padding:10px 14px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.status-popup-row[data-v-461c66ec]{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.status-popup-label[data-v-461c66ec]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.status-popup-value[data-v-461c66ec]{color:var(--text-primary);font-size:10px;font-weight:600}.dot[data-v-461c66ec]{background:currentColor;border-radius:50%;width:5px;height:5px}.burger-btn[data-v-461c66ec]{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:4px;font-size:16px;display:none}@media (width<=900px){.desktop-only[data-v-461c66ec],.tb-sep-desktop[data-v-461c66ec],.desktop-nav[data-v-461c66ec]{display:none!important}.burger-btn[data-v-461c66ec]{display:block}}.mobile-menu-overlay[data-v-461c66ec]{-webkit-backdrop-filter:blur(16px);z-index:2000;background:#0d1117f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mobile-menu-container[data-v-461c66ec]{flex-direction:column;gap:24px;width:100%;max-width:360px;padding:0 24px;display:flex}.mobile-menu-header[data-v-461c66ec]{justify-content:space-between;align-items:center;display:flex}.mobile-close[data-v-461c66ec]{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.mobile-menu-nav[data-v-461c66ec]{flex-direction:column;gap:6px;display:flex}.mobile-pill[data-v-461c66ec]{color:var(--text-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border);padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s}.mobile-pill[data-v-461c66ec]:hover{color:var(--text-primary);border-color:var(--accent)}.mobile-pill.active[data-v-461c66ec]{background:var(--accent);color:#fff;border-color:var(--accent)}.mobile-divider[data-v-461c66ec]{background:var(--border);height:1px;margin:8px 0}.mobile-menu-footer[data-v-461c66ec]{flex-direction:column;gap:12px;padding-top:8px;display:flex}.mobile-status[data-v-461c66ec]{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.mobile-socials[data-v-461c66ec]{gap:16px;display:flex}.mobile-socials a[data-v-461c66ec]{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.menu-fade-enter-active[data-v-461c66ec]{transition:opacity .2s}.menu-fade-leave-active[data-v-461c66ec]{transition:opacity .15s}.menu-fade-enter-from[data-v-461c66ec],.menu-fade-leave-to[data-v-461c66ec]{opacity:0}.app-layout{width:100%;height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-widget:#0d1117;--bg-widget-header:#161b22;--bg-hover:#58a6ff0f;--bg-active:#58a6ff1a;--bg-input:#0d1117;--border:#21262d;--border-subtle:#21262d99;--border-strong:#30363d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--text-muted:#525c6c;--text-faint:#3a424d;--green:#2ea043;--green-dim:#2ea0431f;--green-muted:#2ea04340;--red:#f85149;--red-dim:#f851491f;--red-muted:#f8514940;--accent:#58a6ff;--accent2:#79c0ff;--blue:#58a6ff;--blue-dim:#58a6ff14;--yellow:#d29922;--orange:#f0883e;--cyan:#39d2c0;--purple:#bc8cff;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--font-sans:"SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--radius-sm:3px;--radius:4px;--radius-lg:6px;--radius-xl:8px;--topbar-height:36px;--transition-fast:.15s ease;--transition:.2s ease;font-family:var(--font-mono);font-size:13px}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow:hidden}a:not(.cta-btn){color:var(--accent);text-decoration:none}a:not(.cta-btn):hover{text-decoration:underline}input,select,button,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#21262d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#30363d}.mono{font-family:var(--font-mono)}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-blue{color:var(--accent)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-primary);height:24px;color:var(--text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.6;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--text-primary)}.btn-sm{height:22px;padding:0 6px;font-size:10px}.btn-xs{border-radius:var(--radius-sm);height:20px;padding:0 6px;font-size:9px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#4090e0}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover)}.btn-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);height:22px;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:2px 7px;font-size:10px}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.input-sm{height:20px;padding:1px 6px;font-size:10px}.input-xs{height:18px;padding:1px 5px;font-size:9px}.select{appearance:none;background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23525c6c'/%3E%3C/svg%3E") no-repeat right 6px center;border:1px solid var(--border);border-radius:var(--radius-sm);height:22px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:0 20px 0 7px;font-size:10px;font-weight:600}.select:focus,.select:hover{border-color:var(--accent)}.select-sm{height:20px;padding:0 18px 0 5px;font-size:9px}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:1px 5px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.badge-long{color:var(--green);background:#2ea04326}.badge-short{color:var(--red);background:#f8514926}.badge-perp{color:var(--accent);background:#58a6ff1a}.badge-spot{color:var(--purple);background:#bc8cff1a}.badge-mm{color:var(--yellow);background:#d299221f;font-size:8px}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:600px;font-family:inherit;font-size:10px}.data-table th{z-index:10;background:var(--bg-secondary);text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--transition-fast);padding:4px 5px;font-size:9px;font-weight:600;position:sticky;top:0}.data-table th:first-child{text-align:left;padding-left:8px}.data-table th:hover,.data-table th.sorted{color:var(--accent)}.data-table th .sort-arrow{margin-left:2px;font-size:8px}.data-table td{text-align:center;font-family:var(--font-mono);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-variant-numeric:tabular-nums;transition:background var(--transition-fast);padding:2px 4px;font-size:10px;font-weight:500}.data-table td:first-child{text-align:left;padding-left:8px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)!important}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:6px 8px}.stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:8px;font-weight:600}.stat-card .value{font-size:16px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-card .value.sm{font-size:13px}.page-container{height:calc(100vh - var(--topbar-height));flex-direction:column;flex:1;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;display:flex}.page-header h1{color:var(--text-primary);font-size:12px;font-weight:700}.page-body{flex:1;padding:6px;overflow-y:auto}.page-body-no-pad{flex:1;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:5px 14px;display:flex}.toolbar .separator{background:var(--border);width:1px;height:16px;margin:0 2px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin-bottom:6px;display:grid}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active{animation:.2s fadeIn}.fade-leave-active{animation:.15s reverse fadeIn}