:root{--bg: #131417;--bg-sidebar: #17181b;--bg-chrome: #1a1c1f;--bg-panel: #1e2023;--bg-raised: #26282c;--bg-hover: #2e3136;--bg-input: #191b1e;--border: #2a2d32;--border-strong: #3a3e45;--border-focus: #6e8bff;--text: #e9eaec;--text-dim: #a3a6ad;--text-faint: #85888f;--up: #26a96b;--up-line: #26a96b;--up-bg: rgba(38, 169, 107, .12);--up-flash: rgba(38, 169, 107, .28);--down: #ef5f63;--down-line: #e5484d;--down-bg: rgba(229, 72, 77, .12);--down-flash: rgba(229, 72, 77, .3);--call: #7fa5ff;--put: #f0a33a;--atm: #8b95ff;--accent: #6e8bff;--accent-hover: #8aa0ff;--accent-bg: rgba(110, 139, 255, .14);--warn: #f0a33a;--warn-bg: rgba(240, 163, 58, .1);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-micro: .6875rem;--fs-small: .75rem;--fs-body: .8125rem;--fs-lead: .9375rem;--fs-head: 1.125rem;--fs-figure: 1.375rem;--fs-hero: 1.875rem;--s1: 2px;--s2: 4px;--s3: 6px;--s4: 8px;--s5: 12px;--s6: 16px;--s7: 20px;--s8: 24px;--s9: 32px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--row-h: 26px;--topbar-h: 52px;--sidebar-w: 232px;--sidebar-w-collapsed: 60px;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .4);--shadow-float: 0 6px 20px -4px rgba(0, 0, 0, .6);--shadow-sticky: 6px 0 8px -6px rgba(0, 0, 0, .7);--ease: cubic-bezier(.22, 1, .36, 1);--fast: .13s;--med: .2s;--scrollbar-thumb-hover: #47536b;--input-hover-border: #3d4757;--button-hover-border: #3d4757;--button-primary-active: #3d7de8;--text-on-accent: #04101f;--row-border: rgba(35, 42, 54, .55);--itm-bg: rgba(255, 255, 255, .028);--atm-bg: rgba(129, 140, 248, .1);--atm-strike-bg: rgba(129, 140, 248, .22);--oi-bar-bg: rgba(79, 142, 247, .16);--banner-error-text: #ffb4b6;--banner-warn-text: #f7c66a;--banner-info-text: #9dc0fb}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--fs-body);line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#4f8ef752;color:var(--text-on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid transparent;background-clip:content-box;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}input,textarea{caret-color:var(--accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius)}tr:focus-visible,td:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--border-focus)}.num,td,th,input,.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--mono)}.up{color:var(--up)}.down{color:var(--down)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.warn-text{color:var(--warn)}.spacer{flex:1}.truncate{max-width:30ch;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:var(--s6);padding:0 var(--s6);height:var(--topbar-h);background:var(--bg-chrome);border-bottom:1px solid var(--border);flex-shrink:0}.brand{font-weight:650;letter-spacing:-.01em;font-size:var(--fs-lead);white-space:nowrap}.brand span{color:var(--text-faint);font-weight:450}.tabs{display:flex;gap:var(--s1)}.tab{padding:var(--s3) 14px;border:0;background:transparent;color:var(--text-dim);font:inherit;font-weight:500;border-radius:var(--radius);cursor:pointer;position:relative;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.tab:hover{background:var(--bg-raised);color:var(--text)}.tab[aria-selected=true]{background:var(--bg-panel);color:var(--text)}.tab[aria-selected=true]:after{content:"";position:absolute;left:var(--s5);right:var(--s5);bottom:2px;height:2px;border-radius:2px;background:var(--accent)}.tab-count{margin-left:var(--s3);color:var(--text-faint);font-variant-numeric:tabular-nums}.statuses{display:flex;align-items:center;gap:14px}.statuses .rule{width:1px;height:18px;background:var(--border-strong);flex-shrink:0}.pill{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--fs-micro);color:var(--text-dim);white-space:nowrap}.pill strong{color:var(--text);font-weight:600}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex-shrink:0}.dot.live{background:var(--up);box-shadow:0 0 0 3px var(--up-bg)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--down-line)}.mode-badge{padding:3px var(--s4);border-radius:4px;font-size:var(--fs-micro);font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:var(--up-bg);color:var(--up);border:1px solid rgba(38,169,107,.3)}.mode-badge.live{background:var(--down-bg);color:var(--down);border-color:#e5484d66}.content{flex:1;overflow:auto;padding:14px var(--s6) var(--s8)}button,select,input{font:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--s3) 10px;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--s8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2396a0b0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s3) center;background-size:14px;cursor:pointer}select:hover,input:hover:not(:disabled){border-color:var(--input-hover-border)}input:focus-visible,select:focus-visible{border-color:var(--border-focus)}button{cursor:pointer;background:var(--bg-raised)}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--button-hover-border)}button:active:not(:disabled){background:var(--bg-panel)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.primary:active:not(:disabled){background:var(--button-primary-active)}button.buy{background:var(--up-bg);border-color:#26a96b66;color:var(--up)}button.buy:hover:not(:disabled){background:#26a96b38;border-color:var(--up)}button.sell{background:var(--down-bg);border-color:#e5484d66;color:var(--down)}button.sell:hover:not(:disabled){background:#e5484d38;border-color:var(--down-line)}button.tiny{padding:3px var(--s4);font-size:.71875rem}button.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}button.ghost:hover:not(:disabled){background:var(--bg-raised);color:var(--text);border-color:transparent}button.icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2)}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius)}.segmented button{border:0;background:transparent;color:var(--text-dim);padding:3px 10px;font-size:var(--fs-small);font-weight:500;border-radius:4px}.segmented button:hover:not(:disabled){background:var(--bg-raised);color:var(--text)}.segmented button[aria-pressed=true]{background:var(--bg-hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--s5)}.field{display:flex;align-items:center;gap:var(--s3)}.field>label{color:var(--text-dim);font-size:var(--fs-small)}.icon-svg{display:block;flex-shrink:0}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.panel+.panel{margin-top:14px}.panel-head{display:flex;align-items:center;gap:10px;padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--fs-small);letter-spacing:.01em;background:linear-gradient(var(--bg-raised),var(--bg-panel))}.panel-head .count{font-family:var(--mono);font-size:var(--fs-micro);color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border);border-radius:10px;padding:1px var(--s3)}.panel-body{padding:var(--s5)}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel-grid>.panel+.panel{margin-top:0}.lead-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.35fr);gap:10px;margin-bottom:10px}.lead{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:14px var(--s6);display:flex;flex-direction:column;justify-content:center;min-width:0}.lead-label{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s3)}.lead-value{font-family:var(--mono);font-size:var(--fs-hero);font-weight:600;letter-spacing:-.03em;line-height:1.05}.lead-sub{font-size:var(--fs-small);color:var(--text-faint);margin-top:var(--s3)}.lead-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-top:var(--s1)}.lead-split>div{display:flex;flex-direction:column;gap:3px;min-width:0}.lead-split span{font-size:var(--fs-micro);color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.lead-split strong{font-family:var(--mono);font-size:var(--fs-lead);font-weight:600;letter-spacing:-.02em}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;margin-bottom:14px}.stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:10px var(--s5);min-width:0}.stat-label{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s2)}.stat-value{font-family:var(--mono);font-size:var(--fs-figure);font-weight:600;letter-spacing:-.02em;line-height:1.15}.stat-sub{font-size:var(--fs-small);color:var(--text-faint);margin-top:3px}.meter{display:block}.meter-head{display:flex;align-items:baseline;gap:var(--s4);margin-bottom:var(--s3)}.meter-label{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.meter-value{margin-left:auto;font-family:var(--mono);font-size:var(--fs-small);font-weight:600}.meter-track{position:relative;height:6px;border-radius:3px;background:var(--bg-input);border:1px solid var(--border);overflow:hidden}.meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:var(--accent);transition:transform var(--med) var(--ease),background var(--med) var(--ease)}.meter-fill.warn{background:var(--warn)}.meter-fill.bad{background:var(--down-line)}.meter-fill.good{background:var(--up)}.meter-limit{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--text-faint);border-radius:1px}.meter-foot{display:flex;gap:var(--s4);margin-top:var(--s3);font-size:var(--fs-micro);color:var(--text-faint)}.meter+.meter{margin-top:14px}table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}th{position:sticky;top:0;z-index:2;background:var(--bg-chrome);color:var(--text-dim);font-weight:550;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;padding:var(--s3) var(--s4);text-align:right;white-space:nowrap;border-bottom:1px solid var(--border-strong)}td{padding:0 var(--s4);height:var(--row-h);text-align:right;white-space:nowrap;border-bottom:1px solid var(--row-border);font-family:var(--mono)}th.left,td.left{text-align:left;font-family:var(--sans)}tbody tr:hover{background:var(--bg-raised)}th.sortable{padding:0}th.sortable>button{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:var(--s3) var(--s4);display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);border-radius:0;cursor:pointer}th.sortable.left>button{justify-content:flex-start}th.sortable>button:hover{background:var(--bg-hover);color:var(--text)}th.sortable:not([aria-sort=none])>button{color:var(--text)}th.sortable .sort-mark{opacity:0;transition:opacity var(--fast) var(--ease)}th.sortable>button:hover .sort-mark{opacity:.45}th.sortable:not([aria-sort=none]) .sort-mark{opacity:1;color:var(--accent)}tfoot td{position:sticky;bottom:0;background:var(--bg-chrome);border-top:1px solid var(--border-strong);border-bottom:0;font-weight:650;height:30px}.table-wrap{overflow:auto;max-height:calc(100vh - 250px)}.table-wrap.short{max-height:340px}.chain-wrap{overflow:auto;max-height:calc(100vh - 232px)}th.side-call{color:var(--call)}th.side-put{color:var(--put)}th.group{text-align:center;font-size:var(--fs-micro);letter-spacing:.14em;background:var(--bg-chrome)}td.strike{background:var(--bg-chrome);font-weight:650;color:var(--text);border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong);position:sticky;left:0;z-index:1;text-align:center}.chain-wrap.scrolled td.strike{box-shadow:var(--shadow-sticky)}.chain-wrap.scrolled tr.atm td.strike{box-shadow:inset 2px 0 0 var(--atm),inset -2px 0 0 var(--atm),var(--shadow-sticky)}th.strike-head{position:sticky;left:0;z-index:3;text-align:center;background:var(--bg-chrome);border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong)}tr.atm td{background:var(--atm-bg)}tr.atm td.strike{background:var(--atm-strike-bg);box-shadow:inset 2px 0 0 var(--atm),inset -2px 0 0 var(--atm)}td.itm{background:var(--itm-bg)}tr.selected td{background:var(--accent-bg)}.iv-inferred{color:var(--text-faint);border-bottom:1px dotted var(--text-faint);cursor:help}.oi-bar{position:relative;display:block;width:100%;text-align:right}.oi-bar:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:14px;width:var(--w, 0%);background:var(--oi-bar-bg);border-radius:2px;z-index:-1}.leg-link{border:0;background:transparent;color:inherit;font:inherit;font-family:var(--mono);font-weight:600;padding:0;cursor:pointer;border-radius:3px}.leg-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.chart-host{height:calc(100vh - 210px);min-height:380px;width:100%}.chart-legend{display:flex;align-items:center;gap:14px;padding:var(--s3) var(--s5);border-bottom:1px solid var(--border);font-size:var(--fs-micro);color:var(--text-dim)}.swatch{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:var(--s3);vertical-align:-1px}.login-page{display:grid;place-items:center;height:100%;padding:var(--s7)}.login-card{width:100%;max-width:340px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-float);padding:var(--s8)}.login-card h1{margin:0 0 var(--s2);font-size:var(--fs-head);letter-spacing:-.02em}.login-card p.sub{margin:0 0 var(--s7);color:var(--text-dim);font-size:var(--fs-small)}.login-card label{display:block;font-size:var(--fs-micro);color:var(--text-dim);margin-bottom:var(--s2);text-transform:uppercase;letter-spacing:.05em}.login-card input{width:100%;margin-bottom:14px;padding:var(--s4) 11px}.login-card button{width:100%;padding:var(--s4)}.banner{display:flex;align-items:flex-start;gap:10px;padding:var(--s4) var(--s5);border-radius:var(--radius);font-size:var(--fs-small);margin-bottom:var(--s5);border:1px solid;line-height:1.5}.banner>.icon-svg{margin-top:1px}.banner strong{font-weight:650}.banner .banner-text{min-width:0}.banner .banner-actions{margin-left:auto;display:flex;gap:var(--s3);align-items:center;flex-shrink:0}.banner.error{background:var(--down-bg);border-color:#e5484d59;color:var(--banner-error-text)}.banner.warn{background:var(--warn-bg);border-color:#f5a52459;color:var(--banner-warn-text)}.banner.info{background:var(--accent-bg);border-color:#4f8ef74d;color:var(--banner-info-text)}.notices{margin-bottom:var(--s2)}.notices-more{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s5);font-size:var(--fs-small);color:var(--text-dim);background:transparent;border:1px dashed var(--border-strong);width:100%;justify-content:center;padding:var(--s3)}.empty{padding:var(--s9) var(--s7);text-align:center;color:var(--text-dim);font-size:var(--fs-body)}.empty strong{display:block;color:var(--text);font-size:var(--fs-lead);font-weight:600;margin-bottom:var(--s3)}.empty p{margin:0 auto;max-width:46ch;color:var(--text-faint);line-height:1.6}.empty .empty-action{margin-top:var(--s6)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skeleton{display:block;border-radius:3px;background:linear-gradient(90deg,var(--bg-raised) 25%,var(--bg-hover) 37%,var(--bg-raised) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-row{display:flex;gap:var(--s4);align-items:center;height:var(--row-h);padding:0 var(--s4);border-bottom:1px solid var(--row-border)}.skeleton-row .skeleton{height:9px}@keyframes tick-a{0%{background-color:var(--flash)}to{background-color:transparent}}@keyframes tick-b{0%{background-color:var(--flash)}to{background-color:transparent}}.flash{animation-duration:.55s;animation-timing-function:var(--ease)}.flash.up{--flash: var(--up-flash)}.flash.down{--flash: var(--down-flash)}.flash.a{animation-name:tick-a}.flash.b{animation-name:tick-b}[data-theme=light]{--bg: #f7f8fa;--bg-sidebar: #f1f3f7;--bg-chrome: #ffffff;--bg-panel: #ffffff;--bg-raised: #f4f5f7;--bg-hover: #ebedf1;--bg-input: #f4f5f7;--border: #e4e7ec;--border-strong: #cdd2da;--border-focus: #3b5bfc;--text: #181b21;--text-dim: #5f6878;--text-faint: #8890a0;--up: #1a7d4d;--up-line: #1a7d4d;--up-bg: rgba(26, 125, 77, .08);--up-flash: rgba(26, 125, 77, .16);--down: #d23035;--down-line: #c6282d;--down-bg: rgba(198, 40, 45, .08);--down-flash: rgba(198, 40, 45, .16);--call: #2f55d4;--put: #b87400;--atm: #5561e8;--accent: #3b5bfc;--accent-hover: #2e4ce8;--accent-bg: rgba(59, 91, 252, .09);--warn: #c77d00;--warn-bg: rgba(199, 125, 0, .08);--shadow-panel: 0 1px 3px rgba(0, 0, 0, .06);--shadow-float: 0 4px 16px -4px rgba(0, 0, 0, .1);--shadow-sticky: 4px 0 8px -4px rgba(0, 0, 0, .08);--scrollbar-thumb-hover: #b0b5be;--input-hover-border: #b8bcc4;--button-hover-border: #b8bcc4;--button-primary-active: #2d6dd8;--row-border: rgba(0, 0, 0, .06);--itm-bg: rgba(0, 0, 0, .025);--atm-bg: rgba(92, 102, 224, .06);--atm-strike-bg: rgba(92, 102, 224, .14);--oi-bar-bg: rgba(61, 122, 229, .1);--banner-error-text: #b5282d;--banner-warn-text: #a36200;--banner-info-text: #2962cc}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235f6878' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5'/%3E%3C/svg%3E")}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flash.up{background-color:var(--up-flash)}.flash.down{background-color:var(--down-flash)}.skeleton{background:var(--bg-raised)}}@media (max-width: 1180px){.topbar,.statuses{gap:10px}.statuses .pill.optional{display:none}.lead-figures{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.grid-2,.panel-grid{grid-template-columns:1fr}}.ticket{padding:0;border:0;background:transparent;color:var(--text);max-width:480px;width:calc(100vw - 32px);max-height:calc(100vh - 48px)}.ticket:focus,.ticket:focus-visible{outline:none}.ticket::backdrop{background:#04070c9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ticket[open]{animation:ticket-in .18s var(--ease)}.ticket[open]::backdrop{animation:backdrop-in .18s var(--ease)}@keyframes ticket-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.ticket-panel{display:flex;flex-direction:column;max-height:calc(100vh - 48px);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-float);overflow:hidden}.ticket-head{display:flex;align-items:flex-start;gap:10px;padding:14px var(--s6);border-bottom:1px solid var(--border);background:linear-gradient(var(--bg-raised),var(--bg-panel))}.ticket-title{min-width:0;flex:1}.ticket-title h2{margin:0;font-size:var(--fs-lead);font-weight:650;letter-spacing:-.01em;font-family:var(--mono)}.ticket-title p{margin:3px 0 0;font-size:var(--fs-micro);color:var(--text-dim)}.side-badge{padding:3px var(--s4);border-radius:4px;font-size:var(--fs-micro);font-weight:700;letter-spacing:.06em}.side-badge.buy{background:var(--up-bg);color:var(--up);border:1px solid rgba(38,169,107,.4)}.side-badge.sell{background:var(--down-bg);color:var(--down);border:1px solid rgba(229,72,77,.4)}.ticket-body{padding:var(--s6);overflow-y:auto;display:flex;flex-direction:column;gap:14px}.ticket-foot{display:flex;gap:var(--s4);padding:var(--s5) var(--s6);border-top:1px solid var(--border);background:var(--bg-chrome)}.ticket-foot button{flex:1;padding:var(--s4);font-weight:600}button.solid.buy{background:var(--up);border-color:var(--up);color:#04140c}button.solid.buy:hover:not(:disabled){background:#2fbd7a;border-color:#2fbd7a}button.solid.sell{background:var(--down-line);border-color:var(--down-line);color:#1b0405}button.solid.sell:hover:not(:disabled){background:#ef5f63;border-color:#ef5f63}.field-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field-row>label{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;min-width:78px}.field-row>input{flex:0 1 140px}.field-note{font-size:var(--fs-micro);color:var(--text-dim)}.segmented.wide{width:100%}.segmented.wide button{flex:1;padding:var(--s3) 0;font-size:var(--fs-body)}.segmented.wide button:first-child[aria-pressed=true]{background:var(--up-bg);color:var(--up);box-shadow:inset 0 0 0 1px #26a96b66}.segmented.wide button:last-child[aria-pressed=true]{background:var(--down-bg);color:var(--down);box-shadow:inset 0 0 0 1px #e5484d66}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;background:var(--bg-input)}.stepper button{border:0;border-radius:0;background:var(--bg-raised);padding:0 10px;display:flex;align-items:center}.stepper input{width:62px;border:0;border-radius:0;text-align:center;font-family:var(--mono);font-weight:600;background:var(--bg-input);-moz-appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.prices{gap:var(--s6)}.price-field{display:inline-flex;align-items:center;gap:var(--s3)}.price-field label{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.price-field input{width:108px;font-family:var(--mono);text-align:right}.cost-summary{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:10px var(--s5);transition:opacity var(--fast) var(--ease)}.cost-summary.stale{opacity:.55}.cost-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s5);padding:3px 0;font-size:var(--fs-small)}.cost-line>span{color:var(--text-dim)}.cost-line>strong{font-family:var(--mono);font-weight:600}.cost-rule{height:1px;background:var(--border);margin:var(--s3) 0}.charges{margin:var(--s2) 0}.charges summary{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s5);padding:3px 0;font-size:var(--fs-small);color:var(--text-dim);cursor:pointer;list-style:none}.charges summary::-webkit-details-marker{display:none}.charges-label{display:inline-flex;align-items:center;gap:var(--s3)}.charges-label .icon-svg{transition:transform var(--fast) var(--ease);color:var(--text-faint)}.charges[open] .charges-label .icon-svg{transform:rotate(90deg)}.charges summary strong{font-family:var(--mono);font-weight:600;color:var(--text)}.charges summary:hover{color:var(--text)}.charges[open] summary{color:var(--text)}.charge-lines{padding:var(--s3) 0 var(--s3) var(--s5);border-left:1px solid var(--border);margin:var(--s2) 0 var(--s2) 2px}.charge-lines .cost-line{font-size:var(--fs-micro);padding:2px 0}.exit-outcome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);padding:var(--s5);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.exit-outcome>div{display:flex;flex-direction:column;gap:3px;min-width:0}.exit-outcome span{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.exit-outcome strong{font-family:var(--mono);font-size:var(--fs-lead);font-weight:650;letter-spacing:-.02em}.ticket-banner{margin:0}.product-tag{font-size:var(--fs-micro);font-family:var(--sans);color:var(--text-dim);border:1px solid var(--border-strong);border-radius:3px;padding:1px var(--s3);white-space:nowrap}.product-tag.intraday{color:var(--warn);border-color:#f5a52466;background:var(--warn-bg)}.app{display:flex;height:100%;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-head{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 14px;flex-shrink:0}.sidebar-brand{font-weight:650;font-size:var(--fs-lead);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity var(--fast) var(--ease)}.sidebar.collapsed .sidebar-brand{opacity:0;pointer-events:none}.hamburger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;flex-shrink:0;border:0;background:transparent;color:var(--text-dim);border-radius:var(--radius)}.hamburger:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:var(--s3) 10px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-section{font-size:var(--fs-micro);color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;padding:var(--s5) var(--s4) var(--s2);white-space:nowrap}.sidebar.collapsed .sidebar-section{opacity:0;height:var(--s5);padding:0}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:var(--s4) 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--text-dim);font:inherit;font-weight:500;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.nav-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border:0}.nav-item[aria-current=page]{background:var(--accent-bg);color:var(--accent);font-weight:600}.nav-item .icon-svg{flex-shrink:0}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-badge{font-family:var(--mono);font-size:var(--fs-micro);font-weight:600;color:var(--text-dim);background:var(--bg-raised);border-radius:10px;padding:0 var(--s3);flex-shrink:0}.nav-item[aria-current=page] .nav-badge{background:var(--accent);color:#fff}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--s4) 0}.sidebar-foot{padding:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;flex-shrink:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.statusbar{display:flex;align-items:center;gap:14px;height:var(--topbar-h);padding:0 var(--s7);background:var(--bg-chrome);border-bottom:1px solid var(--border);flex-shrink:0}.statusbar h1{margin:0;font-size:var(--fs-lead);font-weight:620;letter-spacing:-.015em;white-space:nowrap}.statusbar .sub{font-size:var(--fs-micro);color:var(--text-faint);white-space:nowrap}.panel{border-radius:var(--radius-lg)}.card-grid{display:grid;gap:12px;margin-bottom:12px}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px var(--s6);min-width:0}.card-head{display:flex;align-items:center;gap:var(--s4);margin-bottom:10px}.card-title{font-size:var(--fs-micro);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.card-figure{font-family:var(--mono);font-size:var(--fs-figure);font-weight:650;letter-spacing:-.02em;line-height:1.15}.card-note{font-size:var(--fs-small);color:var(--text-faint);margin-top:var(--s3)}.card-rows{display:flex;flex-direction:column;gap:var(--s3)}.card-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s5);font-size:var(--fs-small)}.card-row>span{color:var(--text-dim)}.card-row>strong{font-family:var(--mono);font-weight:600}.freshness{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-micro);color:var(--text-faint);margin-left:auto}.freshness.stale{color:var(--warn)}.freshness.failed{color:var(--down)}.ledger-tag{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-micro);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px var(--s4);border-radius:999px;border:1px solid}.ledger-tag.live{color:var(--warn);border-color:#f0a33a73;background:var(--warn-bg)}.ledger-tag.paper{color:var(--accent);border-color:transparent;background:var(--accent-bg)}.depth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}.depth-bar{position:relative;display:flex;justify-content:space-between;padding:2px var(--s3);font-family:var(--mono);font-size:var(--fs-small);border-radius:3px}.depth-bar:before{content:"";position:absolute;top:0;bottom:0;width:var(--w, 0%);border-radius:3px;z-index:-1}.depth-bar.bid:before{left:0;background:var(--up-bg)}.depth-bar.ask:before{right:0;background:var(--down-bg)}