:root{--bg: #ffffff;--bg-soft: #f7f8fa;--line: #e5e7eb;--text: #22262e;--text-dim: #6b7280;--accent: #387ed1;--band-ce: #e7f4ec;--band-ce-text: #0f7a4d;--band-pe: #fdecec;--band-pe-text: #c62828;--band-mid: #eef0f3;--atm: #fdf3d1;--pos: #089981;--neg: #f23645;--heat-ce-1: #e53935;--heat-ce-2: #ef7070;--heat-ce-3: #f8b4b4;--heat-pe-1: #1b8f4d;--heat-pe-2: #57b877;--heat-pe-3: #b3dfc4;--heatc-ce-1: #f6a19e;--heatc-ce-2: #fac3c1;--heatc-ce-3: #fde2e1;--heatc-pe-1: #9ed4b5;--heatc-pe-2: #c2e4d1;--heatc-pe-3: #e0f2e8;--s-price: #7b1fa2;--s-vwap: #ff9800;--s-ce: #e53935;--s-pe: #1b8f4d;--s-spot: #d81b60}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;color:var(--text);background:var(--bg-soft)}button{font:inherit;cursor:pointer}select,input{font:inherit}.topbar{display:flex;align-items:center;gap:4px;background:var(--bg);border-bottom:1px solid var(--line);padding:0 16px;height:46px}.topbar .brand{font-weight:700;margin-right:18px;letter-spacing:.2px}.tab{border:0;background:none;padding:0 14px;height:46px;color:var(--text-dim);border-bottom:2px solid transparent;font-weight:600}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;row-gap:6px}.topbar.vibrant{min-height:60px;height:auto;gap:4px;align-items:center;flex-wrap:wrap;row-gap:6px;background:linear-gradient(90deg,#f5f9ff,#fdf6ff 45%,#f4fbf7);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#387ed1,#7b1fa2,#d97706,#0d9488,#e11d48,#16a34a) 1}.topbar.vibrant .brand{background:linear-gradient(90deg,#387ed1,#7b1fa2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px}.tab-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:6px 12px 0;margin-right:2px;align-self:stretch}.tab-group+.tab-group{border-left:1px solid var(--line);margin-left:4px}.tab-group-label{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text-dim);margin:0 0 4px 12px;white-space:nowrap}.tab-group-row{display:flex;align-items:center;gap:2px;flex-wrap:wrap;row-gap:4px}.tab2{--tc: var(--accent);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;border:1px solid transparent;background:none;border-radius:999px;padding:6px 13px;height:auto;font-weight:600;font-size:12.5px;color:var(--tc);transition:background .15s,box-shadow .15s}.tab2 .ticon{font-size:13px}.tab2:hover{background:color-mix(in srgb,var(--tc) 10%,#fff)}.tab2.active{background:var(--tc);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--tc) 45%,transparent)}@media (max-width: 1200px){.tab2{padding:6px 9px;font-size:11.5px}.tab2 .ticon{display:none}}@media (max-width: 520px){.topbar.vibrant{padding:8px 10px}.topbar.vibrant .brand{margin-right:8px;font-size:13px}.tab-group{padding:4px 6px 0}.tab2{padding:5px 7px;font-size:11px}.topbar .right{gap:8px}.spot-chip{font-size:11.5px}}.spot-chip{font-variant-numeric:tabular-nums}.spot-chip b{margin-right:5px;font-weight:600}.login-chip{font-size:12px;padding:3px 10px;border-radius:999px;background:var(--band-ce);color:var(--band-ce-text)}.login-chip.out{background:var(--band-pe);color:var(--band-pe-text)}.page{padding:12px 16px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:10px}.controls label{color:var(--text-dim)}.controls select,.controls input[type=number],.controls input[type=date],.controls input[type=time]{border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:var(--bg)}.controls input[type=number]{width:56px}.controls .radio{display:flex;align-items:center;gap:4px}.controls .grow{flex:1}.btn{border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:5px 10px;color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.summary{display:flex;flex-wrap:wrap;gap:18px;align-items:baseline;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 14px;margin-bottom:10px;font-variant-numeric:tabular-nums}.summary .main{font-weight:700;font-size:14px}.summary .kv span{color:var(--text-dim);margin-right:4px;font-size:12px}.summary .kv b{font-weight:600}.chain-wrap{background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:calc(100vh - 210px)}table.chain{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.chain th,.chain td{padding:3px 7px;text-align:right;border-bottom:1px solid #f0f1f3}.chain thead th{position:sticky;z-index:2}.chain thead tr.bands th{top:0;font-weight:700;padding:5px 7px}.chain thead tr.cols th{top:27px;font-weight:600;font-size:11px;color:var(--text-dim);background:var(--bg);box-shadow:inset 0 -1px 0 var(--line)}.th-ce{background:var(--band-ce);color:var(--band-ce-text)}.th-pe{background:var(--band-pe);color:var(--band-pe-text)}.th-mid{background:var(--band-mid);color:var(--text)}.chain td.mid{background:var(--bg-soft);font-weight:700;text-align:center}.chain tr.atm td{background:var(--atm)}.chain tr.atm td.mid{background:#f7e9ae}.chain tr.mpain td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.chain tr.mpain td.mid{background:#dbe9fb;color:#1d4f91}.chain tr.atm.mpain td.mid{background:#e8ddb0}.mp-chip{background:#dbe9fb;color:#1d4f91;border-radius:5px;padding:1px 7px}.chain tr:hover td{filter:brightness(.97)}.pos{color:var(--pos)}.neg{color:var(--neg)}td.heat-w{color:#fff;font-weight:600}.badge{display:inline-block;min-width:24px;text-align:center;font-size:10px;font-weight:700;border-radius:4px;padding:1px 4px}.badge.LB{background:#dff3e9;color:var(--pos)}.badge.SB{background:#fde3e1;color:var(--neg)}.badge.SC,.badge.LU{background:#eef0f3;color:var(--text-dim)}.fb-layout{display:flex;gap:10px;height:calc(100vh - 70px)}.sidebar{width:280px;flex:none;background:var(--bg);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed{width:36px}.sidebar .head{padding:10px 12px;border-bottom:1px solid var(--line)}.sidebar .head .idx{font-weight:700;font-size:14px}.sidebar .cards{flex:1;overflow-y:auto;padding:6px}.scard{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:6px;cursor:pointer}.scard.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.scard .row1{display:flex;align-items:center;gap:7px}.scard .swatch{width:10px;height:10px;border-radius:3px;flex:none}.scard .name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.scard .row2{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--text-dim)}.scard .ltp{font-variant-numeric:tabular-nums;color:var(--text)}.scard .tag{font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 5px}.scard .icons{margin-left:auto;display:flex;gap:4px}.icon-btn{border:0;background:none;padding:2px;color:var(--text-dim);font-size:13px}.icon-btn:hover{color:var(--text)}.sidebar .foot{padding:8px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center}.link{border:0;background:none;color:var(--accent);padding:0}.chart-area{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;row-gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.pill{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--text-dim)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.charts{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.chart-card{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.chart-card h4{margin:0 0 4px;font-size:12px;color:var(--text-dim);font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin-bottom:4px}.legend .li{display:flex;align-items:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.legend .li.off{opacity:.35}.legend .dot{width:8px;height:8px;border-radius:50%}.legend .vals{margin-left:auto;color:var(--text-dim);font-variant-numeric:tabular-nums}.legend .readout{margin-left:auto;display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-variant-numeric:tabular-nums}.readout .tchip{background:#22262e;color:#fff;border-radius:5px;padding:1px 7px;font-weight:700}.readout .vchip{border-radius:5px;padding:1px 7px;font-weight:600;white-space:nowrap}.readout .vchip b{font-weight:700}.slideover{position:fixed;top:0;right:0;bottom:0;width:380px;z-index:20;background:var(--bg);border-left:1px solid var(--line);box-shadow:-8px 0 24px #00000014;display:flex;flex-direction:column}.slideover .head{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.slideover .head b{font-size:14px}.slideover .head .close{margin-left:auto}.slideover .tabs{display:flex;border-bottom:1px solid var(--line)}.slideover .tabs button{flex:1;border:0;background:none;padding:9px 0;font-weight:600;color:var(--text-dim);border-bottom:2px solid transparent}.slideover .tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.slideover .body{flex:1;overflow-y:auto;padding:10px 14px}.slideover .rowc{display:flex;gap:10px;align-items:center;margin-bottom:10px}.ladder{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.ladder th{font-size:11px;color:var(--text-dim);padding:3px 6px;position:sticky;top:0;background:var(--bg)}.ladder td{padding:3px 6px;text-align:center;border-bottom:1px solid #f0f1f3;cursor:pointer;position:relative}.ladder td.ltp{text-align:right}.ladder .oibar{position:absolute;top:2px;bottom:2px;opacity:.18}.ladder .oibar.ce{background:var(--heat-ce-1);left:0}.ladder .oibar.pe{background:var(--heat-pe-1);right:0}.ladder input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.ladder tr.atmz td{background:var(--atm)}.ladder tr.picked td{outline:2px solid var(--accent);outline-offset:-2px}.ladder .radio-dot{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-radius:50%}.ladder tr.picked .radio-dot{border-color:var(--accent);background:var(--accent)}.slideover .foot{padding:10px 14px;border-top:1px solid var(--line);display:flex;gap:10px}.leglist{margin:6px 0}.leglist .leg{display:flex;gap:6px;align-items:center;margin-bottom:5px}.banner{background:#fff7e0;border:1px solid #f0dfa8;color:#7a5d00;padding:8px 14px;border-radius:8px;margin-bottom:10px}.banner a{color:var(--accent)}.sim-layout{display:grid;grid-template-columns:400px 1fr;gap:10px;align-items:start}@media (max-width: 1100px){.sim-layout{grid-template-columns:1fr}}.sim-chain{max-height:calc(100vh - 220px)}.sim-chain td{position:relative}.bs{border:1px solid var(--line);background:var(--bg);border-radius:4px;font-size:10px;font-weight:700;width:20px;height:18px;padding:0;margin:0 1px}.bs.b{color:#089981}.bs.s{color:#f23645}.bs:hover:not(:disabled){border-color:currentColor}.bs:disabled{opacity:.3;cursor:default}.bs.active.b{background:#089981;color:#fff;border-color:#089981}.bs.active.s{background:#f23645;color:#fff;border-color:#f23645}.sim-right{min-width:0}.sim-compact table.chain{font-size:11px}.sim-compact .chain th,.sim-compact .chain td{padding:2px 5px}.paper-layout{display:grid;grid-template-columns:560px 1fr;gap:10px;align-items:start}@media (max-width: 1250px){.paper-layout{grid-template-columns:1fr}}.paper-layout>*,.sim-layout>*{min-width:0}.paper-layout .inp{display:inline-block;width:auto;margin:0;padding:4px 8px}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}@media (max-width: 1100px){.cmp-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000059;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.modal{width:420px;max-width:92vw;background:var(--bg);border-radius:10px;border:1px solid var(--line);box-shadow:0 16px 48px #0003;padding:14px 16px;font-size:13px}.inp{display:block;width:100%;box-sizing:border-box;margin:6px 0;padding:7px 9px;border:1px solid var(--line);border-radius:6px;font-size:13px}.dim{color:var(--text-dim);font-size:12px}.sgb{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;margin-right:3px;letter-spacing:.3px}.bt-cards{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.bt-card{flex:1;min-width:280px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 14px}.bt-card h4{margin:0 0 6px;font-size:12px;color:var(--text-dim);font-weight:600}.bt-card .big{font-size:20px;font-weight:700;margin-bottom:6px}.bt-card .big .dim{font-size:12px;font-weight:400}.bt-card table{width:100%;font-size:12px;border-collapse:collapse}.bt-card td{padding:2px 0}.bt-card td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}@media (max-width: 520px){.bt-card{min-width:0;flex-basis:100%}}.bt-progress{height:8px;background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;margin-top:8px;overflow:hidden}.bt-progress span{display:block;height:100%;background:var(--accent);transition:width .5s}@media (max-width: 900px){.fb-layout{flex-direction:column;height:auto}.sidebar{width:100%}}:root{--grad: linear-gradient(90deg, #387ed1, #7b1fa2, #d97706, #0d9488, #e11d48, #16a34a);--shadow-1: 0 1px 3px rgba(16,24,40,.07), 0 1px 2px rgba(16,24,40,.04);--shadow-2: 0 10px 28px rgba(16,24,40,.12)}body{background:radial-gradient(1100px 420px at 12% -60px,#e8f2ff 0%,transparent 55%),radial-gradient(900px 380px at 88% -70px,#f7ecfb 0%,transparent 55%),var(--bg-soft)}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page,.fb-layout,.paper-layout,.sim-layout{animation:rise .25s ease}.controls,.summary,.chart-card,.bt-card,.chain-wrap,.sidebar,.toolbar,.modal{box-shadow:var(--shadow-1);transition:box-shadow .2s ease,transform .2s ease}.chart-card:hover,.bt-card:hover,.scard:hover{box-shadow:var(--shadow-2)}.bt-card{position:relative;overflow:hidden}.bt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);opacity:.65}.chart-card h4:before,.summary .main:before{content:"";display:inline-block;width:4px;height:12px;border-radius:2px;background:linear-gradient(180deg,#387ed1,#7b1fa2);margin-right:7px;vertical-align:-1px}.btn{transition:all .15s ease;box-shadow:0 1px 2px #1018280d}.btn:hover{border-color:var(--accent);color:var(--accent);background:#f2f8ff;transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.96)}.btn.primary{background:linear-gradient(135deg,#387ed1,#7b1fa2);border:0;color:#fff;box-shadow:0 3px 12px #387ed159}.btn.primary:hover{color:#fff;filter:brightness(1.08);transform:translateY(-1px)}.pill{transition:all .15s ease}.pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.pill.active{background:linear-gradient(135deg,#387ed1,#6b64d8);border-color:transparent;box-shadow:0 2px 8px #387ed159;color:#fff}.bs{transition:transform .1s ease,background .15s,box-shadow .15s}.bs:hover:not(:disabled){transform:scale(1.18);box-shadow:0 1px 4px #1018282e}.icon-btn{transition:transform .12s ease,color .12s}.icon-btn:hover{transform:scale(1.25);color:var(--neg)}.link:hover{text-decoration:underline}select:focus,input:focus,textarea:focus{outline:2px solid rgba(56,126,209,.35);outline-offset:1px;border-color:var(--accent)}input[type=range]{accent-color:#7b1fa2}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.chain tbody tr{transition:background .12s ease}.chain tr:hover td{filter:brightness(.95)}.chain thead tr.bands th{letter-spacing:.6px}.th-ce{background:linear-gradient(180deg,#d9f0e4,#e7f4ec)}.th-pe{background:linear-gradient(180deg,#fcdfdf,#fdecec)}.chain thead tr.cols th{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chain thead tr.cols:first-child th{top:0}.spot-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 11px;box-shadow:var(--shadow-1);font-size:12px}.login-chip{box-shadow:var(--shadow-1)}.scard{transition:box-shadow .15s ease,border-color .15s,transform .15s}.scard:hover{border-color:#b9d2f0;transform:translateY(-1px)}.scard.sel{box-shadow:0 0 0 1px var(--accent),0 4px 14px #387ed12e}.bt-progress span{background:linear-gradient(90deg,#387ed1,#7b1fa2,#0d9488,#387ed1);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.banner{border-left:4px solid #f0b429;box-shadow:var(--shadow-1);animation:rise .2s ease}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{animation:rise .2s ease}@keyframes slidein{0%{transform:translate(28px);opacity:0}to{transform:none;opacity:1}}.slideover{animation:slidein .22s ease}.legend .li{transition:opacity .15s,transform .12s;border-radius:6px;padding:1px 4px}.legend .li:hover{background:#f0f4fa;transform:translateY(-1px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccd5e1;border-radius:8px;border:2px solid #f7f8fa}::-webkit-scrollbar-thumb:hover{background:#9fb0c7}