:root{--bg:#f5f7f8;--surface:#fff;--ink:#1e292d;--muted:#829098;--line:#e5e9eb;--green:#13856e;--green-bg:#eaf6f0;--red:#cf5964;--red-bg:#fceef0;--blue:#4e80ba;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--bg);color:var(--ink);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}button,a{transition:background .15s,color .15s}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:18px;height:18px;stroke-width:1.65;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.rail{position:fixed;top:0;bottom:0;left:0;width:68px;background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;z-index:5;gap:12px}.brand{width:38px;height:38px;margin:21px 0 26px;background:#183f36;color:#c5ecdd;display:grid;place-items:center;border-radius:8px}.brand svg{width:24px;height:24px}.rail-button{background:none;border:0;width:40px;height:42px;border-radius:6px;color:#89959c;display:grid;place-items:center}.rail-button.active{color:var(--green);background:var(--green-bg)}.rail-button:hover{background:#f0f4f3}.rail-bottom{margin-top:auto;margin-bottom:24px;display:flex;gap:10px;align-items:center;flex-direction:column;font:10px var(--mono);color:var(--muted)}.shell{margin-left:68px}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fff}.wordmark{font-weight:750;font-size:15px}.wordmark>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:18px}.top-actions{display:flex;align-items:center;gap:18px}.status{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.connection-dot{display:inline-block;width:6px;height:6px;background:#b1bcc1;border-radius:50%;flex-shrink:0}.connection-dot.online{background:var(--green);box-shadow:0 0 0 3px #13856e12}.connection-dot.warning{background:#c49838}.divider{width:1px;height:16px;background:var(--line)}.clock{font:11px var(--mono);color:var(--muted)}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;background:white;color:#75838a;flex-shrink:0}.icon-button:hover{background:#f0f4f3;color:var(--ink)}main{padding:27px 30px 0;max-width:1920px;margin:auto}.market-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.instrument{display:flex;gap:12px;align-items:center}.instrument img{object-fit:contain;border-radius:50%;padding:5px;background:#edf0f5}h1{font-size:24px;font-weight:680;margin:0 0 6px}h1>span{font-size:18px;font-weight:450;color:#859097}.instrument-meta{display:flex;align-items:center;gap:10px;color:#7e8990;font-size:11px}.instrument-meta>span{font-size:10px;padding:2px 5px;background:#e9edef;border-radius:3px;color:#677780}.instrument-meta>.venue{padding:0;background:none;color:#99a2a7;font-size:9px}.execution-controls{display:flex;align-items:center;gap:10px}.segmented{display:flex;background:#e9eeed;padding:3px;border-radius:6px;margin-right:5px}.segmented button{border:none;background:none;padding:6px 15px;font-size:12px;color:#7f8b90;border-radius:4px}.segmented button.selected{background:#fff;box-shadow:0 1px 4px #163b2210;color:var(--green);font-weight:600}.segmented button.live-selected{color:var(--red)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #dce3e4;border-radius:5px;padding:10px 15px;background:white;font-size:12px;font-weight:550;min-height:38px}.button:hover{background:#f3f7f5}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:#10745f}.button svg{width:15px;height:15px}.danger-button{height:38px;width:38px;color:var(--red);border-color:#ebd6d9}.quote-strip{display:grid;grid-template-columns:1.2fr 1fr .85fr 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:24px;gap:18px}.quote{min-width:0;padding-left:20px;border-left:1px solid var(--line)}.quote:first-child{padding-left:0;border:0}.quote label{display:flex;gap:6px;align-items:center;white-space:nowrap;color:#7d8a91;font-size:11px;margin-bottom:10px}.quote strong{display:block;font:500 21px var(--mono);white-space:nowrap;min-height:25px}.quote.main-quote strong{font-size:26px;color:var(--green);line-height:25px}.quote strong em, .volatility em{font:10px -apple-system,sans-serif;font-style:normal;color:var(--muted)}.quote small{display:block;margin-top:8px;font-size:10px;color:#99a2a7;white-space:nowrap}.feed{color:var(--green);font-size:8px;background:#e7f1eb;padding:2px 4px;border-radius:3px}.unit-label{font:8px var(--mono);color:#a1aab0}.workspace{display:grid;grid-template-columns:minmax(340px,1.5fr) minmax(300px,1fr) minmax(255px,.85fr);background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workspace>section{min-width:0}.section-heading{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 18px;gap:10px}.section-heading h2{font-size:13px;font-weight:600;margin:0}.subtle{font-size:10px;color:#9ca7ad;white-space:nowrap}.tabs{display:flex;height:100%;gap:20px;align-items:stretch}.tab{border:0;background:none;font-size:12px;color:#8b979e;white-space:nowrap;position:relative;padding:0}.tab.selected{color:#213b32;font-weight:600}.tab.selected:after{position:absolute;bottom:-1px;left:0;right:0;content:"";height:2px;background:var(--green)}.chart-toolbar{display:flex;align-items:center;gap:16px}.legend{display:flex;align-items:center;gap:5px;font-size:9px;color:#92a0a7;white-space:nowrap}.legend b:nth-of-type(2){margin-left:6px}.futures-key,.spot-key{display:inline-block;width:6px;height:6px;border-radius:1px;flex-shrink:0}.futures-key{background:var(--green)}.spot-key{background:var(--blue)}.range-buttons{display:flex;gap:2px}.range-buttons button{font:10px var(--mono);border:0;background:none;color:#9ca6ab;padding:4px 5px;border-radius:3px}.range-buttons button.selected{background:#edf4ef;color:var(--green)}.chart-wrap{height:305px;position:relative;overflow:hidden}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-label{position:absolute;left:19px;top:17px;display:flex;align-items:center;gap:9px;pointer-events:none}.chart-label span:first-child{font:10px var(--mono);color:#8a989f}.chart-label span:last-child{font:8px var(--mono);color:#b0babe}.chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#98a6ad;font-size:11px}.chart-empty svg{width:27px;height:27px}.chart-footer{height:35px;display:flex;align-items:center;justify-content:space-between;color:#98a4aa;font:9px var(--mono);padding:0 18px;border-bottom:1px solid var(--line)}.chart-footer>span:first-child{display:flex;align-items:center;gap:7px}.flow-strip{display:grid;grid-template-columns:1fr 1fr .85fr;gap:20px;padding:20px 18px}.flow-strip label{display:block;color:#8c989e;font-size:9px;margin-bottom:14px;white-space:nowrap}.flow-track{height:4px;background:#e6a3a9;overflow:hidden;border-radius:2px}.flow-track span{display:block;height:100%;width:50%;background:#60ae96;transition:width .3s}.flow-strip small{display:flex;justify-content:space-between;font:9px var(--mono);margin-top:8px}.volatility{border-left:1px solid var(--line);padding-left:16px}.volatility strong{font:16px var(--mono)}.volatility label{margin-bottom:10px}.volatility small{color:var(--muted);font:9px -apple-system,sans-serif}.book-section{border-left:1px solid var(--line);border-right:1px solid var(--line)}.dual-books{display:grid;grid-template-columns:1fr 1fr;gap:0}.book{min-width:0;padding:0 12px 12px}.book:first-child{border-right:1px solid var(--line)}.book-title{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.book-title>span:first-child{display:flex;align-items:center;gap:6px}.book-status{color:#9aa7ae;font:8px var(--mono)}.book-columns{display:flex;justify-content:space-between;color:#a5afb4;font-size:8px;margin-bottom:8px}.book-row{display:flex;justify-content:space-between;align-items:center;height:22px;position:relative;font:10px var(--mono);font-variant-numeric:tabular-nums;padding:0 3px;isolation:isolate}.book-row:before{position:absolute;right:0;top:1px;bottom:1px;background:var(--bar-color);width:var(--depth);content:"";z-index:-1}.asks .book-row{color:var(--red);--bar-color:#ce596410}.bids .book-row{color:var(--green);--bar-color:#13856e0d}.book-row span:last-child{color:#73828b}.book-mid{height:48px;border-top:1px solid #eef0f1;border-bottom:1px solid #eef0f1;margin:5px 0;display:flex;justify-content:center;flex-direction:column;gap:5px;padding:0 3px}.book-mid strong{font:600 15px var(--mono);color:var(--green)}.book-mid small{font:8px var(--mono);color:#9aa5ac}.book-balance{height:3px;background:#eab1b7;margin-top:13px;border-radius:3px;overflow:hidden}.book-balance span{height:100%;width:50%;display:block;background:#86bca7}.source-tag{font-size:9px;color:#739183;background:#f0f5f2;padding:3px 6px;border-radius:3px}.decision-body{padding:19px 18px 0}.decision-summary{display:flex;align-items:center;gap:10px}.decision-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e2eae6;border-radius:6px;background:#f5f8f6;color:#6f9987}.eyebrow{font:8px var(--mono);color:#9da9b0;display:block;margin-bottom:5px}h3{font-size:20px;margin:0;font-weight:600}.neutral-tag{font-size:9px;background:#f0f2f3;color:#8d999f;border-radius:3px;padding:3px 5px;margin-left:auto;white-space:nowrap}.decision-reason{font-size:11px;line-height:1.8;color:#8b979e;min-height:40px;margin:15px 0;overflow-wrap:anywhere}.decision-prices{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.decision-prices>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0}.decision-prices label{font-size:10px;color:#8d9a9f;display:flex;align-items:center;gap:5px}.decision-prices strong{font:500 14px var(--mono)}.mini-dot{display:inline-block;width:4px;height:4px;border-radius:50%}.green{background:var(--green)}.red{background:var(--red)}.up{color:var(--green)!important}.down{color:var(--red)!important}.decision-details{margin:12px 0}.decision-details>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;font-size:10px}.decision-details dt{color:#99a4aa}.decision-details dd{margin:0;color:#697b84;font-family:var(--mono)}.analyze-button{width:100%;background:#eff6f2;color:var(--green);border-color:#dfeae3;min-height:34px}.execute-button{width:100%;margin-top:7px;min-height:32px;padding:7px;background:#fff;font-size:11px}.decision-bottom{display:flex;gap:5px;align-items:center;padding:12px 0;font-size:8px;color:#8d9a9f}.decision-bottom span:last-child{margin-left:auto;max-width:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ledger-section{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;min-height:175px}.count{font:9px var(--mono);padding:2px 4px;border-radius:3px;background:#eff2f1;color:#899991;margin-left:5px}.empty-position{height:126px;display:flex;gap:13px;align-items:center;justify-content:center;color:#a1adb1}.empty-position>svg{width:29px;height:29px;stroke-width:1.2}.empty-position strong{font-size:11px;font-weight:450;color:#829198;display:block;margin-bottom:7px}.empty-position span{font-size:9px;color:#a7b0b5}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;font-size:9px;font-weight:400;color:#9ba6ac;padding:13px 18px;border-bottom:1px solid #f0f3f4}td{font:10px var(--mono);padding:13px 18px;border-bottom:1px solid #f1f4f5;color:#74838a}td:first-child{color:#9aa6ac}.empty-table{text-align:center;padding:30px;color:#9ca9af;font-size:11px}.event-list{max-height:260px;overflow-y:auto;padding:4px 18px}.event{display:grid;grid-template-columns:65px 50px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #f0f3f4;font-size:10px;line-height:1.5}.event time{font-family:var(--mono);color:#a4afb5}.event>span{color:#81928a}.event.warning>span{color:#ba9146}.event.error>span{color:var(--red)}.event p{margin:0;color:#7c8990;overflow-wrap:anywhere}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:9px;color:#a1adb3;padding:18px 0 22px}.page-footer>span:first-child{display:flex;gap:6px;align-items:center;font:9px var(--mono)}.footer-separator{margin:0 5px;color:#c1c9cd}.fault-banner{background:#fcf0f1;border:1px solid #efced1;color:#b74754;font-size:12px;padding:12px 15px;margin:0 0 20px;border-radius:4px}.position-grid{display:grid;grid-template-columns:1.2fr repeat(5,1fr) auto;gap:18px;align-items:center;padding:30px 18px}.position-grid label{display:block;font-size:9px;color:#9aa7ad;margin-bottom:10px}.position-grid strong{font:12px var(--mono)}dialog{border:1px solid #e0e7e4;border-radius:8px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;color:var(--ink);box-shadow:0 15px 80px #18322826}dialog::backdrop{background:#12252148;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.dialog-heading h2{font-size:21px;font-weight:600;margin:0}.dialog-heading .eyebrow{margin-bottom:7px;color:#899f93}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid label,.confirm-label{font-size:11px;color:#7b8b93;display:flex;flex-direction:column;gap:8px}.settings-grid .wide{grid-column:1/-1}input,select{width:100%;border:1px solid #dfe6e3;border-radius:4px;padding:9px 10px;background:#fafcfb;color:#35473f;font-size:12px;height:37px}input:disabled{opacity:.5}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.configuration-status{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a0aaa9;margin-top:18px}.live-note{font-size:12px;color:#8c7c7c;line-height:1.9}.danger-solid{background:var(--red);color:white;border-color:var(--red)}.danger-solid:hover{background:#bb4651}.confirm-label{margin-top:20px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#253f36;color:white;border:1px solid #456356;border-radius:6px;padding:13px 20px;font-size:12px;z-index:30;max-width:calc(100vw - 30px);box-shadow:0 4px 24px #1234;line-height:1.6}#toast.error{background:#843e48;border-color:#99525b}.busy svg{animation:rotate 1.3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1600px){.chart-wrap{height:335px}.book-row{height:24px}.decision-body{padding-top:23px}.decision-reason{margin:20px 0}.decision-details{margin:17px 0}.decision-prices>div{padding:8px 0}}
@media(max-width:1250px){main{padding:23px 20px 0}.topbar{padding:0 20px}.workspace{grid-template-columns:minmax(320px,1.3fr) minmax(290px,1fr)}.decision-section{grid-column:1/-1;border-top:1px solid var(--line)}.decision-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 28px;padding-bottom:14px}.decision-summary{grid-column:1;grid-row:1}.decision-reason{grid-column:1;grid-row:2/4;margin-bottom:0}.decision-prices{grid-column:2;grid-row:1/4;border-top:0;border-bottom:0;padding:0}.decision-details{grid-column:3;grid-row:1/3;margin:0 0 10px}.analyze-button{grid-column:3;grid-row:3}.execute-button{grid-column:3;grid-row:4}.decision-bottom{grid-column:1/3;grid-row:4}.quote-strip{gap:10px}.quote{padding-left:12px}.quote strong{font-size:18px}.quote.main-quote strong{font-size:23px}.quote label{font-size:10px}.quote small{font-size:9px}.position-grid{gap:12px;grid-template-columns:repeat(4,1fr)}.legend{display:none}.book-section{border-right:0}}
@media(max-width:850px){.rail{width:52px}.shell{margin-left:52px}.topbar{height:59px}.brand{width:32px;height:32px;margin-top:14px;margin-bottom:18px}.brand svg{width:20px;height:20px}.wordmark>span{display:none}.top-actions{gap:10px}.clock{display:none}main{padding:20px 16px 0}.market-heading{flex-wrap:wrap;margin-bottom:20px}.execution-controls{gap:8px}.execution-controls .button{font-size:11px;padding:9px 11px}.segmented button{padding:6px 12px}.quote-strip{grid-template-columns:repeat(3,1fr);gap:20px 8px}.quote:nth-child(4){padding-left:0;border:0}.quote strong{font-size:19px}.quote.main-quote strong{font-size:23px}.quote small{font-size:9px}.workspace{grid-template-columns:1fr}.book-section{border-left:0;border-top:1px solid var(--line)}.book{padding:0 18px 14px}.book-row{font-size:11px}.book-columns{font-size:9px}.book-title{font-size:11px}.book-status{font-size:9px}.chart-toolbar{gap:12px}.legend{display:flex}.chart-wrap{height:295px}.decision-body{display:block;padding:18px}.decision-prices{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;margin:16px 0}.decision-details{margin:15px 0}.decision-bottom{padding-bottom:0}.decision-reason{min-height:0}.decision-section{grid-column:auto}.page-footer{flex-wrap:wrap;font-size:8px}.page-footer>span:last-child{display:none}.tabs{gap:18px}.ledger-section .section-heading{padding:0 14px}.tab{font-size:11px}.flow-strip{gap:16px}.flow-strip label{font-size:9px}.position-grid{grid-template-columns:repeat(2,1fr);padding:20px 16px}.position-grid .button{grid-column:1/-1}.chart-label span:last-child{display:none}}
@media(max-width:460px){.rail{display:none}.shell{margin-left:0}.topbar{padding:0 16px}.market-heading{gap:18px}.execution-controls{width:100%;justify-content:space-between}.execution-controls .button{flex:1}.quote strong{font-size:17px}.quote.main-quote strong{font-size:21px}.quote-strip{gap:18px 7px}.quote{padding-left:9px}.quote label{font-size:9px}.quote .feed{display:none}.quote small{font-size:8px}.quote strong em{font-size:8px}.section-heading{padding:0 14px}.chart-toolbar{gap:7px}.legend{font-size:8px}.chart-section .tabs{gap:13px}.chart-wrap{height:265px}.flow-strip{padding:18px 14px;gap:12px}.flow-strip label{font-size:8px}.volatility{padding-left:10px}.volatility strong{font-size:14px}.flow-strip small{font-size:8px}.book{padding:0 12px 12px}.book-row{font-size:10px}.book-mid strong{font-size:14px}.settings-grid{gap:13px}dialog{padding:20px}.event{grid-template-columns:55px 35px 1fr;gap:8px}}