@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--navy:#036;--navy-bright:#0b5cab;--bg-primary:#0c0f14;--bg-secondary:#12161e;--bg-tertiary:#1a2030;--bg-hover:#232b3d;--border:#2a3344;--text-primary:#e8ecf2;--text-secondary:#9aa3b5;--text-muted:#6b7385;--green:#1db954;--green-dim:#0d3d24;--red:#e11d48;--red-dim:#4c0519;--blue:var(--navy-bright);--yellow:#d4a017;--amber:#d4a017;--accent:var(--navy-bright);--radius:4px;--radius-sm:3px;--font-mono:"IBM Plex Mono", "Roboto Mono", monospace;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--header-height:44px;--toolbar-height:44px;--bottom-nav-height:56px;--instrument-bar-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}html{height:100dvh;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none;height:100dvh;overflow:hidden}#root{height:100dvh;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hidden{display:none!important}.tab-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mobile-only{display:block}.desktop-only{display:none}@media (width>=768px){.mobile-only{display:none!important}.desktop-only{display:block}table.desktop-only{display:table}}.btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;min-height:44px;padding:.5rem .85rem;transition:background .12s,border-color .12s}.btn:active:not(:disabled){opacity:.92}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{min-height:36px;padding:.3rem .6rem;font-size:.75rem}.btn-buy{background:var(--green-dim);border-color:var(--green);color:var(--green)}.btn-buy:hover:not(:disabled){background:#14532d}.btn-sell{background:var(--red-dim);border-color:var(--red);color:var(--red)}.btn-sell:hover:not(:disabled){background:#7f1d1d}.btn-primary{background:var(--navy-bright);border-color:var(--navy-bright);color:#fff}.input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-sans);min-height:44px;padding:.6rem .8rem}.input:focus{border-color:var(--navy-bright);outline:none}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.68rem;font-weight:600;display:block}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.panel-header{border-bottom:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;padding:.55rem .85rem;font-size:.72rem;font-weight:600}.positive{color:var(--green)}.negative{color:var(--red)}.toast{left:50%;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 1rem);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);z-index:1000;align-items:center;gap:.5rem;max-width:min(360px,100vw - 2rem);padding:.7rem 1rem;font-size:.82rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}@media (width>=768px){.toast{bottom:1.25rem;left:auto;right:1.25rem;transform:none}}.toast.success{border-color:#1db95473}.toast.success:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.toast.error{border-color:#e11d4873}.toast.error:before{content:"";background:var(--red);border-radius:50%;flex-shrink:0;width:6px;height:6px}.toast-anim{animation:.2s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width>=768px){@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.login-panel{border:1px solid var(--border);width:100%;max-width:380px;box-shadow:none;flex-shrink:0}.login-header{justify-content:space-between;align-items:center;display:flex}.session-dot{text-transform:none;letter-spacing:0;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;display:inline-flex}.session-dot:before{content:"";background:var(--text-muted);border-radius:50%;width:7px;height:7px}.session-dot.connected{color:var(--green)}.session-dot.connected:before{background:var(--green)}.session-dot.partial{color:var(--yellow)}.session-dot.partial:before{background:var(--yellow)}.login-hint{color:var(--text-muted);text-align:center;margin:0 0 1rem;font-size:.85rem;line-height:1.45}.login-body{flex-direction:column;gap:.85rem;padding:1.15rem 1rem;display:flex}.field{flex-direction:column;display:flex}.login-error{color:var(--red);text-align:center;font-size:.82rem}.login-actions{margin-top:.25rem}.login-actions .btn{width:100%}.login-success{color:var(--green);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.88rem;display:flex}.session-expiry,.session-expiry-detail{color:var(--text-secondary);font-size:.78rem}.logout-btn{color:var(--text-muted);border-color:var(--border);min-width:120px;margin-top:.5rem;font-size:.78rem}.logout-btn:hover:not(:disabled){color:var(--red);border-color:var(--red);background:#e11d4814}@media (width>=480px){.login-panel{max-width:400px}.login-body{padding:1.25rem 1.15rem}}@media (width>=768px){.login-panel{max-width:420px}}.pnl-banner{background:linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border-bottom:1px solid var(--border);border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.45rem .75rem;padding:.4rem .65rem;display:flex;overflow-x:auto}.pnl-banner::-webkit-scrollbar{display:none}.pnl-banner-main{flex-direction:row;flex-shrink:0;align-items:baseline;gap:.45rem;display:flex}.pnl-banner-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.62rem;font-weight:700}.pnl-banner-value{letter-spacing:-.02em;font-size:1.15rem;font-weight:700;line-height:1.1}.pnl-banner-breakdown{flex-wrap:nowrap;flex-shrink:0;gap:.3rem;margin-left:auto;display:flex}.pnl-chip{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);white-space:nowrap;padding:.15rem .4rem;font-size:.64rem}.pnl-chip.muted{color:var(--text-muted)}.pnl-tax-row{flex-basis:100%;width:100%;margin-top:.05rem}.pnl-tax-toggle{color:var(--text-secondary);cursor:pointer;font-size:.65rem;font-family:var(--font-sans);background:0 0;border:none;padding:.05rem 0}.pnl-tax-chevron{color:var(--text-muted);margin-left:.2rem;font-size:.55rem}.pnl-tax-breakdown{color:var(--text-muted);flex-wrap:wrap;gap:.35rem .65rem;margin-top:.25rem;font-size:.62rem;display:flex}.pnl-net-line{color:var(--text-secondary);margin-top:.2rem;font-size:.68rem}@media (width>=768px){.pnl-banner{flex-wrap:wrap;padding:.5rem .85rem;overflow:visible}.pnl-banner-value{font-size:1.35rem}.pnl-banner-breakdown{flex-wrap:wrap}}.segment-selector{flex-direction:column;gap:.4rem;min-width:0;display:flex}@media (width<=767px){.segment-selector{gap:.35rem}}.segment-selector.inline{flex-direction:row;align-items:center;gap:.5rem;min-width:max-content}.segment-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.28rem;max-width:100%;padding-bottom:1px;display:flex;overflow-x:auto}.segment-tabs::-webkit-scrollbar{display:none}.segment-selector.inline .segment-tabs{flex-wrap:nowrap;gap:.25rem}.segment-tab{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;white-space:nowrap;touch-action:manipulation;min-height:36px;font-size:.7rem;font-weight:600;font-family:var(--font-sans);flex-shrink:0;padding:.35rem .6rem;transition:background .12s,border-color .12s,color .12s}.segment-tab:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.segment-tab.active{border-color:var(--navy-bright);color:#7eb6e8;background:#0b5cab26}.segment-tab:disabled{opacity:.4;cursor:not-allowed}.expiry-row{flex-shrink:0;align-items:center;gap:.45rem;min-width:0;display:flex}.expiry-row .label{white-space:nowrap;margin:0}.expiry-select{flex:1;min-width:0;max-width:100%;min-height:36px;padding:.35rem .55rem;font-size:.76rem}.segment-selector.inline .expiry-select{flex:none;min-width:140px;max-width:160px}@media (width>=768px){.segment-tab{padding:.4rem .75rem;font-size:.75rem}.expiry-select{flex:none;min-width:140px;max-width:180px}}.strike-table{border-left:none;border-right:none;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width>=768px){.strike-table{border-radius:var(--radius);border-left:1px solid var(--border);border-right:1px solid var(--border)}.desktop-chain-col .strike-table{flex:1;min-height:0}}.chain-header{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;padding:.55rem .75rem;display:grid}.chain-header-action{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}@media (width>=480px){.chain-header{grid-template-columns:1fr 110px 1fr auto}.chain-header-action{grid-column:auto;justify-content:flex-end;margin-top:0}}.show-all-btn{white-space:nowrap;min-height:36px;color:var(--text-muted);border-color:var(--border);padding:.35rem .65rem;font-size:.7rem;font-weight:600}.show-all-btn.active{color:var(--blue);border-color:var(--blue);background:#3b82f61a}.chain-feed-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);white-space:nowrap;border-radius:20px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.62rem;font-weight:700;display:inline-flex}.chain-feed-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chain-feed-badge-live{color:var(--green);background:#22c55e14;border-color:#22c55e59}.chain-feed-badge-poll{color:var(--yellow);background:#eab30814;border-color:#eab30859}.chain-feed-badge-idle{color:var(--text-muted);border-color:var(--border);background:var(--bg-tertiary)}.chain-header-ce{align-items:center;display:flex}.chain-header-pe{justify-content:flex-end;align-items:center;display:flex}.chain-header-mid{flex-direction:column;align-items:center;gap:.1rem;display:flex}.chain-side-label{text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.ce-label{color:#22c55ebf}.pe-label{color:#ef4444bf}.chain-mid-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:600}.spot-badge{color:var(--text-secondary);letter-spacing:0;font-size:.68rem;font-weight:400}.chain-skeleton{flex-direction:column;gap:5px;padding:.5rem .75rem;display:flex}.skeleton-row{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:4px;height:32px;animation:1.6s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chain-error{text-align:center;color:var(--red);padding:1.25rem;font-size:.82rem}.chain-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.chain-grid{border-collapse:collapse;width:100%;font-size:.8rem}.chain-grid th{background:var(--bg-tertiary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);z-index:1;white-space:nowrap;padding:.45rem .5rem;font-size:.6rem;position:sticky;top:0}.chain-grid td{vertical-align:middle;border-bottom:1px solid #2a2a3280;padding:.35rem .45rem}.chain-grid tr:hover td{background-color:#ffffff06}.col-ce{text-align:right}.col-pe{text-align:left}.col-strike{text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-secondary);z-index:1;width:72px;min-width:72px;padding:.35rem .55rem;position:sticky;left:50%;transform:translate(-50%)}@media (width<=767px){.col-strike{width:64px;min-width:64px;position:static;transform:none}}.chain-grid tr:hover .col-strike{background:var(--bg-secondary)!important}.strike-val{color:var(--text-secondary);font-size:.78rem;font-weight:600}.td-ltp{color:var(--text-primary);font-size:.82rem;font-weight:500}.act-group{align-items:center;gap:.3rem;display:inline-flex}.act-ce{justify-content:flex-end}.act-pe{justify-content:flex-start}.btn-xs{letter-spacing:.02em;white-space:nowrap;border-radius:4px;min-width:44px;min-height:36px;padding:.35rem .55rem;font-size:.68rem;font-weight:700}@media (width<=767px){.btn-xs{min-width:48px;min-height:40px;padding:.4rem .5rem;font-size:.66rem}}.row-atm td{background:#eab30808;border-top:1px solid #eab30840;border-bottom:1px solid #eab30840}.row-atm .col-strike{border-color:#eab3084d;background:#eab3080f!important}.row-atm .strike-val{color:var(--yellow)}.row-itm .col-ce.td-ltp,.row-otm .col-pe.td-ltp{color:var(--green)}.row-itm .col-ce.col-ltp,.row-otm .col-pe.col-ltp{background:#22c55e0a}.col-ltp{min-width:56px}.col-act{min-width:92px}@media (width<=479px){.chain-grid{font-size:.74rem}.chain-grid th{padding:.35rem .3rem;font-size:.55rem}.chain-grid td{padding:.28rem}.col-strike{width:56px;min-width:56px;padding:.28rem .3rem}.strike-val{font-size:.72rem}.td-ltp{font-size:.74rem}.col-ltp{min-width:48px}.col-act{min-width:84px}.btn-xs{min-width:40px;min-height:36px;padding:.3rem .4rem;font-size:.62rem}.act-group{gap:.2rem}.chain-header{padding:.4rem .55rem}}@media (width>=480px) and (width<=767px){.col-ltp{min-width:60px}.col-act{min-width:96px}}@media (width>=1024px){.col-ltp{min-width:68px}.col-act{min-width:108px}}.order-overlay{z-index:500;background:#00000073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=768px) and (width<=1023px){.order-overlay{align-items:center;padding:1rem}}@media (width>=1024px){.order-overlay{align-items:center;padding:1rem}.desktop-order-rail .order-overlay{z-index:auto;background:0 0;padding:0;display:block;position:static;inset:auto}}.order-modal{border-radius:var(--radius) var(--radius) 0 0;-webkit-overflow-scrolling:touch;width:100%;max-width:440px;max-height:min(52dvh,480px);padding-bottom:calc(var(--safe-bottom) + .35rem);overflow-y:auto;box-shadow:0 -8px 28px #00000059}@media (width<=767px){.order-modal{margin-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));max-height:min(48dvh,440px)}}@media (width>=768px) and (width<=1023px){.order-modal{border-radius:var(--radius);max-height:min(70dvh,640px);margin-bottom:0;padding-bottom:0;box-shadow:0 12px 40px #0006}}@media (width>=1024px){.order-modal{border-radius:var(--radius);max-height:none;box-shadow:none;margin-bottom:0;padding-bottom:0}.desktop-order-rail .order-modal{width:100%;max-width:none;max-height:calc(100dvh - var(--header-height) - 2rem);overflow-y:auto}}.order-modal-header{background:var(--bg-secondary);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.order-modal-header:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto .5rem;display:block;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}@media (width>=768px){.order-modal-header:before{display:none}}@media (width>=1024px){.desktop-order-rail .order-modal-header:before{display:none}}.order-modal-header{padding-top:1.25rem}@media (width>=768px){.order-modal-header{padding-top:.75rem}}@media (width>=1024px){.desktop-order-rail .order-modal-header{padding-top:.75rem}}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;padding:.25rem .5rem;font-size:1.6rem;line-height:1}.btn-close:hover{color:var(--text-primary)}.order-form{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.price-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem}.price-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.price-card-no-quote{color:var(--yellow);margin-top:.35rem;font-size:.72rem;line-height:1.35}.price-card-ltp{margin-top:.35rem;font-size:1.65rem;font-weight:600;line-height:1.1}.price-card-ts{color:var(--text-muted);margin-top:.35rem;font-size:.72rem}.feed-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);border-radius:20px;padding:.2rem .5rem;font-size:.62rem;font-weight:700}.feed-badge-live{color:var(--green);background:#22c55e14;border-color:#22c55e59}.feed-badge-poll{color:var(--yellow);background:#eab30814;border-color:#eab30859}.feed-badge-idle{color:var(--text-muted);border-color:var(--border);background:var(--bg-tertiary)}.order-info{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;display:grid}.order-symbol-text{word-break:break-all;font-size:.78rem}.use-ltp-btn{width:100%;margin-top:.45rem}.order-info p{margin-top:.2rem;font-size:.9rem}.order-type-toggle{gap:.4rem;display:flex}.order-type-toggle .btn{flex:1}.order-type-toggle .btn.active{border-color:var(--blue);background:#3b82f626}.lot-hint{color:var(--text-muted);margin-top:.35rem;font-size:.75rem}.order-summary{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .65rem;font-size:.8rem}.market-note{color:var(--yellow);font-size:.75rem;line-height:1.4}.order-error{color:var(--red);font-size:.8rem}.order-submit{width:100%;padding:.75rem;font-size:.95rem;font-weight:600}.order-success{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1.75rem 1.25rem 1.5rem;display:flex}.order-success-icon{border:2px solid var(--green);width:48px;height:48px;color:var(--green);background:#22c55e1f;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.order-success-title{color:var(--text-primary);font-size:1rem;font-weight:600}.order-success-id{color:var(--green);border-radius:var(--radius-sm);background:#22c55e12;border:1px solid #22c55e40;padding:.3rem .75rem;font-size:.9rem;font-weight:600}.order-success-hint{color:var(--text-muted);font-size:.78rem}.order-success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.order-done-btn{padding:.55rem 1.5rem;font-size:.88rem}.order-auto-close{color:var(--text-muted);font-size:.72rem}.order-book{flex-direction:column;flex:1;min-height:0;display:flex}.ob-hint{color:var(--text-muted);text-align:center;padding:.45rem .85rem 0;font-size:.68rem}.ob-clickable{cursor:pointer}.ob-clickable:hover{background:var(--bg-hover)}.ob-header{justify-content:space-between;align-items:center;display:flex}.ob-title{align-items:center;gap:.4rem;display:flex}.ob-count-badge{background:var(--bg-hover);border:1px solid var(--border);min-width:18px;height:18px;color:var(--text-muted);border-radius:20px;justify-content:center;align-items:center;padding:0 .25rem;font-size:.63rem;font-weight:700;display:inline-flex}.ob-pending-pill{color:var(--yellow);background:#eab30812;border:1px solid #eab3084d;border-radius:20px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.7rem;font-weight:500;display:flex}.ob-pending-dot{background:var(--yellow);border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite pulse-dot}.ob-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.ob-empty{text-align:center;color:var(--text-muted);padding:2rem 1.25rem;font-size:.88rem}.ob-empty-err{color:var(--red);font-size:.78rem}.ob-cards{flex-direction:column;gap:.55rem;padding:.75rem;display:flex}.ob-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.ob-card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ob-card-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.75rem;display:flex}.ob-card-prices{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.72rem;display:grid}.ob-card-prices>div{flex-direction:column;gap:.15rem;display:flex}.ob-card-prices span:first-child{color:var(--text-muted);text-transform:uppercase;font-size:.62rem}.ob-row-cancelled{opacity:.6}.ob-grid{border-collapse:collapse;width:100%;font-size:.77rem}.ob-grid th{background:var(--bg-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:.38rem .55rem;font-size:.62rem;position:sticky;top:0}.ob-grid td{vertical-align:middle;border-bottom:1px solid #2a2a3273;padding:.28rem .55rem}.ob-grid tr:hover td{background:#ffffff05}.ob-row-cancelled td{opacity:.55}.ob-time{color:var(--text-muted);white-space:nowrap;min-width:46px;font-size:.7rem}.ob-symbol{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--text-primary);font-size:.8rem;font-weight:500;overflow:hidden}.ob-th-symbol{min-width:130px}.ob-side{font-size:.73rem;font-weight:700}.ob-fill{font-size:.73rem}.ob-fill-sep{color:var(--text-muted);margin:0 .1rem}.ob-badge{letter-spacing:.04em;white-space:nowrap;border-radius:3px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.62rem;font-weight:700;display:inline-flex}.badge-filled{color:var(--green);background:#22c55e1f;border:1px solid #22c55e4d}.badge-partial{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}.badge-pending{color:var(--yellow);background:#eab3081a;border:1px solid #eab3084d}.badge-rejected{color:var(--red);cursor:help;background:#ef44441a;border:1px solid #ef44444d}.badge-cancelled{color:var(--text-muted);border:1px solid var(--border);background:#6b6b781f}.badge-unknown{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border)}.ob-reject-icon{opacity:.7;font-size:.65rem;font-style:normal}@media (width>=480px){.ob-card-prices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.order-book.tab-panel{border-radius:var(--radius)}.section-panel .order-book{flex:1;min-height:0}.section-panel .ob-scroll{max-height:none}.section-panel .ob-hint{text-align:left;padding-left:.85rem;padding-right:.85rem}.ob-grid .ob-symbol{max-width:120px}}.order-detail-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.order-detail-sheet{width:100%;max-width:640px;max-height:min(80dvh,720px);padding-bottom:calc(1rem + var(--safe-bottom));border-bottom:none;border-radius:12px 12px 0 0;overflow-y:auto}@media (width<=767px){.order-detail-sheet{margin-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));max-height:min(70dvh,640px)}}.order-detail-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:.5rem auto .75rem}.order-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:0 1rem .75rem;display:flex}.order-detail-symbol{word-break:break-word;font-size:.95rem;font-weight:600}.order-detail-meta{color:var(--text-secondary);margin-top:.2rem;font-size:.72rem}.order-detail-stats{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.85rem 1rem;display:grid}.order-detail-stats .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.order-detail-stats p{margin-top:.15rem;font-size:.85rem}.order-detail-id{word-break:break-all;font-size:.72rem!important}.order-detail-protect{padding:1rem}.order-detail-section-title{margin-bottom:.25rem;font-size:.82rem;font-weight:600}.order-detail-hint{color:var(--text-muted);margin-bottom:.85rem;font-size:.72rem;line-height:1.4}.order-detail-inputs{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.75rem;display:grid}.order-detail-inputs .field{flex-direction:column;gap:.3rem;display:flex}.order-detail-error{color:var(--red);margin-bottom:.5rem;font-size:.75rem}.order-detail-submit{width:100%;min-height:44px}.order-detail-note{color:var(--text-muted);padding:1rem;font-size:.75rem;line-height:1.45}@media (width>=480px){.order-detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.order-detail-overlay{align-items:center;padding:1rem}.order-detail-sheet{border-radius:var(--radius);border-bottom:1px solid var(--border);max-width:480px;padding-bottom:1rem}.order-detail-handle{display:none}}.positions-panel{flex-direction:column;flex:1;min-height:0;display:flex}.tab-panel{border-left:none;border-right:none;border-radius:0;flex:1;min-height:0}.positions-header{justify-content:space-between;align-items:center;display:flex}.positions-count{background:var(--bg-hover);border:1px solid var(--border);width:18px;height:18px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-left:.45rem;font-size:.65rem;font-weight:700;display:inline-flex}.total-pnl{font-size:.8rem;font-weight:600}.refresh-hint{opacity:.4;margin-left:.45rem;font-size:.8rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.positions-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.squared-off-section{border-top:1px solid var(--border);margin-top:.5rem;padding-top:.75rem}.squared-off-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 .85rem .5rem;font-size:.68rem;font-weight:600}.closed-card{opacity:.92}.positions-empty{text-align:center;color:var(--text-muted);padding:2rem 1.25rem;font-size:.88rem}.positions-cards{flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.position-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.65rem;padding:.85rem;display:flex}.position-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.pos-side-tag{margin-top:.2rem;font-size:.78rem;font-weight:600}.position-card-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.72rem;display:grid}.position-card-stats>div{flex-direction:column;gap:.15rem;display:flex}.position-card-stats span:first-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.position-card-inputs{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.position-card-inputs .input-xs{width:100%;min-height:44px}.position-card-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.position-card-actions .btn{width:100%}.positions-grid{border-collapse:collapse;width:100%;font-size:.78rem}.positions-grid th{background:var(--bg-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:.4rem .5rem;font-size:.63rem;position:sticky;top:0}.positions-grid td{vertical-align:middle;border-bottom:1px solid #2a2a3280;padding:.3rem .5rem}.positions-grid tr:hover td{background:#ffffff05}.pos-symbol{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.74rem;font-weight:500;overflow:hidden}.pos-lots{font-size:.76rem;font-weight:600;display:block}.pos-qty{color:var(--text-muted);margin-top:.05rem;font-size:.65rem;display:block}.pnl-cell{font-size:.95rem;font-weight:600}.input-xs{width:70px;padding:.25rem .38rem;font-size:.72rem}.pos-actions{gap:.25rem;display:flex}.confirm-exit-row td{background:#ef44440d;border-bottom:1px solid #ef44444d;padding:0}.confirm-exit-bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.confirm-exit-msg{color:var(--text-secondary);flex:1;min-width:0;font-size:.78rem}.confirm-exit-msg strong{color:var(--text-primary);font-weight:600}@media (width>=480px){.position-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.positions-panel.tab-panel{border-radius:var(--radius)}.section-panel .positions-panel{flex:1;min-height:0}.section-panel .positions-scroll{max-height:none}.positions-grid .pos-symbol{max-width:110px}.positions-grid .input-xs{width:62px}}.session-warn{background:#eab30814;border-bottom:1px solid #eab30859;flex-shrink:0}.session-warn-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.45rem .75rem;display:flex}.session-warn-text{min-width:0;color:var(--text-primary);flex:1;font-size:.75rem;line-height:1.35}.session-warn-actions{flex-shrink:0;gap:.35rem;display:flex}.session-relogin-overlay{z-index:600;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=768px){.session-relogin-overlay{align-items:center;padding:1rem}}.session-relogin-card{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}@media (width>=768px){.session-relogin-card{border-radius:var(--radius)}}.session-relogin-body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.session-relogin-actions{justify-content:flex-end;gap:.5rem;display:flex}.app{height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex;overflow:hidden}.app-header{height:calc(var(--header-height) + var(--safe-top));padding:0 .75rem;padding-top:var(--safe-top);border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:20;flex-shrink:0;align-items:center;gap:.65rem;display:flex}.header-brand{flex-shrink:0;align-items:center;gap:.5rem;min-width:0;display:flex}.header-logo-mark{background:var(--navy);border:1px solid var(--navy-bright);border-radius:2px;flex-shrink:0;width:24px;height:24px}.header-titles{flex-direction:column;min-width:0;line-height:1.1;display:flex}.header-title{letter-spacing:-.01em;color:var(--text-primary);font-size:.88rem;font-weight:700}.header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:500}.header-meta{flex-shrink:0;align-items:center;gap:.45rem;margin-left:auto;display:flex}.header-clock{color:var(--text-secondary);letter-spacing:.03em;font-size:.7rem}.conn-badge{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);white-space:nowrap;align-items:center;gap:.3rem;padding:.18rem .45rem;font-size:.64rem;font-weight:600;display:inline-flex}.badge-text-full{display:none}.badge-text-short{display:inline}@media (width>=480px){.badge-text-full{display:inline}.badge-text-short{display:none}}.conn-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:5px;height:5px}.conn-badge.live{color:var(--green);background:#1db95412;border-color:#1db95459}.conn-badge.live .conn-dot{background:var(--green)}.conn-badge.session{color:var(--navy-bright);background:#0b5cab1a;border-color:#0b5cab66}.conn-badge.session .conn-dot{background:var(--navy-bright)}.conn-badge.offline{color:var(--amber);background:#d4a01714;border-color:#d4a01759}.conn-badge.offline .conn-dot{background:var(--amber)}.conn-badge.idle{color:var(--text-muted);border-color:var(--border);background:var(--bg-tertiary)}.conn-badge.idle .conn-dot{background:var(--text-muted)}.conn-badge.market-open{color:var(--green);background:#1db95412;border-color:#1db95459}.conn-badge.market-open .conn-dot{background:var(--green)}.conn-badge.market-closed{color:var(--text-secondary);border-color:var(--border);background:var(--bg-tertiary)}.conn-badge.market-closed .conn-dot{background:var(--text-muted)}.login-screen{padding:1rem;padding-bottom:calc(1rem + var(--safe-bottom));background:var(--bg-primary);flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.trading-shell{flex-direction:column;flex:1;width:100%;min-height:0;margin:0 auto;display:flex;overflow:hidden}.instrument-bar{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;gap:.4rem;padding:.4rem .65rem;display:flex}.instrument-status{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.3rem;display:flex;overflow-x:auto}.instrument-status::-webkit-scrollbar{display:none}.instrument-controls{min-width:0}.trade-view,.section-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.section-nav{display:none}.bottom-nav{height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);z-index:15;background:#12161ef7;flex-shrink:0;grid-template-columns:repeat(3,1fr);display:grid}.bottom-nav-item{color:var(--text-muted);letter-spacing:.03em;cursor:pointer;touch-action:manipulation;min-height:44px;font-size:.62rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;display:flex;position:relative}.bottom-nav-item.active{color:var(--navy-bright)}.bottom-nav-icon{font-size:1.05rem;line-height:1}.bottom-nav-label{text-transform:uppercase;letter-spacing:.06em}.bottom-nav-badge{background:var(--navy-bright);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 .25rem;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:.3rem;right:calc(50% - 1.55rem)}.bottom-nav-badge.warn{background:var(--yellow);color:#1a1a1e}@media (width>=768px){.app{align-items:center}.app-header{height:var(--header-height);border-left:1px solid var(--border);border-right:1px solid var(--border);width:100%;max-width:1440px;margin:0 auto;padding:0 1rem}.trading-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:1440px}.instrument-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .85rem}.instrument-status{flex-wrap:wrap;overflow:visible}.instrument-controls{flex:1;justify-content:flex-end;min-width:0;display:flex}.bottom-nav{display:none}.section-nav{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;align-items:stretch;gap:.1rem;padding:0 .85rem;display:flex}.section-nav-item{color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.35rem;margin-bottom:-1px;padding:.5rem .8rem;display:inline-flex;position:relative}.section-nav-item:hover{color:var(--text-secondary)}.section-nav-item.active{color:var(--text-primary);border-bottom-color:var(--navy-bright)}.section-nav-icon{font-size:.9rem;line-height:1}.section-nav-badge{background:var(--navy-bright);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 .28rem;font-size:.6rem;font-weight:700;display:inline-flex}.section-nav-badge.warn{background:var(--yellow);color:#1a1a1e}.section-panel{padding:.65rem .85rem}.section-panel>.positions-panel,.section-panel>.order-book{border-radius:var(--radius);border:1px solid var(--border);min-width:0;height:100%;min-height:0;overflow:hidden}.trading-shell--tablet:not(.trading-shell--desktop) .trade-view{padding:.5rem .85rem .65rem}}@media (width>=1024px){.trade-view--desktop{flex:1;min-height:0}.desktop-main-row{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:.65rem;min-height:0;padding:.65rem .85rem;display:grid}.desktop-chain-col{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.desktop-order-rail{-webkit-overflow-scrolling:touch;align-self:stretch;width:340px;min-height:0;max-height:100%;overflow-y:auto}.order-rail-placeholder{flex-direction:column;height:100%;min-height:180px;display:flex}.order-rail-empty-hint{color:var(--text-muted);text-align:center;padding:1.1rem .9rem;font-size:.8rem;line-height:1.45}}@media (width>=1280px){.desktop-main-row{grid-template-columns:minmax(0,1fr) 360px}.desktop-order-rail{width:360px}}