.terminal{color:#e8eaf0;background:#090a0f;height:100vh;min-height:760px;font-size:12px;overflow:hidden}.terminal button{color:#999eae;background:0 0;border:0}.terminal-head{background:#0d0f15;border-bottom:1px solid #252832;align-items:center;gap:38px;height:58px;padding:0 18px;display:flex}.terminal-brand{font-size:20px;font-weight:900}.terminal-brand span{color:#8b6cff}.terminal-head nav{align-items:center;gap:27px;height:100%;display:flex}.terminal-head nav a{color:#9a9ead;place-items:center;height:100%;display:grid;position:relative}.terminal-head nav a.active{color:#fff}.terminal-head nav a.active:after{content:"";background:#8063f2;width:70%;height:2px;position:absolute;bottom:0}.terminal-head>div{align-items:center;gap:7px;margin-left:auto;display:flex}.terminal-head .register{color:#fff;background:#7658e9;border-radius:7px;padding:8px 13px}.pair-strip{background:#0e1016;border-bottom:1px solid #242731;align-items:center;gap:42px;height:78px;padding:0 18px;display:flex}.pair-strip>div{flex-direction:column;gap:7px;display:flex}.pair-strip small{color:#74798a;font-size:10px}.pair-strip .pair-name{flex-direction:row;align-items:center;gap:10px;min-width:220px}.pair-name i{color:#fff;background:#f7931a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}.pair-name div{flex-direction:column;gap:4px;display:flex}.pair-name button{font-size:17px}.green{color:#43d891!important}.redtext{color:#ff6276!important}.trade-grid{grid-template-rows:minmax(390px,1fr) 310px;grid-template-columns:270px 1fr 230px;height:calc(100vh - 136px);display:grid}.panel{background:#0d0f15;border-bottom:1px solid #242731;border-right:1px solid #242731}.book{grid-row:1}.panel-title{border-bottom:1px solid #22252e;justify-content:space-between;align-items:center;height:45px;padding:0 14px;display:flex}.panel-title span{color:#666c7c}.book-head,.book-row,.trade-row{text-align:right;grid-template-columns:1.15fr 1fr 1fr;padding:0 12px;display:grid}.book-head{color:#5f6575;align-items:center;height:30px;font-size:9px}.book-head span:first-child,.book-row span:first-child,.trade-row span:first-child{text-align:left}.book-row{align-items:center;height:25px;position:relative}.book-row i{z-index:0;opacity:.12;height:21px;position:absolute;right:0}.book-row span{z-index:1}.book-row.ask span:first-child{color:#ff6477}.book-row.ask i{background:#ff5268}.book-row.bid span:first-child{color:#3ed690}.book-row.bid i{background:#34d38b}.mid-price{background:#11141b;flex-direction:column;justify-content:center;height:42px;padding:0 12px;display:flex}.mid-price strong{color:#4bdf98}.mid-price span{color:#727788;font-size:9px}.chart-panel{position:relative}.chart-tabs,.order-tabs{border-bottom:1px solid #22252e;align-items:flex-end;gap:22px;height:45px;padding:0 16px;display:flex}.chart-tabs button,.order-tabs button{height:45px;position:relative}.chart-tabs button.active,.order-tabs button.active{color:#fff}.chart-tabs button.active:after,.order-tabs button.active:after{content:"";background:#8062ec;width:100%;height:2px;position:absolute;bottom:0;left:0}.chart-tools{color:#626878;border-bottom:1px solid #1c1f27;align-items:center;gap:17px;height:36px;padding:0 15px;display:flex}.chart-tools button{font-size:10px}.chart-tools button.active{color:#a38aff}.candle-area{background-image:linear-gradient(#1c1f28 1px,#0000 1px),linear-gradient(90deg,#1c1f28 1px,#0000 1px);background-size:100% 54px,90px 100%;position:absolute;inset:81px 0 0;overflow:hidden}.price-scale{z-index:5;color:#6f7484;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:13px;bottom:10px;right:7px}.ma-line{color:#696f7f;font-size:9px;position:absolute;top:10px;left:12px}.ma-line b{color:#c991ff}.ma-line em{color:#f7b657;font-style:normal}.candle-area svg{width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;inset:25px 40px 15px 0}.candle-area svg path{fill:none;stroke:#a05eff;stroke-width:1.4px;opacity:.68}.candle-area svg .line2{stroke:#df9d44}.candles{justify-content:space-around;align-items:flex-end;display:flex;position:absolute;inset:25px 45px 18px 15px}.candles>i{width:5px;position:relative}.candles>i:after{content:"";background:inherit;width:1px;position:absolute;top:-10px;bottom:-9px;left:2px}.candles>i>b{background:inherit;position:absolute;inset:0}.candles .red{background:#e54f68}.candles .greenbar{background:#36c98a}.trades{grid-column:3}.trade-row{color:#999ead;align-items:center;height:27px}.order-entry{grid-column:1/3}.forms{grid-template-columns:1fr 1fr;gap:32px;padding:15px 22px;display:grid}.order-form{grid-template-columns:1fr 1fr;gap:9px 12px;display:grid}.balance{color:#6e7483;grid-column:1/3;justify-content:space-between;display:flex}.balance strong{color:#bec1cb}.order-form label{background:#151820;border:1px solid #242834;align-items:center;height:36px;padding:0 10px;display:flex}.order-form label span{color:#6e7484}.order-form input{text-align:right;color:#e9eaf0;background:0 0;border:0;outline:0;flex:1;min-width:0}.order-form label b{margin-left:8px;font-size:10px}.order-form button{color:#fff;border-radius:6px;grid-column:1/3;height:38px;font-weight:700}.order-form button.buy{background:#22b97a}.order-form button.sell{background:#e94c68}.range{grid-column:1/3;height:18px;position:relative}.range input{accent-color:#8164ed;width:100%}.range div{display:none}.orders{grid-column:3}.empty{text-align:center;color:#555b6c;place-content:center;height:200px;display:grid}.empty span{font-size:27px}.empty p{font-size:10px}@media (width<=950px){.terminal{height:auto;min-height:100vh;overflow:auto}.terminal-head nav a:nth-child(n+5){display:none}.pair-strip{gap:22px;overflow-x:auto}.pair-strip>div{min-width:105px}.trade-grid{flex-direction:column;height:auto;display:flex}.chart-panel{order:1;height:420px}.book{order:2;height:390px}.trades{display:none}.order-entry{order:3}.orders{order:4;height:250px}}@media (width<=600px){.terminal-head{padding:0 12px}.terminal-head nav,.terminal-head>div button:first-child,.terminal-head>div button:last-child{display:none}.pair-strip{height:72px}.pair-strip>div:nth-child(n+4){display:none}.chart-panel{height:365px}.forms{grid-template-columns:1fr;padding:12px}.order-form{grid-column:1}.order-entry{overflow:auto}.terminal-head .register{font-size:10px}}.order-form .order-status{color:#a991ff;background:#211c33;border-radius:5px;grid-column:1/3;padding:7px}.order-form input:disabled{color:#6f7484}