body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-color:#f5f7fa;--text:#1a202c;--text2:#fff;--sub-bg:#fff;--menu:#fff;--hoverss:#eef1f5;--hovers:#00a3d4;--bg-color-btn:#0f172a;--signup:#eef1f5;--grey:#8a94a6;--line:#e6e9ef}.whitemeee{color:#fff!important}.query{background-color:var(--text);color:var(--text2)}.dark-mode{--bg-color:#030712;--bg-color-btn:#0a0f1a;--text:#f8fafc;--text2:#030712;--sub-bg:#0a0f1a;--menu:#0a0f1a;--grey:#64748b;--hovers:#00d4ff;--hoverss:#00d4ff1a;--signup:#0a0f1a;--line:#00d4ff26}.display-chage{flex-direction:row;display:flex}.slectbg{background-color:var(--bg-color);color:var(--text)}.slectbg-hist{color:#fff;background-color:#00d4ff1f;width:80px;height:25px;font-size:10px}.dark{color:#fff}body{background-color:var(--bg-color)}.invi-fee-layout{display:none}.invi-fee-layout .al h4{color:var(--text)}.iconuser-mobile{display:none}.full-layout{background-color:var(--bg-color);width:100vw;height:100vh}.time-value{align-items:center;padding:5px}.time-value h6{color:var(--text)}.last_candle{color:var(--text);background-color:var(--bg-color);border-radius:5px;justify-self:center;width:100%;margin:10px 5px -5px;padding:5px 12px 10px}@media (width>=1300px){.asset-layout-mobile{z-index:0;position:absolute;display:none!important}}.last_candle p{font-size:12px}.token-icon{display:block}.change-by-pnum{cursor:pointer;color:#00188f;align-self:flex-end;font-size:12px;text-decoration:underline}.loading-market{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-market h1{margin-right:10px;font-size:14px}.head-layout{background-color:var(--sub-bg);flex-direction:row;justify-content:space-between;align-items:center;height:7vh;margin-bottom:1vh;display:flex}.buy-order-layout{flex-flow:wrap;justify-content:start;align-self:start;align-items:center;margin-top:5px;margin-right:1%;padding-left:25px;display:flex}.buy-order-layout-2{flex-flow:wrap;justify-content:start;align-self:start;align-items:center;margin-top:15px;margin-right:1%;display:flex}.amout-layout{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.toggle-button{cursor:pointer;color:#fff;background-color:gray;border:none;border-radius:5px;padding:10px 20px;font-size:16px}.toggle-button:hover{background-color:#a9a9a9}.clear{text-align:center;border:1px solid red;border-radius:5px;align-content:center;width:8%;height:30px;margin-top:10px;margin-left:10px;padding:5px}.clear:hover{background-color:var(--hoverss)}.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;width:20%;margin-top:10px;margin-left:10px;padding:1px 10px 2px;font-size:14px}@media (width<=1305px) and (width>=1300px){.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;width:19%;margin-top:10px;margin-left:10px;padding:1px 10px 2px;font-size:14px}}@media (width<=893px) and (width>=850px){.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;width:19%;margin-top:10px;margin-left:10px;padding:1px 10px 2px;font-size:14px}}.buy-order-red{color:#e60404;text-align:center;border-radius:5px;width:22%;margin-top:10px;margin-left:10px;padding-bottom:2px;border:1px solid #ef0000!important}.buy-order-select{text-align:center;background-color:#00d4ff1f;border:1px solid #00d4ff4d;border-radius:5px;width:20%;margin-left:10px;padding-top:2px;padding-bottom:2px}.main-layout{background-color:var(--bg-color);justify-content:space-between;display:flex}.chart-layout{flex-direction:column;width:60vw;height:100%;display:flex;position:relative}.sub-chart-layout{background-color:var(--sub-bg);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.asset-layout{background-color:#0000;flex-direction:column;justify-content:space-between;display:block;width:15vw!important}.market-layout{background-color:var(--sub-bg);height:100%;color:var(--text);scrollbar-width:0;flex-direction:column;margin-left:2%;display:flex;overflow:hidden;width:96%!important}.notice{color:var(--text);margin-left:5px;font-size:12px}.sub-main-layout{flex-direction:column;width:70vw;display:flex}.main-row{display:flex}.main-col{flex-direction:column;display:flex}.data-layout{background-color:var(--sub-bg);margin-top:1vh}.market-layout .title{margin-left:-10px;padding:10px;font-weight:700}.market-layout::-webkit-scrollbar{display:none}.history-layout{background-color:var(--sub-bg);color:var(--text);scrollbar-width:0;flex-direction:column;justify-content:start;align-items:start;margin-left:2%;display:flex;overflow:hidden scroll;width:96%!important}.history-layout-inner{margin-top:-4px;padding:6px}.history-layout::-webkit-scrollbar{display:none}.row-layout{flex-direction:row;justify-items:center;display:flex;justify-content:start!important}.am5-scrollbar{display:none!important}.lang{color:var(--text);align-items:center;margin-right:10px;display:flex}.lang-title{border-bottom:2px solid var(--text);padding-bottom:2px;display:inline-block}.row-layout{color:var(--text);justify-content:start;align-items:center;margin-top:15px;margin-bottom:-10px;margin-left:10px;display:flex}.lines{background-color:var(--line);width:100%;height:2px;margin-top:5px}.pnl p{margin-left:10px;font-size:14px}.function-layout-trading{width:400px;min-width:350px;overflow:hidden scroll}.time-sub{color:var(--text);margin-left:10px;margin-right:10px;font-size:14px}.intro-eedd p{color:var(--text)}.balance-box{background-color:var(--bg-color);border-radius:6px 0 0 6px;height:60px;margin-top:15px;margin-left:10px}.balance-box h3{color:var(--text);justify-content:center;align-items:center;margin-top:-10px;font-size:12px;display:flex}.bold{font-weight:700!important}.balance-box h4{color:var(--text);margin-left:5px;padding:5px;font-size:11px;font-weight:400;display:flex}.spite-line{background-color:#707070;border-radius:6px;width:90%;height:5px;margin-top:12px;margin-bottom:12px}.input-box-layout{color:var(--text);margin:10px}.loading{z-index:100;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.loading-bg{z-index:100;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.pass-rule{color:var(--text);align-self:self-start;margin-top:10px;margin-left:30px;font-size:12px}.input-amount:focus{border:1px solid #fff;outline:1px solid #fff}.input-amount p:first-child{text-align:start!important}.input-amount p{text-align:end;width:50%;font-size:14px;font-weight:400}.input-amount{background-color:var(--bg-color);color:var(--text);border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;padding:6px;font-weight:700;display:flex}.inputbox-amount{text-align:right;width:60%;color:var(--text);background-color:#0000;border:none;outline:none;font-size:14px}.fee{margin-top:10px;font-size:12px}.dur{color:#9e9e9e;font-weight:400}.pointer{cursor:pointer}.buy_btn{width:100%;height:40px;color:var(--text);cursor:pointer;background-color:red;border:none;border-radius:6px;outline:none;margin-top:10px;font-size:16px;font-weight:bolder}.sell_btn_width{width:180px!important}.sell_btn{color:#fff;cursor:pointer;background-color:#00f;border:none;border-radius:6px;outline:none;width:100%;height:40px;margin-top:10px;font-size:16px;font-weight:bolder}.Icons-btn{margin-right:10px}.inner-btn{color:#fff;justify-content:center;align-items:center;width:100%;display:flex}.bet-layout{background-color:var(--bg-color);border-radius:6px;width:100%;margin-top:25px;padding-bottom:20px}.bet-layout h3{padding:10px 0 0 10px;font-size:16px;font-weight:700}.main-transter-layout{background-color:var(--bg-color);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.transfer-layout{flex-direction:column;justify-content:center;align-items:center;display:flex}.transfer-switch{color:var(--text);align-self:flex-start;margin-bottom:3px;display:flex}.transfer-switch h4{background-color:var(--sub-bg);border-radius:5px;justify-content:center;align-items:center;width:150px;height:40px;margin:0 5px 5px;font-size:14px;display:flex}.transfer-select{color:#fff!important;background-color:#00d4ff1f!important}.row{justify-content:space-between;margin-top:5px;margin-left:10px;margin-right:10px;display:flex}.row h5{font-size:14px;font-weight:400}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.info-layout{background-color:var(--sub-bg);flex-direction:row;justify-content:start;align-items:center;width:99.5%;height:12.5%;margin-bottom:.5%;display:flex}.profile-layout{flex-direction:row;justify-content:end;align-items:center;width:50%;height:100%;padding-right:30px;display:flex}.transfer-menu{display:none}.transfer{width:80px;height:40px;color:var(--text);cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;padding-right:10px;display:flex}.lang-row{justify-content:center;width:100%;display:flex}.textunderline{text-decoration:underline}.lang-btn{cursor:pointer;background-color:#fff;border:none;margin-right:10px;padding:10px;font-size:16px;font-weight:700}.transfer:hover{background-color:var(--grey)}.transfer h4{margin-left:10px;font-size:13px;font-weight:600}.notice-layout{background-color:var(--sub-bg);justify-content:start;align-items:center;width:49.5vw;height:4vh;margin-top:-.5vh;margin-bottom:.5vh;display:flex}.notice-layout .title{color:var(--text);margin-left:10px;font-size:12px}.token-layout{background-color:var(--sub-bg);justify-self:start;align-items:center;height:100%;margin-left:10px;margin-right:10px;display:flex}.token-layout img{background-color:var(--sub-bg);width:35px;height:35px}.token-name{background-color:var(--sub-bg);color:var(--text);margin-left:10px}.token-name h6{background-color:var(--sub-bg);font-weight:400}.token-name h3{background-color:var(--sub-bg)}.icon-down{margin-left:10px}.price-layout{background-color:var(--sub-bg);color:var(--text);flex-direction:column;justify-content:space-between;padding-right:15px;display:flex}.price-layout h2{color:#04ac2e;font-size:18px}.price-layout h6{font-weight:400}.menu{background-color:var(--menu);z-index:9999;border-bottom-left-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:300px;height:55vh;padding-bottom:50px;display:flex;position:absolute;top:7vh;right:0}.menu p{color:var(--text);cursor:pointer;margin-top:10px;margin-left:10px;font-size:16px;font-weight:700}.menu p:hover{color:var(--hovers)}.menu-list{color:var(--text);width:100%;margin-top:20px;margin-left:30px}.menu ul{list-style:none}.menu ul li{margin-top:15px}.menu ul li a{color:var(--text);cursor:pointer;margin-top:15px;font-weight:400;text-decoration:none}.menu ul li:hover{color:var(--hovers)}.data-feed-layout{color:var(--text);flex-direction:column;justify-content:space-between;margin-left:10px;display:flex}.data-feed-layout h4{font-size:13px}.data-feed-layout .sub{margin-top:5px;font-size:12px;font-weight:700}.more_time{z-index:12;background-color:#0a0f1a;border-radius:10px;flex-flow:wrap;width:180px;height:80px;padding:10px;display:flex;position:absolute;top:50px;left:10px}.more_time p{color:#fff;text-align:center;border:1px solid gray;border-radius:4px;width:30px;height:20px;margin-left:10px;padding:3px 3px 5px}.up{color:#00c130!important}.down{color:#ff2727!important}.upcointainer{color:var(--text);background-color:#00c130;border-radius:10px;padding:5px 10px}.downcointainer{color:var(--text);background-color:#ff2727;border-radius:10px;padding:5px 10px}div[title=Period\ selector],div[title=Date\ Range]{display:none!important}.timeFrame-layout{z-index:11;flex-direction:row;justify-content:end;justify-items:end;padding:5px .5% 5px 2.5%;display:flex;position:absolute;right:0}::-webkit-scrollbar{display:none}html{scrollbar-width:none}.timeFrame-layout p{color:var(--text);text-align:center;border:1px solid gray;border-radius:4px;margin-left:10px;padding:3px}.am5-stock-price-label{color:#fff!important}.am5stock-icon-wide path{color:#fff!important;fill:#fff!important}.selecttime{background-color:#00d4ff26}.main-scichart{width:100%;height:100%}.iconuser:hover{fill:var(--hovers)}#scichart-root{z-index:1;position:relative;background-color:#1e1e1e!important}#chartLegend{color:var(--text);z-index:10;pointer-events:none;background:0 0;border-radius:5px;padding:8px 12px;font-size:10px;position:absolute;top:40px;left:10px}#chartLegend p{background:0 0;font-size:14px}.downer{font-size:10px!important}.label{margin-left:5px}.optionclick{margin-top:10px}.optionstyle{border-radius:5px;padding:5px}.optionstyle-low{padding:5px}#scichart-root,#scichart-root canvas{background-color:var(--sub-bg)!important}.marketopen_icon{display:none}.switch-container{flex-direction:row;justify-content:center;align-items:center;height:50px;margin-right:10px;display:flex}@media (width<=1300px){.token-icon{display:none}.marketopen_icon{margin-left:5px;display:flex}.full-layout{background-color:var(--bg-color);width:100vw;height:100vh}.market-layout{margin:0;width:100vw!important}.head-layout{background-color:var(--sub-bg);flex-direction:row;justify-content:space-between;width:100%;height:6vh;margin-bottom:1vh;display:flex}.main-layout{background-color:var(--bg-color);justify-content:space-between;width:100%;display:flex}.info-layout{flex-direction:row;justify-content:start;align-items:center;width:100%;display:flex}.sub-main-layout{width:70vw;min-width:650px}.asset-layout{display:none}.chart-layout{background-color:var(--sub-bg);flex-direction:column;width:75vw;height:56vh;display:flex;position:relative}.data-layout{width:100%;overflow-x:scroll}.asset-layout-mobile{z-index:17;width:100vw;height:100vh;margin:0;padding:0;position:absolute}.timeFrame-layout{z-index:15;background-color:#0000;flex-direction:row;justify-content:end;justify-items:end;width:500px;padding-top:5px;padding-bottom:5px;padding-left:2.5%;display:flex;right:0;position:absolute!important}.function-layout-trading{background-color:var(--sub-bg);margin-left:.5%;overflow:hidden}.data-feed-layout h4{font-size:12px}.data-feed-layout .sub{margin-top:5px;font-size:10px;font-weight:700}.token-layout{justify-self:start;align-items:center;height:100%;margin-left:10px;display:flex}.token-name h3{font-size:16px}}.mgt{z-index:13;border-radius:5px;flex-direction:row;width:100px;display:flex;top:5px;right:0}.title{color:var(--text);margin-left:10px}.title h4{font-size:18px!important}.clear-mobile{display:none}.plist{color:var(--text)}.col-row{flex-direction:column;display:flex}.invi-mobile{display:flex}.invi-notmobile{display:none}.displays{flex-direction:row;display:flex}.invi-notmobile_nos{display:none}.chartmode_select{width:230px;color:var(--text);z-index:15;flex-wrap:wrap;justify-content:start;align-items:center;margin-left:5px;font-size:12px;display:flex;position:absolute;top:10px;left:120px}.today-data{z-index:16;justify-content:space-around;align-items:center;display:flex;position:absolute;top:8px;right:10px}.today-data .al h4{color:var(--text);font-size:12px;font-weight:500}.tablecol{display:flex}.res-data{flex-direction:row;justify-content:space-between;margin-top:6px;display:flex}.btn-history-chart{cursor:pointer;color:var(--text);background-color:#00d4ff1f;border:none;border-radius:5px;outline:none;margin-left:10px;padding:3px 10px;text-decoration:underline}@media (width>=460px) and (width<=800px){.clear-mobile{display:flex}}@media (width<=671px){.buy-order-layout-2{justify-content:space-between;width:95%}.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;justify-content:center;align-items:center;height:20px;margin-top:5px;font-size:12px;display:flex;width:16%!important}}@media (width<=551px){.order-btn-mobile{width:1vw}}@media (width<=900px){.price-layout h2{color:#04ac2e;font-size:16px!important}}@media (width<=1025px){.chartmode_select{width:230px;color:var(--text);z-index:15;flex-wrap:wrap;justify-content:start;align-items:center;font-size:12px;display:flex;position:absolute;left:100px}.today-data{display:none}.invi-notmobile{flex-direction:column;width:90vw;margin-left:5vw;padding-top:5px;padding-bottom:5px;display:flex}.input-amount{width:90%;margin-top:5px}.invi-notmobile_nos{display:block}.balance-box div h4{color:var(--text)}.optionclick{margin-top:10px}.last_candle,.clear{display:none}.input-amount-mobile{width:42vw!important}.invi-mobile{display:none}.col-row{flex-direction:row;justify-content:space-around;width:100vw;display:flex}.amout-layout{justify-content:center;width:100%;display:flex}.clear-mobile:hover{background-color:var(--hoverss)}.title img{margin-top:5px;height:30px!important}.row p{color:var(--text)}.switchbtnhis-select{font-size:12px!important}.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;justify-content:center;align-items:center;width:20%;height:20px;margin-top:5px;font-size:12px;display:flex}.buy-order-layout{width:95%}.buy-order-layout-2{justify-content:space-between;place-self:center;width:90%}.row{margin:5px 0 0}.timeFrame-layout p{font-size:8px!important}.time-sub{font-size:12px!important}.invi-notmobile div p{font-size:11px}.main-layout{background-color:var(--bg-color);flex-direction:column;justify-content:space-between;width:100vw;display:flex;overflow:hidden}.input-box-layout{flex-direction:column;place-items:center;width:99%;display:flex;margin-top:-5px!important}.fee{justify-self:start;margin-top:15px;margin-left:3%}.sub-chart-layout{background-color:var(--sub-bg);flex-direction:column;width:100vw;height:100%;display:flex;position:relative}.btn-layout{justify-content:center;width:100%;height:50px;display:flex}.pnl p{font-size:10px;font-weight:700}.token-icon{display:none}.function-layout-trading{background-color:var(--sub-bg);align-items:center;width:100%;height:auto;margin-left:0;display:flex;flex-direction:column!important}.market-layout{margin:0;width:100vw!important}.sub-main-layout{width:100vw}.sell_btn_width{width:90vw!important}.sell_btn{margin-top:25px;margin-left:0}#chartcontrols{display:none}.full-layout{width:100%;height:100vh}.timeFrame-layout{flex-direction:row;justify-content:end;justify-items:center;margin-bottom:-30px;display:flex;position:absolute;width:100%!important}.switch-container h4{display:none}.loginbutton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff 0%,#a855f7 100%);border:none;border-radius:5px;margin-top:15px;padding-top:10px;padding-bottom:10px;font-weight:700;padding-left:25px!important;padding-right:25px!important}.mgt{z-index:13;border-radius:5px;margin-left:5px;top:10px;right:10px;margin-top:5px!important}.more_time{z-index:12;background-color:#0a0f1a;border-radius:5px;flex-flow:wrap;width:170px;height:100px;padding:10px;display:flex;position:absolute;top:45px;left:5px}.lang{color:var(--text);margin-right:3px;font-size:12px;display:flex}.lang-title{border-bottom:2px solid var(--text);padding-bottom:2px;display:inline-block}.tablecol{display:none}.more_time p{color:#fff;text-align:center;border:1px solid gray;border-radius:4px;width:25px;height:15px;margin-left:10px;padding:5px 10px;font-size:12px}.transfer-switch h4{background-color:var(--sub-bg);border-radius:5px;justify-content:center;align-items:center;width:100px;height:40px;margin:0 5px 5px;font-size:14px;display:flex}.data-feed-layout h4{font-size:9px!important}#chartLegend p{background:0 0;font-size:10px}.data-feed-layout .sub{margin-top:5px;font-weight:700;font-size:9px!important}.token-name h3{font-size:11px}.main-col{flex-direction:column;display:flex}.token-name h2{font-size:11px!important}#chartLegend{background-color:#0000;width:70%;margin-top:0}.asset-layout-mobile{z-index:17;width:100vw;height:100vh;display:flex;position:absolute}.asset-layout{display:none}.balance-box{background-color:var(--bg-color);border-radius:5px;justify-content:space-between;align-items:center;width:90%;height:40px;margin-top:5px;margin-bottom:0;margin-left:0;padding:10px;display:flex}.balance-box h3{color:var(--text);margin-top:0;font-size:12px;display:flex}.balance-box h4{color:#fff;margin-left:0;margin-right:5px;padding:0;font-size:11px;font-weight:400;display:flex}.token-layout{background-color:var(--sub-bg);justify-self:start;align-items:center;width:100px;height:100%;margin-left:0;display:flex}.price-layout{margin-left:10px}.price-layout h2{color:#04ac2e;font-size:14px}.price-layout h6{font-weight:400}.data-feed-layout{margin-left:12px}.main-row{height:45vh}.chart-layout{flex-direction:column;width:100vw;height:43vh;display:flex;position:relative}.info-layout{flex-direction:row;justify-content:start;align-items:center;width:100%;height:7vh;display:flex}.head-layout{background-color:var(--sub-bg);flex-direction:row;justify-content:space-between;width:100%;height:6vh;margin-bottom:1vh;display:flex}.title h4{font-size:14px!important}.menu ul{cursor:pointer;font-weight:400;text-decoration:none}.menu ul li{cursor:pointer;margin-top:30px;font-weight:400;text-decoration:none}.iconuser-mobile:hover{fill:var(--hovers)}.res-data{flex-direction:row;justify-content:space-between;margin-top:0;display:flex}.invi-fee-layout{justify-content:space-between;display:flex}.invi-fee-layout .al h4{color:var(--text)}.balance-box .al{width:45%;margin-top:0}.timeFrame-layout p{color:var(--text);text-align:center;border:1px solid gray;border-radius:4px;margin-top:5px;margin-left:10px;margin-right:20px;padding:3px;font-size:12px}.order-btn-mobile{width:90%}.menu{background-color:var(--sub-bg);z-index:9999;border-bottom-left-radius:10px;flex-direction:column;align-items:center;width:100vw;height:88vh;display:flex;position:absolute;top:5vh;right:0;overflow:hidden}.menu p{margin-bottom:15px}.time-value{width:80px;margin-top:0}.switch-container{margin-right:2px}.notice{color:var(--text);margin-left:5px;font-size:10px}}@media (width<=305px){.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;justify-content:center;align-items:center;height:20px;margin-top:5px;font-size:12px;display:flex;width:11%!important}}@media (width>=306px) and (width<=380px){.order-btn-mobile{width:96vw}.clear-mobile:hover{background-color:var(--hoverss)}.buy-order{border:1px solid var(--text);text-align:center;border-radius:5px;justify-content:center;align-items:center;height:20px;margin-top:5px;font-size:12px;display:flex;width:14%!important}}@media (width<=450px){.order-btn-mobile{width:95vw}.inner-btn{color:#fff;justify-content:center;align-items:center;width:100%;font-size:12px;display:flex}.clear-mobile:hover{background-color:var(--hoverss)}}@media (width<=700px){.transfer{width:60px;height:40px;color:var(--text);cursor:pointer;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;margin-left:3px;margin-right:5px;padding-left:0;padding-right:0;display:flex}.transfer h4{margin-left:3px;font-size:12px}.iconuser{width:20px}.switch{display:none!important}.profile-layout{width:200px;margin-right:10px;padding:0}.iconuser-mobile{display:block}.iconuser{display:none}.logout{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:-50px;display:flex}.menu-list{margin-top:30px;margin-bottom:10px}.line{background-color:var(--text);width:100%;height:2px}.transfer-menu h4{margin-left:10px}.transfer-menu{color:#fff;background:linear-gradient(135deg,#00d4ff 0%,#a855f7 100%);border-radius:5px;flex-direction:row;justify-content:center;align-items:center;width:90vw;height:40px;margin-top:10px;margin-bottom:30px;display:flex}}.switch{width:40px;height:20px;margin-left:5px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#000;border-radius:25px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#aaa;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#fff}input:checked+.slider:before{background-color:#000;transform:translate(20px)}.switch2{width:40px;height:20px;margin-left:5px;display:inline-block;position:relative}.switch2 input{opacity:0;width:0;height:0}.slider2{cursor:pointer;background-color:var(--text);border-radius:25px;transition:all .4s;position:absolute;inset:0}.slider2:before{content:"";background-color:var(--sub-bg);border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider2{background-color:var(--text)}input:checked+.slider2:before{background-color:var(--sub-bg);transform:translate(20px)}.datetime-picker-input{cursor:pointer;z-index:10;text-align:center;border:1px solid #ffae00;border-radius:5px;outline:none;width:120px;padding:5px;font-size:14px;transition:border-color .3s;position:relative}.react-datepicker__input-container{justify-content:end;display:flex;width:120px!important}.react-datepicker-wrapper{margin-left:5px;width:120px!important}.datetime-picker-input:focus{cursor:pointer;border-color:#ffae00;box-shadow:0 0 5px #007aff4d}.dt-container{justify-content:start;width:98vw;margin-top:10px;margin-left:10px;display:flex}@media (width<=600px){.datetime-picker-input{width:80px;font-size:12px}.react-datepicker__input-container,.react-datepicker-wrapper{width:80px!important}.slectbg-hist{color:#fff;background-color:#00d4ff1f;padding:0!important}}.history-his{background-color:var(--sub-bg);flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;overflow:scroll}.history-scroll{scrollbar-width:auto;-ms-overflow-style:auto;height:88%;overflow-y:auto}.history-scroll::-webkit-scrollbar{width:8px}.history-scroll::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.history-scroll::-webkit-scrollbar-track{background:#eee}.history-table-bordered{border-collapse:collapse;background-color:#fff;width:100%;font-size:12px}.history-table-bordered thead th{color:#333;text-align:right;background-color:#f3f4f6;border:1px solid #dcdcdc;padding:10px 12px;font-weight:600}.history-table-bordered thead th:first-child{text-align:left}.history-table-bordered tbody td{text-align:right;color:#222;border:1px solid #e1e1e1;padding:10px 12px}.history-table-bordered .date-cell{text-align:center;color:#555;font-family:monospace}.history-table-bordered tbody tr:hover{background-color:#f9fafb}.history-table-bordered .no-data{text-align:center;color:#888;padding:16px}.history-table-bordered{border:1px solid #dcdcdc;border-radius:6px;overflow:hidden}input:-webkit-autofill{transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000!important}input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0000!important}:root{--ecc-accent:#00d4ff;--ecc-accent2:#a855f7;--ecc-grad:linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);--ecc-green:#00c875;--ecc-red:#ef3b4a;--ecc-border:#94a3b82e;--ecc-radius:10px;--ecc-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.dark-mode{--ecc-soft:#ffffff0a;--ecc-soft2:#ffffff0f;--ecc-text-muted:#94a3b8;--ecc-panel:#0d1322;--ecc-header:#080d18;--ecc-input:#0b1220}:root:not(.dark-mode){--ecc-soft:#0f172a08;--ecc-soft2:#0f172a0d;--ecc-text-muted:#64748b;--ecc-panel:#fff;--ecc-header:#f8fafc;--ecc-input:#f1f5f9}body{font-family:var(--ecc-font);-webkit-font-smoothing:antialiased}.ecc-brand{cursor:pointer;gap:12px;min-width:230px;margin-left:12px}.ecc-logo{filter:drop-shadow(0 0 10px #00d4ff59);flex-shrink:0;width:34px;height:34px}.ecc-logo svg{width:100%;height:100%;display:block}.ecc-brand-text{flex-direction:column;line-height:1.15;display:flex}.ecc-brand-title{letter-spacing:-.4px;background:var(--ecc-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.ecc-brand-sub{letter-spacing:1.5px;text-transform:uppercase;color:var(--ecc-text-muted);font-size:9px;font-weight:600}.head-layout{background:var(--sub-bg);border-bottom:1px solid var(--ecc-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:60px;padding:0 14px}.profile-layout .lang h4,.profile-layout .lang{color:var(--text)}.profile-layout .transfer{background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:8px;width:auto;height:36px;padding:0 12px;transition:all .15s}.profile-layout .transfer:hover{border-color:var(--ecc-accent);background:var(--ecc-soft2)}.profile-layout .transfer h4{font-size:12px;font-weight:600}.profile-layout .transfer .icon{font-size:13px}.iconuser,.iconuser-mobile{background:var(--ecc-soft);border:1px solid var(--ecc-border);box-sizing:border-box;cursor:pointer;border-radius:8px;width:36px;height:36px;padding:7px;transition:all .15s}.iconuser:hover,.iconuser-mobile:hover{border-color:var(--ecc-accent);background:var(--ecc-soft2)}.ecc-marketbar{background:var(--sub-bg);border-bottom:1px solid var(--ecc-border);align-items:center;gap:28px;height:52px;padding:0 18px;display:flex}.ecc-marketbar-symbol{align-items:center;gap:12px;min-width:280px;display:flex}.ecc-symbol-badge{background:var(--ecc-grad);color:#fff;letter-spacing:.5px;border-radius:8px;padding:6px 12px;font-size:15px;font-weight:800;box-shadow:0 4px 16px #00d4ff40}.ecc-symbol-name{flex-direction:column;line-height:1.2;display:flex}.ecc-symbol-code{color:var(--text);font-size:15px;font-weight:700}.ecc-symbol-desc{color:var(--ecc-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:11px;overflow:hidden}.ecc-mb-price{align-items:baseline;gap:14px;min-width:220px;display:flex}.ecc-mb-price-val{color:var(--text);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.ecc-mb-chg{flex-direction:column;line-height:1.15;display:flex}.ecc-mb-chg-val,.ecc-mb-chg-pct{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ecc-mb-stats{gap:34px;margin-left:auto;display:flex}.ecc-mb-stat{flex-direction:column;min-width:70px;display:flex}.ecc-mb-stat-label{text-transform:uppercase;letter-spacing:.6px;color:var(--ecc-text-muted);font-size:10px}.ecc-mb-stat-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.up-txt{color:var(--ecc-green)}.down-txt{color:var(--ecc-red)}@media (width>=1300px){.main-layout{gap:12px;padding:12px}.sub-main-layout{flex:auto;min-width:0}.function-layout-trading{width:400px;min-width:320px}.chart-layout{border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);overflow:hidden}.asset-layout{width:210px!important}.chart-layout .asset-layout .market-layout,.asset-layout .market-layout{border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);background:var(--sub-bg);overflow:hidden}.info-layout{border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);margin-bottom:12px}.data-layout{margin-top:12px}}.main-layout{background:var(--bg-color)}.sub-chart-layout,.chart-layout,.sub-chart-layout{background:var(--sub-bg)}.function-layout-trading{border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);background:var(--sub-bg);box-sizing:border-box;padding:12px}.function-layout-trading>*{box-sizing:border-box;margin-top:0;margin-left:0;margin-right:0}.function-layout-trading>.balance-box,.function-layout-trading>.input-box-layout{margin-bottom:12px}.function-layout-trading>.data-layout{margin-bottom:0}.market-layout{background:var(--sub-bg)}.market-layout .title{color:var(--ecc-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.price-list{border-bottom:1px solid var(--ecc-border);font-variant-numeric:tabular-nums;transition:background .12s}.price-list .symbol{color:var(--text);font-size:13px}.price-list .price{color:var(--ecc-text-muted);font-size:12px}.price-list:hover{background:var(--ecc-soft)}.info-layout{background:var(--sub-bg)}.token-name h3,.token-name h6,.price-layout h2,.price-layout h6{color:var(--text);background:0 0}.balance-box{background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);height:auto}.balance-box .res-data .al h4{font-size:12px}.balance-box .res-data .al h4.bold{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.last_candle{background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:var(--ecc-radius)}.last_candle .row p{color:var(--ecc-text-muted);font-size:12px}.last_candle .row p.bold{color:var(--text);font-variant-numeric:tabular-nums}.input-amount{background:var(--ecc-input)!important;border:1px solid var(--ecc-border)!important;border-radius:8px!important}.input-amount .dur{color:var(--ecc-text-muted);font-size:12px}.input-amount p{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px}.order-btn-mobile .sell_btn,.order-btn-mobile .buy_btn{border:none;border-radius:9px;height:44px;margin-top:0;font-size:15px;font-weight:700;transition:all .15s;box-shadow:0 6px 20px #0003}.order-btn-mobile .sell_btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.order-btn-mobile .buy_btn{background:linear-gradient(135deg,#ef3b4a,#b91c1c)}.order-btn-mobile .sell_btn:active,.order-btn-mobile .buy_btn:active{transform:translateY(1px)}.order-btn-mobile .sell_btn:hover,.order-btn-mobile .buy_btn:hover{filter:brightness(1.08)}@media (width>=1300px){.buy-order-layout-2{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.buy-order{height:34px;color:var(--text);background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:8px;justify-content:center;align-items:center;margin:0;font-size:12px;font-weight:600;display:flex;width:auto!important}.buy-order:hover{border-color:var(--ecc-accent);background:var(--ecc-soft2)}}.buy-order{cursor:pointer}.data-layout{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);height:100%;margin-top:12px;overflow:hidden}.main-hist{padding:0}.switch-btn{background:var(--ecc-soft);border-bottom:1px solid var(--ecc-border);align-items:center;gap:4px;padding:6px 10px;display:flex}.switchbtnhis{color:var(--ecc-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;margin:0;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.switchbtnhis:hover{color:var(--text);background:var(--ecc-soft2)}.switchbtnhis-select{color:var(--ecc-accent);border:1px solid #00d4ff59;border-bottom:2px solid var(--ecc-accent);cursor:pointer;background:linear-gradient(135deg,#00d4ff29,#a855f729);border-radius:6px;margin:0;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s;box-shadow:0 2px 10px #00d4ff1f}.menu{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);overflow:hidden;box-shadow:0 18px 50px #00000059}@media (width>=900px){.menu{border-left:none;border-top-left-radius:0;border-bottom-right-radius:0;width:280px;height:auto;padding-bottom:0;top:60px;right:0}}.menu>div:first-child{padding:18px 0 12px;height:auto!important}.menu>div:first-child>p:first-child{text-align:center;letter-spacing:.3px;color:var(--text);margin:14px auto 4px;font-size:14px;font-weight:700;justify-self:center!important}.menu .line{background:var(--ecc-border);width:86%;height:1px;margin:8px auto 12px}.menu-list{width:100%;margin:0;padding:0}.menu-list ul{margin:0;padding:0;list-style:none}.menu-list ul li{margin:0}.menu-list ul li a{color:var(--text);border-left:2px solid #0000;align-items:center;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.menu-list ul li a:hover{background:var(--ecc-soft);color:var(--ecc-accent);border-left-color:var(--ecc-accent)}.menu-list ul li a svg{color:var(--ecc-text-muted);transition:color .15s}.menu-list ul li a:hover svg{color:var(--ecc-accent)}.menu .logout{border-top:1px solid var(--ecc-border);margin-top:6px;padding:14px 20px 18px}.menu .logout .sell_btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);width:100%;margin-top:0;margin-left:0}.menu .line{background-color:var(--ecc-border)}.menu p{color:var(--text)}.more_time{z-index:20;background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:10px;flex-wrap:wrap;gap:6px;width:168px;padding:10px;display:flex;position:absolute;top:46px;left:12px;box-shadow:0 12px 34px #00000059}.more_time p{width:auto;min-width:38px;height:26px;color:var(--text);background:var(--ecc-soft);border:1px solid var(--ecc-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0 8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.more_time p:hover{border-color:var(--ecc-accent);color:var(--ecc-accent);background:var(--ecc-soft2)}@media (width<=1400px){.ecc-mb-stats{gap:20px}.ecc-marketbar{gap:18px}}@media (width<=1200px){.ecc-mb-stat:nth-child(4){display:none}.ecc-marketbar-symbol{min-width:200px}.ecc-symbol-desc{max-width:160px}}.main-transter-layout{background-color:var(--bg-color)}.transfer-layout{box-sizing:border-box;justify-content:center;width:100%;max-width:1160px;margin:0 auto;padding:12px 16px 0}.transfer-switch{background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:10px;align-self:flex-start;gap:4px;margin-bottom:10px;padding:4px}.transfer-switch h4{width:130px;height:34px;color:var(--ecc-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;margin:0;font-size:13px;font-weight:600;transition:all .18s}.transfer-switch h4:hover{color:var(--text);background:var(--ecc-soft2)}.transfer-select{box-shadow:0 2px 10px #00d4ff1f;color:var(--ecc-accent)!important;background:linear-gradient(135deg,#00d4ff29,#a855f729)!important;border:1px solid #00d4ff59!important;font-weight:700!important}.deposit-layout{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);width:100%;overflow:hidden;box-shadow:0 14px 40px #00000040}.deposit-function{box-sizing:border-box;justify-content:flex-start;gap:8px;width:50%;min-height:380px;margin:0;padding:20px 22px}.deposit-function:first-child{border-right:1px solid var(--ecc-border)}.deposit-function h4{letter-spacing:.3px;color:var(--ecc-accent);margin:0 0 4px;padding-top:0;font-size:15px;font-weight:700}.dispo-cente{justify-content:center;align-items:stretch;gap:10px;width:100%}.deposit-function .input-amount{box-sizing:border-box;width:100%;padding:8px 2px;border-bottom:1px solid var(--ecc-border)!important}.deposit-function .input-amount p:first-child{text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:var(--ecc-text-muted)!important}.deposit-function .inputbox-amount{text-align:right;color:var(--text);background:0 0;border:none;flex:1;padding:4px 0;font-weight:600}.deposit-function .input-amount>p:not(:first-child){color:var(--text);margin-left:auto;font-weight:600}.buy-order-layout.buy-order-layout-resize{gap:8px;margin-top:14px;padding-left:0;width:100%!important;margin-left:0!important}.buy-order-resize{background:var(--ecc-soft);border:1px solid var(--ecc-border);min-width:52px;height:30px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-weight:600;transition:all .15s;display:inline-flex;font-size:12px!important}.buy-order-resize:hover{border-color:var(--ecc-accent);color:var(--ecc-accent);background:var(--ecc-soft2)}.buy-order-resize[style*="solid 1px red"]{color:#ef3b4a!important;background:#ef3b4a1a!important;border-color:#ef3b4a99!important}.tran-btn{letter-spacing:.5px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#a855f7);border:none;border-radius:8px;width:100%;height:40px;margin-top:16px;font-size:14px;font-weight:700;transition:all .18s;box-shadow:0 6px 20px #00d4ff40}.tran-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 26px #a855f759}.tran-btn:active{transform:translateY(0)}.rule_dep{border-top:1px solid var(--ecc-border);color:var(--ecc-text-muted);margin:8px 0 0;padding-top:8px;font-size:11px;line-height:1.7}.line-ver{background-color:var(--ecc-border);flex-shrink:0;width:1px;height:auto;margin:22px 0}.deposit-history-layout{box-sizing:border-box;background:0 0;width:100%;max-width:1160px;height:auto;margin:12px auto 0;padding:0 16px;overflow:visible}.deposit-history-layout .history{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:var(--ecc-radius);max-height:320px;overflow:hidden}.deposit-history-layout .history-table thead{background:var(--ecc-soft);color:var(--text)}.deposit-history-layout .history-table thead th{color:var(--ecc-text-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--ecc-border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}.deposit-history-layout .history-table tbody td{color:var(--text);border-bottom:1px solid var(--ecc-border);padding:9px 12px;font-size:12px}.deposit-history-layout .history-table tbody tr:last-child td{border-bottom:none}.deposit-history-layout .history-table tbody tr:hover td{background:var(--ecc-soft)}@media (width<=1000px){.transfer-layout{padding:12px 8px 0}.deposit-layout{flex-direction:column;height:auto!important;overflow:visible!important}.deposit-function{box-sizing:border-box;min-height:0;padding:18px;width:100%!important;margin-left:0!important}.deposit-function:first-child{border-right:none;border-bottom:1px solid var(--ecc-border)}.line-ver{display:none!important}.deposit-history-layout{padding:0 8px;display:block!important}.deposit-history-layout .history{max-height:340px;overflow:auto}.deposit-history-layout .history-table{min-width:640px}}@media (width<=700px){.transfer-layout{padding:8px 6px 0}.transfer-switch{flex:1;justify-content:center;align-self:stretch}.transfer-switch h4{flex:1;width:auto;height:40px;font-size:14px}.deposit-function{padding:16px 14px}.deposit-function:first-child{border-bottom:1px solid var(--ecc-border)}.dispo-cente{gap:8px}.buy-order-layout.buy-order-layout-resize{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.buy-order-resize{min-width:0;height:36px;width:100%!important;font-size:13px!important}.tran-btn{border-radius:10px;height:46px;font-size:15px}.deposit-history-layout .history{max-height:300px}}@media (width<=420px){.buy-order-layout.buy-order-layout-resize{grid-template-columns:repeat(2,1fr)}.deposit-function h4{font-size:14px}.deposit-function .input-amount p:first-child{font-size:11px}.rule_dep{font-size:10px}}.ecc-radius{border-radius:var(--ecc-radius)}body.dark-mode .head-layout .title img{filter:drop-shadow(0 0 8px #ffffff8c)drop-shadow(0 0 2px #ffffff59);background:#fff0;border-radius:8px}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}.dialog-box{background:#fff;border-radius:10px;width:400px;animation:.3s ease-in-out slideIn;overflow:hidden;box-shadow:0 5px 15px #0000004d}.dialog-header{color:#fff;background:#1a1a62;justify-content:space-between;align-items:center;padding:15px;display:flex}.dialog-header-alert{color:#fff;background:#a80000;justify-content:space-between;align-items:center;padding:15px;display:flex}.close-btn{cursor:pointer;color:#fff;background:0 0;border:none;font-size:20px}.accept-btn{cursor:pointer;color:#fff;background:#121217;border:none;border-radius:6px;padding:8px 25px;font-size:14px}.close-btn:hover{color:red}.dialog-content{color:#333;flex-wrap:wrap;justify-content:center;gap:5px;padding:20px;font-size:16px;display:flex}.dialog-content-start{color:#333;flex-wrap:wrap;justify-content:start;gap:5px;padding:20px;font-size:16px;display:flex}.dialog-actions{background:#f9f9f9;border-top:1px solid #ddd;justify-content:space-between;padding:15px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.number-item{cursor:pointer;border:1px solid gray;border-radius:8px;justify-content:space-around;align-items:center;width:65px;margin-left:5px;margin-right:5px;padding:3px;font-size:14px;display:flex}.number-item.selected{color:#fff;cursor:pointer;background-color:#1a1a62;border:1px solid gray;border-radius:8px;justify-content:space-around;align-items:center;width:65px;margin-left:5px;margin-right:5px;padding:3px;font-size:14px;display:flex}.dialog-actions-err{color:#fff;background-color:#1a1a62;border:none;border-radius:10px;outline:none;justify-self:center;padding:10px 30px}.button-wrap{justify-content:center;align-items:center;width:100%;padding-bottom:20px;display:flex}.content-err{font-size:14px;font-weight:400!important}.switchbtnhis{background-color:var(--text2);color:var(--text);border:none;margin-left:5px;margin-right:2px;padding:5px;font-size:16px}.switchbtnhis-select{color:#fff;background-color:#1a1a62;border:none;margin-left:5px;margin-right:2px;padding:5px;font-size:16px}.main-hist{width:100%;height:100%}.switch-btn{height:10%;position:relative}.databody{height:90%;overflow:scroll}:root{--bg-color:#ececec;--text:black;--text2:white;--sub-bg:#fff}.dark-mode{--bg-color:#030712;--text:#f8fafc;--text2:#0a0f1a;--sub-bg:#0a0f1a}.history-container{margin-top:20px}.table-wrapper{border:1px solid #ff0;max-height:300px;overflow:auto}.history-table thead{background-color:var(--text2);color:var(--text);z-index:10;position:sticky;top:0}.history-table{border-collapse:collapse;width:100%;color:var(--text);text-align:center;font-size:12px}th,td{white-space:nowrap;padding:8px}.delete{color:red;cursor:pointer}@media (width<=1250px){th,td{white-space:nowrap;padding:8px;font-size:9px}}@media (width<=980px){th,td{white-space:nowrap;padding:5px;font-size:8px}}.history-table-page{border-collapse:collapse;width:100%;height:10%;color:var(--text);text-align:center;font-size:12px;overflow:scroll}.Button-page{justify-content:center;align-items:center;display:flex}.Button-page button{color:#fff;background-color:#1a1a62;border:none;border-radius:3px;width:70px;height:30px;margin:10px}:root{--bg-color:#ececec;--text:black;--text2:white;--sub-bg:#fff;--hover:#c7c7c7}.dark-mode{--bg-color:#030712;--text:#f8fafc;--text2:#030712;--sub-bg:#0a0f1a;--hover:#00d4ff14}.price-list{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.price-list:hover{background-color:var(--hover)}.symbol{font-size:13px;font-weight:700}.price{font-size:13px}:root{--bg-deep:#04080f;--bg-navy:#0a0f1a;--bg-card:#0a1220d9;--border-glow:linear-gradient(135deg, #00c8ff4d, #8a2be24d);--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff73;--accent-cyan:#00c8ff;--accent-blue:#08f;--accent-purple:#8a2be2;--accent-violet:#a855f7;--accent-teal:#14b8a6;--gradient-headline:linear-gradient(90deg, #00c8ff 0%, #8a2be2 100%);--gradient-button:linear-gradient(90deg, #08f 0%, #8a2be2 100%);--gradient-border:linear-gradient(135deg, #00c8ff66, #8a2be266);--shadow-glow:0 0 40px #00c8ff26, 0 0 80px #8a2be21a;--shadow-card:0 20px 60px #00000080, 0 0 1px #ffffff0d;--input-bg:#04080fcc;--input-border:#00c8ff33;--input-border-focus:#00c8ff80;--stat-divider:#ffffff14;--feature-divider:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}.vertex-login-page{background:var(--bg-deep);width:100vw;height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.vertex-login-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 30%,#00c8ff0a 0%,#0000 70%),radial-gradient(60% 40% at 80% 70%,#8a2be208 0%,#0000 70%),radial-gradient(100% 100% at 50% 100%,#14b8a605 0%,#0000 60%);position:absolute;inset:0}.vertex-login-page:after{content:"";opacity:.3;pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.vertex-layout{z-index:2;width:100%;height:100%;display:flex;position:relative}.vertex-marketing{flex-direction:column;flex:0 0 58%;max-width:58%;height:100%;padding:clamp(40px,5vw,80px) clamp(40px,6vw,100px);display:flex;position:relative;overflow:hidden}.vertex-marketing:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--bg-deep) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400'%3E%3Cpath d='M0,200 L100,180 L200,220 L300,160 L400,240 L500,190 L600,230 L700,170 L800,250 L900,180 L1000,220 L1100,150 L1200,200' stroke='%2300c8ff' stroke-width='1.5' fill='none' opacity='0.15'/%3E%3Cpath d='M0,220 L100,200 L200,240 L300,180 L400,260 L500,210 L600,250 L700,190 L800,270 L900,200 L1000,240 L1100,170 L1200,220' stroke='%238a2be2' stroke-width='1' fill='none' opacity='0.1'/%3E%3Cpath d='M0,240 L100,220 L200,260 L300,200 L400,280 L500,230 L600,270 L700,210 L800,290 L900,220 L1000,260 L1100,190 L1200,240' stroke='%2314b8a6' stroke-width='0.8' fill='none' opacity='0.08'/%3E%3C/svg%3E") center bottom / cover no-repeat;opacity:.6;pointer-events:none;z-index:-1;height:60%;position:absolute;bottom:0;left:0;right:0}.vertex-brand{align-items:center;gap:14px;margin-bottom:clamp(40px,6vh,80px);display:flex}.vertex-logo{background:linear-gradient(135deg,#ccf4ff,#d8ebfa);border-radius:12px;width:48px;height:48px;padding:4px;position:relative;overflow:hidden;box-shadow:0 0 20px #00c8ff33,0 0 40px #8a2be21a}.vertex-logo-img{object-fit:contain;border-radius:8px;width:100%;height:100%}.vertex-brand-text{flex-direction:column;line-height:1;display:flex}.vertex-brand-name{letter-spacing:-.5px;color:var(--text-primary);font-size:clamp(22px,3vw,28px);font-weight:700}.vertex-brand-tagline{letter-spacing:3px;text-transform:uppercase;color:var(--accent-cyan);opacity:.8;margin-top:2px;font-size:clamp(10px,1.2vw,12px);font-weight:500}.vertex-headline{margin-bottom:clamp(24px,4vh,40px);line-height:1.05}.vertex-headline-primary{letter-spacing:-2px;color:var(--text-primary);margin-bottom:8px;font-size:clamp(42px,6vw,64px);font-weight:800;line-height:1.08}.vertex-headline-accent{letter-spacing:-2px;background:var(--gradient-headline);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,6vw,64px);font-weight:800;line-height:1.08}.vertex-subheadline{color:var(--text-secondary);letter-spacing:-.2px;max-width:520px;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.6}.vertex-features{flex:1;justify-content:flex-end;align-items:flex-end;gap:0;width:100%;padding-bottom:clamp(30px,4vh,50px);display:flex;position:relative}.vertex-feature{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 clamp(16px,2vw,24px);display:flex;position:relative}.vertex-feature:not(:last-child):after{content:"";background:linear-gradient(180deg, transparent, var(--feature-divider), transparent);width:1px;height:70%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.vertex-feature-icon{border:1px solid var(--feature-divider);background:linear-gradient(135deg,#00c8ff14,#8a2be20f);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex;position:relative}.vertex-feature-icon svg{width:26px;height:26px;stroke:var(--accent-cyan);filter:drop-shadow(0 0 8px #00c8ff80)}.vertex-feature-icon.icon-2 svg{stroke:var(--accent-teal);filter:drop-shadow(0 0 8px #14b8a680)}.vertex-feature-icon.icon-3 svg{stroke:var(--accent-purple);filter:drop-shadow(0 0 8px #8a2be280)}.vertex-feature-icon.icon-4 svg{stroke:var(--accent-violet);filter:drop-shadow(0 0 8px #a855f780)}.vertex-feature-title{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:10px;font-size:clamp(14px,1.6vw,16px);font-weight:600}.vertex-feature-desc{color:var(--text-muted);letter-spacing:-.1px;font-size:clamp(12px,1.3vw,13px);font-weight:400;line-height:1.5}.vertex-stats{border-top:1px solid var(--stat-divider);width:100%;margin-top:auto;padding-top:clamp(30px,4vh,40px);display:flex}.vertex-stat{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 clamp(12px,1.5vw,20px);display:flex;position:relative}.vertex-stat:not(:last-child):after{content:"";background:linear-gradient(180deg, transparent, var(--stat-divider), transparent);width:1px;height:60%;position:absolute;top:20%;right:0}.vertex-stat-value{letter-spacing:-1px;background:var(--gradient-headline);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,36px);font-weight:700;line-height:1.1}.vertex-stat-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-top:6px;font-size:clamp(10px,1.1vw,11px);font-weight:500}.vertex-login-area{flex:0 0 42%;justify-content:center;align-items:center;max-width:42%;height:100%;padding:clamp(30px,4vw,60px);display:flex;position:relative}.vertex-login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(30px);width:100%;max-width:440px;box-shadow:var(--shadow-card), var(--shadow-glow);border:1px solid #0000;border-radius:24px;padding:clamp(40px,5vw,56px);position:relative;overflow:hidden}.vertex-login-card:before{content:"";background:var(--gradient-border);-webkit-mask-composite:xor;pointer-events:none;border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.vertex-login-header{text-align:center;margin-bottom:clamp(32px,4vw,48px)}.vertex-login-title{letter-spacing:-1px;color:var(--text-primary);margin-bottom:10px;font-size:clamp(26px,3.5vw,32px);font-weight:700}.vertex-login-subtitle{color:var(--text-secondary);letter-spacing:-.1px;font-size:clamp(14px,1.6vw,16px);font-weight:400}.vertex-form{flex-direction:column;gap:clamp(20px,2.5vw,24px);display:flex}.vertex-form-group{flex-direction:column;gap:8px;display:flex}.vertex-form-label{color:var(--text-primary);letter-spacing:.2px;font-size:clamp(12px,1.3vw,13px);font-weight:500}.vertex-input-wrapper{align-items:center;display:flex;position:relative}.vertex-input-icon{width:20px;height:20px;stroke:var(--text-muted);pointer-events:none;transition:stroke .2s;position:absolute;left:16px}.vertex-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;height:52px;color:var(--text-primary);border-radius:12px;outline:none;padding:0 18px 0 52px;font-size:clamp(14px,1.5vw,15px);font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.vertex-input::placeholder{color:var(--text-muted);opacity:.7}.vertex-input:focus{border-color:var(--input-border-focus);background:#04080ff2;box-shadow:0 0 0 3px #00c8ff1a}.vertex-input:-webkit-autofill{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.vertex-input:-webkit-autofill:hover{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.vertex-input:-webkit-autofill:focus{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.vertex-input:-webkit-autofill:active{caret-color:var(--text-primary);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;box-shadow:0 0 0 1000px var(--input-bg) inset!important;-webkit-text-fill-color:var(--text-primary)!important}.vertex-input:-webkit-autofill{background-color:var(--input-bg)!important;color:var(--text-primary)!important;background-image:none!important}.vertex-input:focus+.vertex-input-icon,.vertex-input-wrapper:focus-within .vertex-input-icon{stroke:var(--accent-cyan)}.vertex-input-eye{width:22px;height:22px;stroke:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:stroke .2s;display:flex;position:absolute;right:16px}.vertex-input-eye:hover{stroke:var(--accent-cyan)}.vertex-form-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.vertex-checkbox-wrapper{cursor:pointer;align-items:center;gap:10px;display:flex}.vertex-checkbox-input{opacity:0;width:0;height:0;position:absolute}.vertex-checkbox-box{border:1.5px solid var(--input-border);background:var(--input-bg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.vertex-checkbox-input:checked+.vertex-checkbox-box{background:var(--gradient-button);border-color:#0000}.vertex-checkbox-box svg{width:14px;height:14px;stroke:var(--text-primary);stroke-width:3px;opacity:0;transition:all .2s;transform:scale(.7)}.vertex-checkbox-input:checked+.vertex-checkbox-box svg{opacity:1;transform:scale(1)}.vertex-checkbox-input:focus-visible+.vertex-checkbox-box{outline:2px solid var(--accent-cyan);outline-offset:2px}.vertex-checkbox-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:clamp(13px,1.4vw,14px);font-weight:400}.vertex-forgot-link{color:var(--accent-cyan);font-size:clamp(13px,1.4vw,14px);font-weight:500;text-decoration:none;transition:color .2s}.vertex-forgot-link:hover{color:var(--accent-purple);text-decoration:underline}.vertex-login-btn{background:var(--gradient-button);width:100%;height:54px;color:var(--text-primary);letter-spacing:.3px;cursor:pointer;border:none;border-radius:12px;margin-top:4px;font-size:clamp(15px,1.7vw,16px);font-weight:600;transition:transform .15s,box-shadow .2s,filter .2s;position:relative;overflow:hidden}.vertex-login-btn:before{content:"";opacity:0;background:linear-gradient(90deg,#06c 0%,#6b1fd6 100%);transition:opacity .2s;position:absolute;inset:0}.vertex-login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px #0088ff59,0 0 40px #8a2be240}.vertex-login-btn:active{transform:translateY(0)}.vertex-login-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.vertex-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vertex-divider{align-items:center;gap:16px;margin:clamp(20px,2.5vw,24px) 0;display:flex}.vertex-divider-line{background:linear-gradient(90deg, transparent, var(--stat-divider), transparent);flex:1;height:1px}.vertex-divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;font-size:clamp(12px,1.3vw,13px);font-weight:500}.vertex-social-login{gap:12px;margin-bottom:clamp(24px,3vw,32px);display:flex}.vertex-social-btn{background:var(--input-bg);border:1px solid var(--input-border);height:50px;color:var(--text-primary);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:clamp(13px,1.4vw,14px);font-weight:500;transition:all .2s;display:flex}.vertex-social-btn svg{flex-shrink:0;width:20px;height:20px}.vertex-social-btn:hover{border-color:var(--input-border-focus);background:#04080ff2;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.vertex-social-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.vertex-social-btn.google svg,.vertex-social-btn.apple svg,.vertex-social-btn.microsoft svg{width:20px;height:20px}.vertex-signup-prompt{text-align:center;color:var(--text-secondary);font-size:clamp(13px,1.4vw,14px)}.vertex-signup-link{color:var(--accent-cyan);margin-left:6px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.vertex-signup-link:after{content:"";background:var(--gradient-headline);transform-origin:100%;height:2px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.vertex-signup-link:hover{color:var(--accent-purple)}.vertex-signup-link:hover:after{transform-origin:0;transform:scaleX(1)}.vertex-security-notice{border-top:1px solid var(--stat-divider);justify-content:center;align-items:center;gap:10px;margin-top:clamp(24px,3vw,32px);padding-top:clamp(20px,2.5vw,24px);display:flex}.vertex-security-icon{width:20px;height:20px;stroke:var(--accent-teal);filter:drop-shadow(0 0 6px #14b8a666);flex-shrink:0}.vertex-security-text{color:var(--text-muted);letter-spacing:.1px;font-size:clamp(11px,1.2vw,12px);font-weight:400}.vertex-loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#04080ff2;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.vertex-loading-spinner{border:3px solid #0000;border-top-color:var(--accent-cyan);border-right-color:var(--accent-purple);border-radius:50%;width:48px;height:48px;animation:1s linear infinite vertex-spin}@keyframes vertex-spin{to{transform:rotate(360deg)}}.vertex-loading-text{color:var(--text-secondary);font-size:14px;font-weight:500}.vertex-alert{background:var(--bg-card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--gradient-border);z-index:1001;width:90%;max-width:400px;box-shadow:var(--shadow-card), var(--shadow-glow);text-align:center;border-radius:16px;padding:28px 36px;animation:.25s ease-out vertex-alert-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vertex-alert-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.vertex-alert-title{color:var(--text-primary);margin-bottom:12px;font-size:18px;font-weight:600}.vertex-alert-message{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.vertex-alert-btn{background:var(--gradient-button);color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s}.vertex-alert-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0088ff59}@media (width<=1200px){.vertex-marketing{flex:0 0 55%;max-width:55%}.vertex-login-area{flex:0 0 45%;max-width:45%}}@media (width<=1024px){.vertex-layout{flex-direction:column}.vertex-marketing,.vertex-login-area{flex:none;width:100%;max-width:100%}.vertex-marketing{order:2;height:auto;min-height:50vh;padding:clamp(30px,5vw,50px) clamp(24px,4vw,40px)}.vertex-login-area{order:1;height:auto;min-height:50vh;padding:clamp(24px,4vw,40px) clamp(24px,4vw,40px) clamp(40px,5vw,60px)}.vertex-marketing:before{display:none}.vertex-features{flex-wrap:wrap;justify-content:center;gap:20px;padding-bottom:20px}.vertex-feature{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.vertex-feature:not(:last-child):after,.vertex-feature:nth-child(2n):after{display:none}.vertex-stats{flex-wrap:wrap;justify-content:center;gap:20px 0;padding-top:20px}.vertex-stat{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.vertex-stat:not(:last-child):after,.vertex-stat:nth-child(2n):after{display:none}}@media (width<=640px){.vertex-feature,.vertex-stat{flex:0 0 100%;max-width:100%}.vertex-social-login{flex-direction:column}.vertex-login-card{border-radius:20px;padding:32px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.signupmain{background-color:var(--bg-color);justify-content:space-around;align-items:center;width:100vw;height:90vh;display:flex}.signup-layout{background-color:var(--signup);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;width:38%;max-height:500px;display:flex}.input-amount-sign{background-color:var(--bg-color);width:90%;color:var(--text);border-radius:6px;justify-content:space-between;align-items:center;margin-top:5px;padding:2px;font-weight:700;display:flex}.body-confirm{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px;display:flex}.body-confirm h4{color:var(--text);width:90%;font-size:13px}.change-email{margin-top:50px;margin-bottom:50px;font-size:14px;font-weight:500;text-decoration:underline}.button-layouts{flex-direction:row;justify-content:space-around;align-items:center;width:96%;display:flex}.signup-layout h2{color:var(--text)}.img-vector img{border-radius:15px;width:50vw}.switcher{border-radius:8px;align-items:center;display:flex}.switcher h2{text-align:center;color:#fff;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.switcher .selected{text-align:center;color:#fff;background:#1a1a62;border-radius:8px;padding-top:10px;padding-bottom:10px;font-size:14px;font-weight:500}.signuplayoutmain{background-color:var(--bg-color);width:100vw;height:100vh}.inputbox-amount-sign{text-align:left;width:100%;color:var(--text);background-color:#0000;border:none;outline:none;padding-top:5px;padding-bottom:5px;font-size:16px}.login{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:15px;display:flex}.signup{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:30px;padding-bottom:30px;display:flex;overflow:scroll}.sign-il{justify-content:center;align-items:center;width:100%;display:flex}.po{color:#fff;margin-right:5px;font-size:14px}.signup h4{color:#fff;place-self:start;padding-left:20px;font-size:20px}.login h4{color:#fff;place-self:start;padding-left:5px;font-size:20px}.login-input{padding-left:10px;padding-right:10px}.loginbutton{color:#fff;cursor:pointer;background-color:#1a1a62;border:none;border-radius:5px;height:50px;margin-top:15px;margin-left:10px;padding:10px 50px;font-weight:700}.titlesign{color:var(--text)!important}.fgp{cursor:pointer;color:#a2a2a2;text-decoration:underline}.action{justify-content:space-between;align-items:center;width:94%;display:flex}.line{background-color:#f5f5f5;width:100%;height:1px;margin-top:5px}@media (width<=1300px){.img-vector img{width:65vw;margin-left:10px;margin-right:10px}.signup-layout{background-color:var(--signup);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;width:60vw;margin-left:10px;display:flex}}.textcolor{color:var(--text)!important}@media (width<=1000px){.signupmain{background-color:var(--bg-color);justify-content:center;align-items:center;display:flex}.signup-layout{background-color:var(--signup);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;width:80%;display:flex;max-height:500px!important}.body-confirm{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px;display:flex}.body-confirm h4{color:var(--text)}.change-email{margin-top:50px;font-size:14px;font-weight:500;text-decoration:underline}.signmin{justify-content:center!important}.button-layouts{flex-direction:row;justify-content:space-around;align-items:center;width:96%;display:flex}.signup-layout h2{color:#fff}.img-vector img{width:0;display:none}.switcher{border-radius:8px;align-items:center;display:flex}.switcher h2{text-align:center;color:#fff;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.switcher .selected{text-align:center;color:#fff;background:#1a1a62;border-radius:8px;padding-top:10px;padding-bottom:10px;font-size:14px;font-weight:500}.inputbox-amount-sign{text-align:left;width:100%;color:var(--text);background-color:#0000;border:none;outline:none;padding-top:5px;padding-bottom:5px;font-size:14px}.login{flex-direction:column;justify-content:center;align-items:center;width:100%;height:400px;display:flex}.signup{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:30px;display:flex}.signup h4,.login h4{color:#fff;place-self:start;padding-left:20px;font-size:20px}.login-input{padding-left:10px;padding-right:10px}.loginbutton{color:#fff;cursor:pointer;background-color:#1a1a62;border:none;border-radius:5px;margin-top:15px;padding:10px 50px;font-weight:700}.fgp{cursor:pointer;color:#a2a2a2;text-decoration:underline}.action{justify-content:space-between;align-items:center;width:94%;display:flex}.line{background-color:#f5f5f5;width:100%;height:1px;margin-top:5px}}@media (width<=600px){.signupmain{background-color:var(--bg-color);justify-content:center;align-items:center;display:flex;overflow:hidden}.signup-layout{background-color:var(--signup);border-radius:15px;flex-direction:column;justify-content:start;align-items:center;width:90%;display:flex}}.signmin{justify-content:space-around;width:100%;height:max-content;display:flex}.deposit-layout{background-color:var(--sub-bg);border-radius:8px;width:99.3vw;display:flex}.buy-order-layout.buy-order-layout-resize{margin-left:-10px}@media (width<=1000px){.deposit-history-layout{display:none!important}.line-ver{display:none}.main-transter-layout{background-color:var(--bg-color);flex-direction:column;width:100vw;height:100vh;display:flex;overflow-y:scroll}.deposit-layout{background-color:var(--sub-bg);border-radius:8px;flex-direction:column;width:99.3vw;height:100vh;display:flex;overflow-y:scroll}.deposit-function{flex-direction:column;justify-content:space-between;margin-left:1vw;display:flex;width:100vw!important}}.dispo-cente{justify-content:center;align-items:center}.deposit-function{flex-direction:column;justify-content:space-between;width:55vw;height:100%;margin-left:1vw;display:flex}.buy-order-resize{color:var(--text);width:auto!important;font-size:18px!important}.rule_dep{color:var(--text);margin:10px;padding-top:10px;font-size:12px}.deposit-function h4{color:var(--text);margin:10px 10px 10px 0;padding-top:10px}.line-ver{background-color:#790000;width:5px;height:100px;margin-right:15px}.tran-btn{color:#fff;background-color:#1a1a62;border:none;border-radius:5px;width:93%;height:35px;margin-top:10px;font-size:14px;font-weight:600}.deposit-history-layout{background-color:var(--sub-bg);border-radius:8px;width:99.3vw;height:30vh;margin-top:10px;display:flex}.history{background-color:var(--sub-bg);flex-direction:column;justify-content:space-between;width:100%;display:flex;overflow:scroll}.trx-app{background:var(--bg-color);min-height:100vh}.trx-shell{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:24px 20px 40px}.trx-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.trx-head-title{letter-spacing:-.3px;color:var(--text);margin:0;font-size:26px;font-weight:800}.trx-head-sub{color:var(--ecc-text-muted);margin:6px 0 0;font-size:13px}.trx-tabs{background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.trx-tab{color:var(--ecc-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 26px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s}.trx-tab:hover{color:var(--text);background:var(--ecc-soft2)}.trx-tab-active{background:linear-gradient(135deg,#00d4ff,#a855f7);box-shadow:0 4px 16px #00d4ff4d;color:#fff!important}.trx-tab-active:hover{background:linear-gradient(135deg,#00d4ff,#a855f7);color:#fff!important}.trx-form{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:18px;display:grid}.trx-form-main{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:16px;flex-direction:column;gap:18px;padding:22px;display:flex;box-shadow:0 20px 50px #00000040}.trx-balance-card{background:linear-gradient(135deg,#00d4ff24,#a855f724);border:1px solid #00d4ff40;border-radius:14px;padding:20px 22px;position:relative;overflow:hidden}.trx-balance-card:after{content:"";background:radial-gradient(circle,#00d4ff2e,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.trx-balance-card--withdraw{background:linear-gradient(135deg,#c05dff24,#6366f124);border-color:#a855f747}.trx-balance-label{letter-spacing:.6px;text-transform:uppercase;color:var(--ecc-text-muted);font-size:11px;font-weight:600}.trx-balance-value{font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:var(--text);background:linear-gradient(135deg,#7ef0ff,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-size:32px;font-weight:800}.trx-balance-foot{gap:8px;margin-top:8px;display:flex}.trx-safe-badge{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.trx-safe-badge:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4ade80}.trx-balance-sub{color:var(--ecc-text-muted);margin-top:8px;font-size:13px}.trx-fieldset{flex-direction:column;gap:12px;display:flex}.trx-field{flex-direction:column;gap:6px;display:flex}.trx-field-label{color:var(--text);font-size:12px;font-weight:600}.trx-input{box-sizing:border-box;width:100%;color:var(--text);background:var(--ecc-soft);border:1px solid var(--ecc-border);appearance:none;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.trx-input::placeholder{color:var(--ecc-text-muted);font-weight:400}.trx-input:focus{border-color:var(--ecc-accent);box-shadow:0 0 0 3px #00d4ff1f}.trx-input--amount{text-align:right;font-variant-numeric:tabular-nums;color:var(--ecc-accent);background:linear-gradient(135deg,#00d4ff14,#a855f714);border-color:#00d4ff40}.trx-quick{flex-direction:column;gap:8px;display:flex}.trx-quick-label{color:var(--text);font-size:12px;font-weight:600}.trx-quick-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.trx-chip{color:var(--text);background:var(--ecc-soft);border:1px solid var(--ecc-border);cursor:pointer;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.trx-chip:hover{border-color:var(--ecc-accent);color:var(--ecc-accent);background:var(--ecc-soft2);transform:translateY(-1px)}.trx-chip--clear{color:#ef3b4a;background:#ef3b4a14;border-color:#ef3b4a80}.trx-chip--clear:hover{color:#ff5c68;background:#ef3b4a24;border-color:#ef3b4a}.trx-submit{letter-spacing:.5px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#a855f7);border:none;border-radius:10px;width:100%;height:46px;font-family:inherit;font-size:15px;font-weight:700;transition:all .18s;box-shadow:0 8px 24px #00d4ff47}.trx-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 30px #a855f766}.trx-submit:active{transform:translateY(0)}.trx-submit--withdraw{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 8px 24px #a855f74d}.trx-rules{border-top:1px solid var(--ecc-border);color:var(--ecc-text-muted);margin:0;padding-top:12px;font-size:11px;line-height:1.7}.trx-rules p{margin:0}.trx-info{background:var(--sub-bg);border:1px solid var(--ecc-border);box-sizing:border-box;border-radius:16px;align-self:start;width:100%;padding:20px 22px;box-shadow:0 20px 50px #00000040}.trx-info-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.trx-info-icon{color:#fff;background:linear-gradient(135deg,#00d4ff,#a855f7);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:flex}.trx-info-head h4{color:var(--text);margin:0;font-size:15px;font-weight:700}.trx-info-panel{flex-direction:column;gap:0;display:flex}.trx-info-row{border-bottom:1px solid var(--ecc-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;display:flex}.trx-info-row:last-child{border-bottom:none}.trx-info-row span{color:var(--ecc-text-muted);font-size:12px}.trx-info-row strong{color:var(--text);text-align:right;word-break:break-all;font-size:13px;font-weight:600}.trx-history-block{margin-top:22px}.trx-history-head{margin-bottom:10px}.trx-history-head h3{color:var(--text);margin:0;font-size:16px;font-weight:700}.trx-history-table{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0003}.trx-table{border-collapse:collapse;width:100%;color:var(--text);text-align:center;font-size:12px}.trx-table thead th{text-transform:uppercase;letter-spacing:.4px;color:var(--ecc-text-muted);background:var(--ecc-soft);border-bottom:1px solid var(--ecc-border);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}.trx-table tbody td{border-bottom:1px solid var(--ecc-border);white-space:nowrap;padding:12px 14px}.trx-table tbody tr:last-child td{border-bottom:none}.trx-table tbody tr:hover td{background:var(--ecc-soft)}.trx-type{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.trx-type--in{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.trx-type--out{color:#ef3b4a;background:#ef3b4a1a;border:1px solid #ef3b4a4d}.trx-status{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.trx-status--pending{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d}.trx-status--ok{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.trx-status--rej{color:#ef3b4a;background:#ef3b4a1a;border:1px solid #ef3b4a4d}@media (width<=1000px){.trx-form{grid-template-columns:1fr}.trx-info{align-self:stretch}.trx-table{min-width:640px}.trx-history-table{overflow:auto}}@media (width<=700px){.hx-toolbar{flex-wrap:wrap}.hx-dt .datetime-picker-input,.hx-date-field .datetime-picker-input{width:100%;min-width:0}.trx-shell{padding:16px 12px 32px}.trx-head{flex-direction:column;align-items:flex-start}.trx-tabs{width:100%}.trx-tab{flex:1;padding:11px 16px;font-size:14px}.trx-form-main,.trx-info{padding:16px}.trx-balance-value{font-size:28px}.trx-quick-grid{gap:8px}}@media (width<=420px){.trx-quick-grid{grid-template-columns:repeat(2,1fr)}.trx-head-title{font-size:22px}.trx-balance-value{font-size:24px}}.hx-card{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0003}.hx-toolbar{border-bottom:1px solid var(--ecc-border);background:var(--ecc-soft);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.hx-toolbar .hx-title{color:var(--text);margin:0;font-size:14px;font-weight:700}.hx-live{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.hx-toolbar--query{flex-wrap:wrap;justify-content:flex-start}.hx-dates{flex-wrap:wrap;align-items:flex-end;gap:14px;width:100%;display:flex}.hx-date-field{flex-direction:column;gap:4px;display:flex}.hx-date-label{letter-spacing:.5px;text-transform:uppercase;color:var(--ecc-text-muted);font-size:10px;font-weight:700}.hx-query{letter-spacing:.3px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#a855f7);border:none;border-radius:8px;height:36px;padding:0 24px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s;box-shadow:0 6px 18px #00d4ff40}.hx-query:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 24px #a855f766}.hx-query:active{transform:translateY(0)}.hx-table-wrap--summary{max-height:none}@media (width<=700px){.hx-dates{gap:10px}.hx-query{width:100%}}.hx-live:before{content:"";background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #4ade80}.hx-dt{position:relative}.hx-dt .datetime-picker-input,.hx-date-field .datetime-picker-input{width:150px;min-width:150px;color:var(--text);background-color:var(--sub-bg);border:1px solid var(--ecc-border);cursor:pointer;box-sizing:border-box;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;outline:none;padding:8px 38px 8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;position:relative}.hx-dt .datetime-picker-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.hx-date-field .datetime-picker-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.hx-dt .datetime-picker-input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.hx-date-field .datetime-picker-input::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.hx-dt .datetime-picker-input::-webkit-clear-button{-webkit-appearance:none;display:none}.hx-date-field .datetime-picker-input::-webkit-clear-button{-webkit-appearance:none;display:none}.hx-dt .datetime-picker-input:focus,.hx-date-field .datetime-picker-input:focus{border-color:var(--ecc-accent);box-shadow:0 0 0 3px #00d4ff1f}.dark-mode .hx-dt .datetime-picker-input,.dark-mode .hx-date-field .datetime-picker-input{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>")}.hx-table-wrap{max-height:56vh;overflow:auto}.hx-table{border-collapse:collapse;width:100%;color:var(--text);text-align:center;min-width:720px;font-size:12px}.hx-table thead th{z-index:2;text-transform:uppercase;letter-spacing:.4px;color:var(--ecc-text-muted);background:var(--ecc-soft);border-bottom:1px solid var(--ecc-border);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.hx-table tbody td{border-bottom:1px solid var(--ecc-border);white-space:nowrap;font-variant-numeric:tabular-nums;padding:12px 14px}.hx-table tbody tr:last-child td{border-bottom:none}.hx-table tbody tr:hover td{background:var(--ecc-soft)}.hx-empty{text-align:center;color:var(--ecc-text-muted);padding:40px 0!important}.hx-up{font-weight:700;color:#4ade80!important}.hx-down{font-weight:700;color:#ef3b4a!important}.hx-cell-strong{color:var(--text);font-weight:700}.hx-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.hx-pill--in{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.hx-pill--out{color:#ef3b4a;background:#ef3b4a1a;border:1px solid #ef3b4a4d}.hx-pill--pending{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d}.hx-pill--ok{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d}.hx-pill--rej{color:#ef3b4a;background:#ef3b4a1a;border:1px solid #ef3b4a4d}.hx-delete{color:#ef3b4a;cursor:pointer;font-weight:700;transition:color .15s}.hx-delete:hover{color:#ff5c68}.hx-pager{border-top:1px solid var(--ecc-border);justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.hx-pager button{min-width:48px;height:32px;color:var(--text);background:var(--ecc-soft);border:1px solid var(--ecc-border);cursor:pointer;border-radius:7px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.hx-pager button:hover{border-color:var(--ecc-accent);color:var(--ecc-accent)}.hx-pager .hx-page-no{min-width:34px;height:32px;color:var(--ecc-accent);background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:7px;justify-content:center;align-items:center;margin:0;font-size:13px;font-weight:700;display:inline-flex}.p-4{background-color:#f9f9f9;border-radius:8px;width:90%;height:80vh;margin:0 auto;padding:20px;font-family:Arial,sans-serif;overflow:hidden;box-shadow:0 4px 10px #1800b71a}.tb-p4{width:100%;height:70vh;overflow:scroll}.heading{color:#333;text-align:center;margin-bottom:20px;font-size:24px;font-weight:600}.loading,.error-message{text-align:center;color:#888;padding:20px;font-size:18px}.csv-table{border-collapse:collapse;background-color:#fff;width:100%;box-shadow:0 4px 8px #0000001a}.csv-table th,.csv-table td{text-align:left;color:#555;padding:12px;font-size:16px}.csv-table th{color:#fff;text-transform:uppercase;background-color:#007bff;font-weight:600}.csv-table tbody tr:nth-child(odd){background-color:#f2f2f2}.csv-table tbody tr:hover{cursor:pointer;background-color:#e0e0e0}@media (width<=768px){.csv-table th,.csv-table td{padding:10px;font-size:14px}}.trx-head-breadcrumb{color:var(--ecc-text-muted);margin:0 0 6px;font-size:12px}.trx-referral-section{border-top:1px solid var(--ecc-border);margin-top:14px;padding-top:14px}.trx-referral-link{color:var(--ecc-accent);background:var(--ecc-soft);border:1px dashed var(--ecc-border);cursor:pointer;word-break:break-all;border-radius:8px;margin:4px 0 10px;padding:8px 12px;font-size:12px;font-weight:600;transition:border-color .15s}.trx-referral-link:hover{border-color:var(--ecc-accent)}.trx-referral-desc{color:var(--ecc-text-muted);margin:0;font-size:12px;line-height:1.6}.trx-profile-btns{gap:10px;margin-top:8px;display:flex}.trx-profile-btns .trx-submit{flex:1}.trx-submit--cancel{background:var(--ecc-soft)!important;color:#ef3b4a!important;box-shadow:none!important;border:1px solid #ef3b4a4d!important}.trx-submit--cancel:hover{filter:none!important;background:#ef3b4a1a!important}.trx-submit--outline{background:var(--ecc-soft)!important;color:var(--text)!important;border:1px solid var(--ecc-border)!important;box-shadow:none!important}.trx-submit--outline:hover{transform:translateY(-1px);background:var(--ecc-soft2)!important;border-color:var(--ecc-accent)!important;color:var(--ecc-accent)!important;filter:none!important}@media (width<=800px){.trx-profile-btns{flex-direction:column}}.main-layout-tfa{height:90vh;color:var(--text);flex-direction:column;display:flex}.tfa-container{background-color:var(--sub-bg);border-radius:10px;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:70vw;height:100%;display:flex}@media (width<=850px){.tfa-container{background-color:var(--sub-bg);border-radius:10px;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:100vw;height:100%;display:flex}}.tfa-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:350px;padding:10px;display:flex}.icons{fill:var(--text)}.tfa-qr{background-color:#fff;border-radius:10px;width:fit-content;padding:10px}.tfa-header h1{margin-bottom:20px;font-size:20px}.tfa-text{background-color:var(--grey);border-radius:8px;justify-content:space-between;height:28px;padding:10px;font-size:18px;display:flex}.tfa-btn button{margin-top:10px;margin-left:10px;margin-right:10px;padding:10px 15px}.btn-confirm-disabled{color:#fff;cursor:pointer;background-color:#c9c9c9;border:none;border-radius:8px;padding-left:10px;padding-right:10px}.tfa-text-w{width:300px}.tfa-text p{font-size:16px}.input-tfa{width:235px;color:var(--text)!important;background-color:var(--grey)!important;text-align:start!important}.input-tfa::placeholder{color:#a7a7a7}.btn-confirm{color:#fff;cursor:pointer;background-color:#303069;border:none;border-radius:8px;padding-left:10px;padding-right:10px}.main-chat-layout{width:100vw;height:90vh;display:flex}.chat-list{background-color:var(--sub-bg);width:30vw;min-width:300px;height:100%;margin-right:.5vw;overflow:hidden scroll}.chat-body{flex-direction:column;justify-content:space-between;width:69.5vw;height:100%;display:flex}.chatlist-element{cursor:pointer;flex-direction:column;justify-self:center;align-items:center;width:100%;padding-top:10px;display:flex}.waiting{background-color:var(--sub-bg);width:100%;height:30px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;margin-top:10px;font-size:14px;display:flex}.icontheme{fill:var(--text)}.backbutton{background-color:var(--grey);align-items:center;margin-bottom:10px;padding:5px;display:flex}.content-chat-id{color:var(--text);background-color:var(--sub-bg);height:100%}.content-chat-id h1{padding:10px;font-size:16px;font-weight:700}.content-chat-id h2{margin-top:-15px;padding:10px;font-size:12px;font-weight:700}.content-chat-id p{padding:10px;font-size:12px;font-weight:700}.chatlist-element:hover{cursor:pointer;background-color:var(--grey);flex-direction:column;justify-self:center;width:100%;padding-top:10px;display:flex}.menu-chat{justify-content:space-between;justify-self:center;width:95%;margin-top:10px;margin-bottom:10px;display:flex}.menu-chat h1{color:var(--text);font-size:14px}.menu-chat button{color:#fff;background-color:#13146c;border:none;border-radius:5px;padding:5px 10px}.chatlist-element .titles{flex-direction:row;justify-content:space-between;width:95%;display:flex}.chatlist-element .titles h1{color:var(--text);font-size:12px}.chatlist-element .content{flex-direction:row;justify-content:start;display:flex}.icon-chat{color:var(--text)}.none-layout{justify-content:center;align-items:center;height:60vh;display:flex}.text-area-chat{color:var(--text);background-color:var(--sub-bg)!important}.chatlist-element .content h1{color:var(--text);margin-top:5px;font-size:12px;font-weight:400}.menu-list2{justify-content:start;width:80%;margin-left:10px;display:flex}.menu-list2 p{color:#fff;text-align:center;cursor:pointer;background-color:#13146c;border-radius:5px;width:60px;margin-top:10px;margin-right:5px;padding:5px 3px}.icon-chatmenu{display:none}.chat-header{width:100%;height:50px;color:var(--text);background-color:var(--sub-bg);align-content:center;align-items:center;padding-left:5px;display:flex}.send-function{align-items:end;width:99%;margin-top:15px;display:flex}.btn-send{color:#fff;background-color:#13146c;border-radius:10px;align-items:center;height:35px;margin-left:5px;padding:0 10px;display:flex}.input-chat-data{background-color:var(--sub-bg);border-radius:10px;justify-content:start;align-items:center;width:90%;height:100%;display:flex}.inputbox-chat{background-color:#0000;border:none;outline:none;width:95%}.chat-header h1{font-size:14px}.chat-header .res{display:flex}.chat-header .res h1{font-size:12px;font-weight:400}.chatcontent{flex-direction:column-reverse;flex:1;width:100%;height:82%;display:flex;overflow-y:scroll}.content-chat-list{background-color:#fff;border-radius:10px;align-self:start;min-width:100px;max-width:35%;height:auto;margin-top:10px;padding:10px}.content-chat-list-away{color:#fff;background-color:#141157;border-radius:10px;align-self:end;min-width:100px;max-width:35%;height:auto;margin-top:10px;margin-right:10px;padding:10px}.date-chat{justify-self:end;margin-bottom:-3px;font-size:10px}.chat-list-mobile{display:none}@media (width<=800px){.chat-list{display:none}.chat-body{width:98vw;margin-left:1vw}.icon-chatmenu{display:block}.chat-list-mobile{background-color:var(--sub-bg);width:100vw;min-width:300px;height:93%;margin-right:.5vw;display:block;position:absolute;overflow:hidden scroll}}.main-chat-layout{box-sizing:border-box;gap:14px;width:100%;max-width:1180px;height:calc(100vh - 100px);margin:0 auto;padding:0 12px}.chat-list{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:16px;flex-direction:column;width:320px;min-width:300px;height:100%;margin-right:0;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}.chat-list>div:last-child{flex:1;padding:8px;overflow-y:auto}.chat-list-mobile{border:1px solid var(--ecc-border);border-radius:16px}.menu-chat{border-bottom:1px solid var(--ecc-border);background:var(--ecc-soft);justify-content:space-between;align-items:center;width:100%;margin:0;padding:16px 18px}.menu-chat h1{color:var(--text);font-size:15px;font-weight:700}.menu-chat button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#a855f7);border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .18s;box-shadow:0 4px 14px #00d4ff40}.menu-chat button:hover{filter:brightness(1.08);transform:translateY(-1px)}.menu-list2{border-bottom:1px solid var(--ecc-border);background:var(--sub-bg);flex-wrap:wrap;gap:6px;width:100%;margin:0;padding:10px 14px;display:flex}.menu-list2 p{background:var(--ecc-soft);border:1px solid var(--ecc-border);width:auto;color:var(--ecc-text-muted);text-align:center;cursor:pointer;border-radius:20px;margin:0;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.menu-list2 p:hover{color:var(--text);background:var(--ecc-soft2);border-color:var(--ecc-accent)}.menu-list2 p.chat-filter-active{color:var(--ecc-accent);background:linear-gradient(135deg,#00d4ff29,#a855f729);border-color:#00d4ff66;font-weight:700;box-shadow:0 2px 10px #00d4ff1f}.chatlist-element{box-sizing:border-box;border-radius:10px;margin-bottom:6px;padding:12px;transition:background .15s}.chatlist-element:hover{background:var(--ecc-soft)}.chatlist-element .titles h1,.chatlist-element .content h1{color:var(--text);font-size:12px}.chatlist-element .content h1:first-child{color:var(--ecc-text-muted)}.none-layout{height:60vh;color:var(--ecc-text-muted);font-size:14px}.chat-body{background:var(--sub-bg);border:1px solid var(--ecc-border);border-radius:16px;flex:1;width:auto;height:100%;overflow:scroll;box-shadow:0 20px 50px #00000040}.chat-header{background:var(--ecc-soft);border-bottom:1px solid var(--ecc-border);height:56px;padding:0 16px}.chat-header h1{color:var(--text);font-size:14px}.chat-header .res h1{font-size:12px}.chatcontent{background:var(--sub-bg);padding:14px 16px}.content-chat-list{background:var(--ecc-soft);border:1px solid var(--ecc-border);color:var(--text);border-radius:12px;max-width:45%;padding:10px 12px;box-shadow:0 4px 12px #00000026}.content-chat-list-away{color:#fff;background:linear-gradient(135deg,#00d4ff,#a855f7);border-radius:12px;max-width:45%;margin-right:10px;padding:10px 12px;box-shadow:0 6px 18px #00d4ff40}.date-chat{color:var(--ecc-text-muted);font-size:10px}.send-function{border-top:1px solid var(--ecc-border);box-sizing:border-box;background:var(--sub-bg);width:100%;margin-top:10px;padding:10px 12px}.input-chat-data{background:var(--ecc-soft);border:1px solid var(--ecc-border);border-radius:10px}.waiting{background:var(--ecc-soft);border:1px solid var(--ecc-border);color:var(--text);border-radius:8px;height:34px;font-size:13px}.icon-chat,.icon-chatmenu{color:var(--text)}@media (width<=800px){.main-chat-layout{height:calc(100vh - 80px);padding:0 8px}.main-chat-layout.mobile-chat-open .chat-list{width:100%}.send-function{padding:8px}.content-chat-list,.content-chat-list-away{max-width:80%}}