*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-root: #070b0f;--bg0: #0d1117;--bg1: #161b22;--border: #21262d;--text: #e6edf3;--muted: #6e7681;--bid: #3fb950;--ask: #f85149;--accent: #58a6ff;--warn: #d29922;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:12px;color:var(--text);background:var(--bg-root)}body{min-height:100vh;background:var(--bg-root)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:#040608}::-webkit-scrollbar-thumb{background:#1c2128;border-radius:0}.num{font-variant-numeric:tabular-nums}@keyframes flash-green{0%{background-color:#3fb95026}to{background-color:transparent}}@keyframes flash-red{0%{background-color:#f8514926}to{background-color:transparent}}.flash-green{animation:flash-green .4s ease-out}.flash-red{animation:flash-red .4s ease-out}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-root)}.app-header{flex-shrink:0;background:var(--bg0);border-bottom:1px solid var(--border)}.app-header-row1{display:flex;align-items:center;gap:0;padding:0;height:34px;border-bottom:1px solid var(--border)}.hdr-cell{display:flex;align-items:center;padding:0 14px;height:100%;border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0}.hdr-cell--fill{flex:1;justify-content:flex-end}.app-title{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.status-indicator{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.1em;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot--on{background:var(--bid);box-shadow:0 0 4px var(--bid)}.status-dot--off{background:var(--ask)}.status-text--on{color:var(--bid)}.status-text--off{color:var(--muted)}.hdr-label{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-right:5px}.hdr-value{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.hdr-value--bid{color:var(--bid)}.hdr-value--ask{color:var(--ask)}.hdr-value--last{color:var(--text)}.hdr-change{font-size:10px;font-variant-numeric:tabular-nums;margin-left:4px}.hdr-change--up{color:var(--bid)}.hdr-change--down{color:var(--ask)}.hdr-change--flat{color:var(--muted)}.stats-bar{display:flex;align-items:center;height:28px;padding:0;overflow:hidden}.stats-item{display:flex;align-items:center;gap:5px;padding:0 14px;border-right:1px solid var(--border);height:100%;white-space:nowrap;flex-shrink:0}.stats-label{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.stats-value{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text)}.stats-value--bid{color:var(--bid)}.stats-value--ask{color:var(--ask)}.stats-value--warn{color:var(--warn)}.imbalance-wrap{display:flex;align-items:center;gap:6px}.imbalance-track{width:64px;height:6px;background:var(--bg1);border:1px solid var(--border);position:relative;overflow:hidden}.imbalance-fill{height:100%;background:linear-gradient(90deg,var(--ask),var(--bid));transition:width .15s ease}.imbalance-center{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--border)}.reject-banner{margin-left:auto;padding:0 14px;font-size:10px;color:var(--warn);letter-spacing:.04em;border-left:1px solid var(--border);height:100%;display:flex;align-items:center}.app-grid{display:grid;grid-template-columns:300px 1fr 280px;gap:0;flex:1;overflow:hidden;border-top:0}.col-left,.col-center{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.col-right{display:flex;flex-direction:column;overflow:hidden}.panel{background:var(--bg0);border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.panel-title-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 5px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-title{font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.panel-subtitle{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:0;text-transform:none}.ob-panel{flex:1;min-height:0}.ob-col-header{display:grid;grid-template-columns:70px 1fr 72px 1fr 70px;align-items:center;padding:4px 10px;font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);flex-shrink:0}.ob-col-header span:nth-child(1){text-align:right}.ob-col-header span:nth-child(3){text-align:center}.ob-col-header span:nth-child(5){text-align:left}.ob-body{flex:1;overflow-y:auto;overflow-x:hidden}.ob-asks-section,.ob-bids-section{display:flex;flex-direction:column}.ob-row{display:grid;grid-template-columns:70px 1fr 72px 1fr 70px;align-items:center;height:22px;padding:0 10px;font-variant-numeric:tabular-nums;position:relative;cursor:default}.ob-row:hover{background:#ffffff05}.ob-row--best-bid,.ob-row--best-ask{font-weight:600}.ob-size-bid{font-size:11px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.ob-size-bid--best{color:var(--text)}.ob-size-ask{font-size:11px;text-align:left;color:var(--muted);font-variant-numeric:tabular-nums}.ob-size-ask--best{color:var(--text)}.ob-bar-bid{height:6px;background:var(--bid);opacity:.25;margin-right:0;align-self:center;margin-left:auto;display:block}.ob-bar-ask{height:6px;background:var(--ask);opacity:.25;margin-left:0;align-self:center;display:block}.ob-bar-cell-bid{display:flex;align-items:center;justify-content:flex-end;height:22px;overflow:hidden}.ob-bar-cell-ask{display:flex;align-items:center;justify-content:flex-start;height:22px;overflow:hidden}.ob-price{font-size:12px;font-weight:500;text-align:center;font-variant-numeric:tabular-nums}.ob-price--bid{color:var(--bid)}.ob-price--ask{color:var(--ask)}.ob-spread-line{display:flex;align-items:center;justify-content:center;height:20px;font-size:10px;color:var(--warn);letter-spacing:.08em;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#d299220a;flex-shrink:0}.tape-panel{flex:1;min-height:0;border-top:1px solid var(--border)}.tape-body{flex:1;overflow-y:auto}.fill-row{display:grid;grid-template-columns:38px 76px 60px 1fr;align-items:center;height:20px;padding:0 10px;font-size:11px;font-variant-numeric:tabular-nums;gap:8px;border-bottom:1px solid rgba(33,38,45,.5)}.fill-row--buy{border-left:3px solid var(--bid)}.fill-row--sell{border-left:3px solid var(--ask)}.fill-badge{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.fill-badge--buy{color:var(--bid)}.fill-badge--sell{color:var(--ask)}.fill-price{color:var(--text);font-weight:500;text-align:right}.fill-qty{color:var(--muted);text-align:right}.fill-ids{color:#6e7681;font-size:10px;text-align:right;overflow:hidden;text-overflow:ellipsis}.tape-empty{color:var(--muted);font-size:10px;text-align:center;padding:16px 0}.chart-panel{flex:0 0 auto;border-bottom:1px solid var(--border)}.recharts-cartesian-axis-tick text{fill:var(--muted)!important;font-size:10px!important;font-family:IBM Plex Mono,monospace!important}.recharts-cartesian-grid line{stroke:var(--border)!important}.recharts-cartesian-grid-horizontal line{stroke:var(--border)!important}.entry-panel{flex:1;overflow-y:auto}.entry-form{display:flex;flex-direction:column;gap:0;padding:10px;gap:8px}.entry-section-label{font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.side-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.side-btn{padding:10px 0;font-size:14px;font-weight:600;font-family:IBM Plex Mono,monospace;border:1px solid var(--border);border-radius:0;cursor:pointer;background:var(--bg1);letter-spacing:.05em;transition:background .08s,border-color .08s}.side-btn--buy{color:var(--bid);border-color:var(--border)}.side-btn--buy.side-btn--active{background:#112a16;border-color:var(--bid);color:var(--bid)}.side-btn--sell{color:var(--ask);border-color:var(--border)}.side-btn--sell.side-btn--active{background:#2a0f0e;border-color:var(--ask);color:var(--ask)}.seg-row{display:flex;gap:2px}.seg-btn{flex:1;padding:5px 0;font-size:10px;font-weight:500;font-family:IBM Plex Mono,monospace;background:var(--bg1);border:1px solid var(--border);border-radius:0;color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:background .08s,color .08s}.seg-btn:hover{background:var(--border);color:var(--text)}.seg-btn--active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.entry-field{display:flex;flex-direction:column;gap:3px}.entry-label{font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.entry-input{width:100%;background:var(--bg1);border:1px solid var(--border);border-radius:0;color:var(--text);padding:6px 8px;font-family:IBM Plex Mono,monospace;font-size:12px;font-variant-numeric:tabular-nums;outline:none;transition:border-color .1s;-moz-appearance:textfield}.entry-input::-webkit-outer-spin-button,.entry-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.entry-input:focus{border-color:var(--accent)}.entry-err{font-size:10px;color:var(--ask);letter-spacing:.03em;padding:0}.submit-btn{width:100%;padding:9px 0;font-size:11px;font-weight:600;font-family:IBM Plex Mono,monospace;border:none;border-radius:0;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;transition:opacity .08s;margin-top:2px}.submit-btn:hover{opacity:.88}.submit-btn--buy{background:var(--bid);color:#000}.submit-btn--sell{background:var(--ask);color:#000}.submit-btn--cancel{background:var(--bg1);color:var(--muted);border:1px solid var(--border)}.col-center .chart-panel{flex:0 0 auto}.col-center .tape-panel{flex:1;min-height:0;border-top:1px solid var(--border)}