*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#0b0e13;color:#d8dee7;font:12px Inter,Segoe UI,Arial,sans-serif;overflow:hidden}.topbar{height:54px;background:#11161d;border-bottom:1px solid #252d38;display:flex;align-items:center;gap:5px;padding:0 10px}.brand{height:34px;display:flex;align-items:center;gap:7px;padding-right:13px;border-right:1px solid #2a323e;color:#f3f5f8;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #2fb78c;border-radius:5px;color:#35c99a;font-weight:800}.brand span:nth-child(3){color:#7e8a99;font-size:10px}.brand em{font-style:normal;font-size:8px;color:#6f7a89;margin-left:2px}.symbol-btn,.top-btn{background:transparent;border:0;color:#bdc6d1;padding:8px 9px;border-radius:4px;cursor:pointer}.symbol-btn{font-weight:700;color:#fff;font-size:13px}.symbol-btn span{color:#738092}.top-btn:hover{background:#202732;color:#fff}.top-spacer{flex:1}.trade-top{background:#1d2631;color:#dbe2eb;border:1px solid #34404e;border-radius:5px;padding:7px 13px}.publish{background:#3578f6;color:white;border:0;border-radius:5px;padding:8px 13px;font-weight:700}.workspace{height:calc(100% - 54px);display:grid;grid-template-columns:48px minmax(600px,1fr) 320px;background:#252d37;gap:1px}.tools{background:#10151b;border-right:1px solid #252d37;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:3px}.tool{width:36px;height:36px;background:transparent;border:0;color:#8d98a7;font-size:17px;border-radius:5px;cursor:pointer}.tool:hover,.tool.active{background:#202833;color:#fff}.center{min-width:0;display:grid;grid-template-rows:minmax(400px,1fr) 116px 185px;background:#0e1319}.chart-wrap{min-height:0;position:relative;background:#0d1218;display:grid;grid-template-rows:35px 32px 1fr 27px}.chart-head{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #171e27}.muted{color:#6e7a8b}.live-dot{color:#2acb91;margin-left:7px}.ohlc{font-size:11px;color:#8995a5}.quote-row{display:flex;align-items:center;gap:9px;padding:0 12px;z-index:3}.sell-quote{color:#e16470}.buy-quote{color:#32c895}.sell-quote b,.buy-quote b{font-size:12px}.spread{color:#667283;font-size:10px}.gain{color:#2bc792!important}.loss{color:#e36170!important}#chart{min-height:0;width:100%;height:100%}.chart-bottom{display:flex;align-items:center;gap:16px;padding:0 12px;border-top:1px solid #171e27;color:#7c8797;font-size:10px}.chart-bottom .date{margin-left:3px}.utc{margin-left:auto;color:#5f6b7b}.order-panel{border-top:1px solid #242d38;background:#11171e;padding:9px 12px}.order-title{height:24px;display:flex;align-items:center;gap:14px;color:#8490a0;font-size:10px}.order-title b{color:#dce3eb;letter-spacing:.7px}.margin-note{margin-left:auto}.order-grid{display:grid;grid-template-columns:125px 105px 125px 125px 105px 105px;gap:8px;align-items:end}.order-grid label{color:#718092;font-size:10px}.order-grid input,.order-grid select{display:block;width:100%;height:36px;margin-top:5px;background:#171e27;border:1px solid #303a47;color:#dbe2ea;border-radius:4px;padding:0 8px;outline:0}.big-buy,.big-sell{height:67px;border:0;border-radius:5px;color:white;font-weight:800;cursor:pointer;font-size:13px}.big-buy{background:#07835d}.big-buy:hover{background:#0a9b70}.big-sell{background:#a83e4d}.big-sell:hover{background:#c24959}.big-buy small,.big-sell small{display:block;margin-top:4px;font-weight:500}.positions-panel{background:#10161d;border-top:1px solid #242d38;min-height:0}.tabs{height:42px;display:flex;align-items:center;border-bottom:1px solid #232b36;padding:0 10px;gap:3px}.tab{height:100%;background:transparent;border:0;color:#7f8b9b;padding:0 12px;cursor:pointer}.tab.active{color:#fff;border-bottom:2px solid #3b83f6}.pnl-head{margin-left:auto;font-weight:700}.table-scroll{height:calc(100% - 42px);overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;color:#697687;font-size:10px;font-weight:500;padding:8px;border-bottom:1px solid #222a34}td{padding:8px;border-bottom:1px solid #1b232d;font-size:11px}.close{background:#202934;color:#ccd5df;border:0;border-radius:3px;padding:4px 8px;cursor:pointer}.rightbar{background:#0f141a;overflow:auto;padding-bottom:20px}.watch-head{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid #222a34}.watch-head b{font-size:13px;color:#fff}.watch-cols{display:grid;grid-template-columns:1fr 85px 65px;padding:8px 12px;color:#667282;font-size:10px}.watch-section{padding:11px 12px 6px;color:#677384;font-size:9px;font-weight:700;letter-spacing:.8px;border-top:1px solid #1e2630}.watch-item{display:grid;grid-template-columns:1fr 88px 62px;align-items:center;padding:8px 12px;border:1px solid transparent}.watch-item.selected{background:#171e26;border-color:#303a46}.watch-item b{color:#dce3eb}.watch-item span{text-align:right}.watch-item i{text-align:right;font-style:normal}.stats{margin:0 12px;border:1px solid #202934;border-radius:5px;overflow:hidden}.stats div{display:flex;align-items:center;padding:9px 10px;border-bottom:1px solid #1c242e;gap:8px}
.stats div b{margin-left:auto}
.fill-btn{background:#1d2631;color:#8fd8bb;border:1px solid #2fb78c;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;cursor:pointer}
.fill-btn:hover{background:#17402f;color:#fff}.stats div:last-child{border:0}.stats span{color:#778394}.stats b{color:#e7edf3}.history-head{padding:15px 12px 8px;color:#6f7b8b;font-size:9px;font-weight:700;letter-spacing:.8px}.history-empty{text-align:center;color:#5d6979;padding:15px}.history-row{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #1c242e}.small{font-size:10px;color:#687586}@media(max-width:1050px){.workspace{grid-template-columns:44px minmax(500px,1fr)}.rightbar{display:none}.order-grid{grid-template-columns:repeat(4,1fr)}.big-buy,.big-sell{height:50px}}@media(max-width:700px){.top-btn:nth-of-type(n+4){display:none}.workspace{grid-template-columns:1fr}.tools{display:none}.order-grid{grid-template-columns:1fr 1fr}.center{grid-template-rows:minmax(350px,1fr) 190px 180px}.topbar{gap:2px}}