:root{--bg-main:#141418;--bg-card:#1a1a21d9;--bg-card-hover:#22222bf2;--border-color:#ffffff14;--border-focus:#6865ff80;--accent-primary:#6865ff;--accent-primary-hover:#5854f5;--accent-glow:#6865ff47;--color-green:#10b981;--color-green-bg:#10b98126;--color-red:#f43f5e;--color-red-bg:#f43f5e26;--color-amber:#f59e0b;--color-amber-bg:#f59e0b26;--color-purple:#8b5cf6;--color-purple-bg:#8b5cf62e;--text-main:#f5f5f7;--text-muted:#9e9ea9;--text-subtle:#70707c;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;vertical-align:middle;font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 22;direction:ltr;justify-content:center;align-items:center;font-family:Material Symbols Outlined;font-size:1.15rem;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1, "wght" 450, "GRAD" 0, "opsz" 22}.material-symbols-outlined.icon-xs{font-size:.85rem}.material-symbols-outlined.icon-sm{font-size:1rem}.material-symbols-outlined.icon-md{font-size:1.25rem}.material-symbols-outlined.icon-lg{font-size:1.6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#6865ff59 #16161dcc}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#16161dcc;border-radius:4px}::-webkit-scrollbar-thumb{background:#6865ff59;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6865ffa6}::-webkit-scrollbar-corner{background:#16161dcc}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;position:relative}body:before{display:none}.app-container{flex-direction:column;gap:1.25rem;max-width:1440px;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-gradient{color:#fff;font-weight:800}.symbol-link{color:#a5a3ff;border-radius:.35rem;align-items:center;gap:.25rem;padding:.1rem .3rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.symbol-link:hover{color:#c4b5fd;background:#6865ff26}.external-icon{opacity:.7;font-size:.75rem;transition:transform .15s}.symbol-link:hover .external-icon{opacity:1;transform:translate(1px,-1px)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:.85rem;box-shadow:0 10px 30px -10px #0009}.app-header-panel{border-top:2px solid var(--accent-primary);background:#181820;padding:1.25rem}.brand-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand-logo-badge{background:#6865ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex;box-shadow:0 4px 12px #6865ff59}.title-group h1{letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.65rem;font-weight:800;line-height:1.2;display:flex}.title-group p{color:var(--text-muted);margin-top:.2rem;font-size:.825rem}.metric-ribbon{border-top:1px solid #ffffff0f;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.metric-card{background:#181820b3;border:1px solid #ffffff12;border-radius:.65rem;padding:.75rem .9rem;transition:all .2s}.metric-card:hover{background:#20202ae6;border-color:#6865ff59}.metric-card .metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;display:flex}.metric-card .metric-value{color:#f8fafc;font-size:1.15rem;font-weight:700;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;overflow:hidden}.metric-card .metric-sub{color:var(--text-subtle);margin-top:.15rem;font-size:.7rem}.controls-grid{border-top:1px solid #ffffff0f;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.control-item{flex-direction:column;gap:.3rem;display:flex}.control-item label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.725rem;font-weight:700}.input-field,.select-field{color:var(--text-main);font-size:.85rem;font-family:var(--font-sans);box-sizing:border-box;background:#121218e6;border:1px solid #ffffff1a;border-radius:.55rem;width:100%;padding:.5rem .75rem;transition:all .15s}.input-field:focus,.select-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);background:#121218fa;outline:none}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#6865ff;box-shadow:0 4px 14px #6865ff66}.btn-primary:hover:not(:disabled){background:#5854f5;transform:translateY(-1px);box-shadow:0 6px 20px #6865ff8c}.btn-danger{color:#fb7185;background:#f43f5e29;border:1px solid #f43f5e59}.btn-danger:hover:not(:disabled){background:#f43f5e42;transform:translateY(-1px);box-shadow:0 4px 14px #f43f5e4d}.btn-secondary{color:#f5f5f7;background:#ffffff0f;border:1px solid #ffffff1f}.btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff38}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.progress-card{border-left:3px solid var(--accent-primary);background:#16161de6;padding:.85rem 1.15rem}.progress-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;font-size:.85rem;display:flex}.progress-bar-track{background:#ffffff0f;border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-bar-fill{background:#6865ff;border-radius:999px;height:100%;transition:width .25s}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.85rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px -10px #0009}.table-toolbar{background:#16161db3;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.filter-tabs{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.filter-tab-pill{cursor:pointer;color:#9e9ea9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .8rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-tab-pill:hover{color:#fff;background:#ffffff14;border-color:#ffffff29}.filter-tab-pill.active{color:#fff;background:#6865ff;border-color:#6865ff;box-shadow:0 3px 12px #6865ff66}.filter-tab-pill.active .badge-neutral{color:#fff;background:#00000040;border-color:#0000}.table-wrapper{scrollbar-width:thin;scrollbar-color:#6865ff59 #16161dcc;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%;max-height:640px;position:relative;overflow:auto}.table-wrapper::-webkit-scrollbar{width:7px;height:7px}.table-wrapper::-webkit-scrollbar-track{background:#16161dcc;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#6865ff59;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#6865ffa6}.table-wrapper::-webkit-scrollbar-corner{background:#16161dcc}.data-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#9e9ea9;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;white-space:nowrap;background:#191921;border-bottom:1px solid #ffffff14;padding:.65rem .75rem;font-size:.725rem;font-weight:700;transition:color .15s,background .15s;position:sticky;top:0}.data-table th:hover{color:var(--text-main);background:#22222c}.data-table td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff08;padding:.55rem .75rem;font-size:.825rem;overflow:hidden}.data-table td.col-action{text-overflow:clip;padding:.4rem .5rem;overflow:visible}.data-table tbody tr{content-visibility:auto;contain-intrinsic-size:0 54px;height:54px;transition:background-color .12s}.data-table tbody tr:nth-child(2n){background-color:#ffffff03}.data-table tbody tr:hover{background-color:#6865ff14!important}.pagination-bar{color:var(--text-muted);background:#17171f;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 1.15rem;font-size:.775rem;display:flex}.pagination-controls{align-items:center;gap:.3rem;display:flex}.page-btn{cursor:pointer;color:var(--text-main);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;min-width:28px;padding:.25rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.page-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.page-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 8px #6865ff66}.page-btn:disabled{opacity:.35;cursor:not-allowed}.badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.725rem;font-weight:600;display:inline-flex}.badge-green{color:#34d399;background:#10b9811f;border:1px solid #10b98147}.badge-red{color:#fb7185;background:#f43f5e1f;border:1px solid #f43f5e47}.badge-purple{color:#a5a3ff;background:#6865ff24;border:1px solid #6865ff4d}.badge-amber{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b47}.badge-neutral{color:#9e9ea9;background:#ffffff0d;border:1px solid #ffffff1a}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 1.5rem;display:flex}.empty-icon{opacity:.7;font-size:2.75rem}.empty-state h3{font-size:1.25rem;font-weight:700}.empty-state p{color:var(--text-muted);max-width:440px;font-size:.85rem}.modal-overlay{z-index:999;-webkit-backdrop-filter:none;background:#0a0a0ed9;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.modal-content{box-sizing:border-box;background:#16161d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;width:100%;max-width:1020px;max-height:92vh;animation:.15s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000e6}.modal-header{background:#1a1a23;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;transition:all .15s;display:inline-flex}.modal-close-btn:hover{color:#fb7185;background:#f43f5e33;border-color:#f43f5e66}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box;flex-direction:column;gap:1.15rem;width:100%;padding:1.25rem;display:flex;overflow:hidden auto}.modal-body>*{box-sizing:border-box;flex-shrink:0;width:100%;min-height:min-content}.modal-body::-webkit-scrollbar{width:7px}.modal-body::-webkit-scrollbar-track{background:#16161dcc;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#6865ff59;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#6865ffa6}.stats-row{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;width:100%;display:grid}.stat-box{box-sizing:border-box;background:#1a1a23b3;border:1px solid #ffffff14;border-radius:.65rem;padding:.75rem .9rem}.stat-box .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.725rem;font-weight:600}.stat-box .stat-value{white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:1.05rem;font-weight:700;overflow:hidden}.orderbook-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.85rem;width:100%;display:grid}@media (width<=820px){.orderbook-grid{grid-template-columns:1fr}}.orderbook-card{box-sizing:border-box;background:#14141bbf;border:1px solid #ffffff14;border-radius:.65rem;flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.orderbook-card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.75rem;font-weight:700;display:flex}.orderbook-card-header.asks-header{color:#f87171;background:#ef44441f;border-left:3px solid #ef4444}.orderbook-card-header.bids-header{color:#34d399;background:#10b9811f;border-left:3px solid #10b981}.orderbook-compact-table{table-layout:fixed;border-collapse:collapse;box-sizing:border-box;width:100%;font-size:.8rem}.orderbook-compact-table th{color:#9e9ea9;text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#1a1a23e6;border-bottom:1px solid #ffffff14;padding:.4rem .55rem;font-size:.7rem;font-weight:700}.orderbook-compact-table td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff08;padding:.35rem .55rem;font-size:.8rem;position:relative;overflow:hidden}.orderbook-compact-table tbody tr{transition:background-color .1s}.orderbook-compact-table tbody tr:hover{filter:brightness(1.15)}.ob-gap-badge{border-radius:4px;align-items:center;gap:.2rem;padding:.1rem .35rem;font-size:.675rem;font-weight:700;line-height:1.2;display:inline-flex}.ob-gap-anomalous{color:#fca5a5;background:#ef444440;border:1px solid #ef444473}.ob-gap-normal{color:#64748b;font-size:.725rem;font-weight:500}.modal-trades-table{table-layout:fixed;border-collapse:collapse;box-sizing:border-box;width:100%;font-size:.8rem}.modal-trades-table th{color:#9e9ea9;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#1a1a23f2;border-bottom:1px solid #ffffff14;padding:.5rem .7rem;font-size:.725rem;font-weight:700}.modal-trades-table td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ffffff0a;padding:.4rem .7rem;font-size:.8rem;overflow:hidden}.modal-trades-table tbody tr:hover{background-color:#ffffff0a}.tr-matched{border-left:3px solid #6865ff;background:#6865ff1a!important}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-nav-tabs{box-sizing:border-box;background:#14141bf2;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem;display:inline-flex}.main-nav-tab{cursor:pointer;color:#9e9ea9;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem 1.15rem;font-size:.825rem;font-weight:700;transition:all .15s;display:inline-flex}.main-nav-tab:hover{color:#fff;background:#ffffff0f}.main-nav-tab.active{color:#fff;background:#6865ff;box-shadow:0 3px 12px #6865ff66}.main-nav-tab .tab-badge{color:#fff;background:#ffffff26;border-radius:9999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.main-nav-tab.active .tab-badge{color:#fff;background:#0000004d}.table-checkbox{appearance:none;cursor:pointer;vertical-align:middle;background:#ffffff0a;border:1.5px solid #ffffff40;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;margin:0;transition:all .15s;display:inline-flex;position:relative}.table-checkbox:hover{background:#6865ff1a;border-color:#6865ff}.table-checkbox:checked,.table-checkbox:indeterminate{background:#6865ff;border-color:#6865ff}.table-checkbox:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:900;line-height:1}.table-checkbox:indeterminate:after{content:"−";color:#fff;font-size:13px;font-weight:900;line-height:1}.data-table tbody tr.row-selected{background-color:#6865ff14!important}.selection-floating-bar{z-index:100;box-sizing:border-box;background:#181822;border:1px solid #6865ff66;border-radius:9999px;align-items:center;gap:1rem;padding:.6rem 1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) slideUpFade;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -5px #000000e6,0 0 16px #6865ff40}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}