@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
button,select,input{font:inherit}button:not(:disabled),select:not(:disabled){cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #17b89735}button:disabled,select:disabled,input:disabled{opacity:.48;cursor:not-allowed!important}.icon{border-radius:7px;transition:background-color .16s,border-color .16s,color .16s;border:1px solid #0000!important}.icon:hover{color:#128d75;background:#f0f5f4;border-color:#d5e9e4!important}.manage{color:#536173;border-radius:6px;padding:6px 8px;border:1px solid #0000!important}.manage:hover{color:#128d75;background:#f2fbf8;border-color:#cceee6!important}.submit{transition:background-color .16s,box-shadow .16s,transform .16s;box-shadow:0 2px 5px #128d7528;border:1px solid #11977d!important}.submit:not(:disabled):hover{background:#109f83;box-shadow:0 4px 10px #128d7535}.submit:not(:disabled):active{transform:translateY(1px)}.submit:disabled{color:#87919d;box-shadow:none;opacity:1;background:#d9dee3;border-color:#d0d6dc!important}:root{--bg:#f5f7fa;--ink:#17202f;--muted:#7c8798;--line:#e7ebf0;--teal:#17b897;--nav:#111827}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,PingFang SC,sans-serif}.shell{min-height:100vh;display:flex}aside{background:var(--nav);color:#9ba6b7;flex-direction:column;width:224px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:9px;height:72px;font-size:21px;display:flex}.brand small{letter-spacing:2px;color:#7c8798;margin:26px 0 0 -52px;font-size:8px}.brandmark{color:#2ad1ae;border:2px solid #2ad1ae;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}nav{gap:7px;margin-top:22px;display:grid}aside a{cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:12px 14px;font-size:14px;display:flex}aside a svg{font-size:20px}aside a.active{color:#fff;background:#1d2938}.asideBottom{margin-top:auto}.secure{color:#35cfad;background:#172332;border:1px solid #2a3747;border-radius:9px;gap:10px;margin-top:22px;padding:12px;display:flex}.secure span{flex-direction:column;display:flex}.secure b{color:#dce5ee;font-size:12px}.secure small{color:#718093;margin-top:3px;font-size:10px}.workspace{width:calc(100% - 224px);margin-left:224px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 32px;display:flex}h1{margin:0 0 6px;font-size:20px}header p,.panelhead p{color:var(--muted);margin:0;font-size:12px}.headActions{align-items:center;gap:10px;display:flex}.icon{background:#fff;border:0;padding:8px;font-size:20px}.notify{position:relative}.notify:after{content:"";background:#ef6b69;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:7px}.avatar{color:#168872;background:#d9f3ec;border-radius:50%;place-items:center;width:36px;height:36px;margin-left:8px;font-weight:700;display:grid}.user{flex-direction:column;font-size:12px;display:flex}.user small{color:var(--muted);margin-top:3px;font-size:10px}.content{padding:22px 30px 38px}.accountbar{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:18px;height:54px;padding:0 16px;font-size:12px;display:flex}.dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.switch{background:#f0f3f6;border-radius:7px;padding:3px}.switch button{color:#687386;background:0 0;border:0;border-radius:5px;padding:7px 15px}.switch .on{color:#17202f;background:#fff;box-shadow:0 1px 4px #ccd2da}.connected{color:#269d83;align-items:center;gap:5px;margin-left:auto;display:flex}.manage{background:0 0;border:0;align-items:center;gap:4px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.metrics article,.panel{border:1px solid var(--line);background:#fff;border-radius:10px}.metrics article{padding:18px 20px}.metrics span{color:var(--muted);font-size:12px}.metrics h2{margin:10px 0 8px;font-size:23px}.metrics p{color:var(--muted);margin:0;font-size:11px}.metrics p.up,.green{color:#129b7d}.metrics em{color:var(--muted);margin-left:4px;font-style:normal}.grid{grid-template-columns:1.55fr 1fr .92fr;gap:14px;margin-top:14px;display:grid}.panel{padding:20px}.panelhead{justify-content:space-between;align-items:flex-start;display:flex}.panelhead h3{margin:0 0 6px;font-size:14px}.panelhead select{border:1px solid var(--line);color:#647082;background:#fff;border-radius:6px;padding:6px 10px}.chartstat{margin-top:24px}.chartstat h2{margin:0;font-size:24px}.chartstat span{color:var(--teal);font-size:11px}.spark{width:100%;height:132px;margin-top:5px;overflow:visible}.gridline{stroke:#edf0f3;stroke-width:1px}.dates{color:#98a1ae;justify-content:space-between;font-size:9px;display:flex}.ticker{text-align:right}.ticker b{font-size:14px;display:block}.ticker span,.live{color:var(--teal);font-size:10px}.tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:14px 0;display:grid}.tabs button{color:#8a94a2;background:0 0;border:0;padding:10px}.tabs .buy{color:var(--teal);border-bottom:2px solid var(--teal)}.tabs .sell{color:#ea6a6a;border-bottom:2px solid #ea6a6a}.trade label{color:#788395;margin:11px 0;font-size:10px;display:block}.seg{background:#f2f4f7;border-radius:6px;grid-template-columns:1fr 1fr;margin-top:6px;padding:3px;display:grid}.seg button{color:#738094;background:0 0;border:0;padding:7px;font-size:11px}.seg .chosen{color:#17202f;background:#fff;border-radius:4px;box-shadow:0 1px 3px #d9dee5}.input{border:1px solid var(--line);border-radius:6px;height:34px;margin-top:6px;display:flex}.input input{border:0;outline:0;width:100%;padding:0 10px;font-weight:600}.input span{color:#8791a0;padding:9px}.range{background:#dfe5e9;justify-content:space-between;height:4px;margin-top:18px;display:flex}.range i{background:#fff;border:2px solid #c8d0d8;border-radius:50%;width:9px;height:9px;transform:translateY(-3px)}.range i:first-child{border-color:var(--teal)}.percent{color:#939dab;justify-content:space-between;margin-top:6px;font-size:8px;display:flex}.submit{background:var(--teal);color:#fff;border:0;border-radius:6px;width:100%;margin-top:12px;padding:10px;font-weight:600}.submit.danger{background:#df6969}.available{text-align:center;color:#8a95a3;margin:7px 0 0;font-size:9px}.available b{color:#3d4858}.link{color:#249b84;background:0 0;border:0;font-size:11px}.bar{border-radius:5px;gap:2px;height:7px;margin:24px 0 19px;display:flex;overflow:hidden}.asset{grid-template-columns:32px 1fr 1fr 32px;align-items:center;margin:14px 0;font-size:11px;display:grid}.asset>span:not(.coin){flex-direction:column;display:flex}.asset small{color:#929ba8;margin-top:3px}.asset>span:nth-child(3){text-align:right}.asset em{text-align:right;color:#8a94a2;font-style:normal}.coin{color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.ordertable{margin-top:14px;padding:0}.ordertable .panelhead{padding:18px 20px 13px}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#8993a2;background:#f8fafb;padding:10px 18px;font-weight:500}td{border-top:1px solid #edf0f3;padding:13px 18px}td.green,td.red{align-items:center;gap:4px;display:flex}.red{color:#df6666}.fill{background:#e9edf1;width:44px;height:4px;margin-right:7px;display:inline-block}.fill i{background:var(--teal);height:100%;display:block}.badge{color:#b6781b;background:#fff3dd;border-radius:12px;padding:4px 8px}.badge.s1{color:#4f82ad;background:#eaf4ff}.badge.s2{color:#198c73;background:#e7f8f3}.toast{color:#fff;background:#172332;border-radius:9px;padding:14px 20px;font-size:13px;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 35px #17233255}@media (max-width:1100px){.grid{grid-template-columns:1fr 1fr}.allocation{grid-column:span 2}.metrics{grid-template-columns:1fr 1fr}}@media (max-width:760px){aside{width:68px;padding:20px 10px}.brand b,.brand small,aside a:not(.active),aside a span,.asideBottom{display:none}.brandmark{margin:auto}aside a.active{justify-content:center}.workspace{width:calc(100% - 68px);margin-left:68px}header{padding:0 16px}.user,.headActions>svg{display:none}.content{padding:14px}.metrics,.grid{grid-template-columns:1fr}.allocation{grid-column:auto}.performance{overflow:hidden}.ordertable,.accountbar{overflow:auto}.connected{display:none}}.brandmark{background:#111827;border:1px solid #2ad1ae;flex:none;width:36px;height:36px;overflow:hidden}.brandmark svg{width:100%;height:100%;display:block}.brand-k{fill:none;stroke:#2ad1ae;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.brand-crown{fill:#fff}
.loading,.authpage{background:radial-gradient(circle at 70% 10%,#dff8f1,#0000 30%),#f4f7f9;place-items:center;min-height:100vh;display:grid}.loading .brandmark{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.35}}.authcard{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(420px,100vw - 32px);padding:34px;box-shadow:0 22px 60px #263a4b15}.authbrand{justify-content:center;margin-bottom:24px}.authcard>h1{text-align:center;font-size:24px}.authcard>p{text-align:center;color:var(--muted);margin-bottom:25px;font-size:13px}.authcard form,.addform{gap:14px;display:grid}.authcard label,.addform label{color:#5e6978;gap:6px;font-size:11px;display:grid}.authcard input,.addform input,.addform select,.accountselect{background:#fff;border:1px solid #dfe4ea;border-radius:7px;outline:none;height:40px;padding:0 11px}.authcard input:focus,.addform input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17b89714}.formerror{color:#bb4d4d;background:#fff0f0;border-radius:6px;padding:9px 11px;font-size:11px}.authsafe{text-align:center;color:#7c8798;justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:10px;display:flex}.accountselect{min-width:230px;height:34px}.modalback{z-index:10;background:#10182799;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;width:min(780px,100%);max-height:90vh;display:grid;overflow:auto;box-shadow:0 30px 80px #0005}.modalhead{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;padding:20px 24px;display:flex}.modal h2{margin:0 0 4px;font-size:17px}.modalhead p{color:var(--muted);margin:0;font-size:11px}.accountlist{border-right:1px solid var(--line);padding:20px}.accountrow{border-bottom:1px solid #eef1f4;grid-template-columns:36px 1fr 10px 32px;align-items:center;gap:10px;padding:12px 0;display:grid}.accountlogo{color:#fff;background:#f2bb42;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.accountrow>span:nth-child(2){flex-direction:column;font-size:12px;display:flex}.accountrow small{color:var(--muted);margin-top:3px;font-size:9px}.accountrow i{background:var(--teal);border-radius:50%;width:7px;height:7px}.accountrow i.offline{background:#df6868}.trash{color:#a1a9b4}.empty{color:#8b95a3;text-align:center;padding:40px 5px;font-size:12px}.addform{padding:20px}.addform h3{align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.hint{color:#8a94a2;margin:0;font-size:10px}@media (max-width:680px){.modal{grid-template-columns:1fr}.modalhead{grid-column:auto}.accountlist{border-right:0;border-bottom:1px solid var(--line)}.accountselect{min-width:160px}}.authdivider{color:#9aa3af;align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.authdivider:before,.authdivider:after{content:"";background:#e7ebf0;flex:1;height:1px}.passkey-button{color:#263445;background:#fff;border:1px solid #d9e1e7;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-weight:600;display:flex}.passkey-button:hover:not(:disabled){border-color:var(--teal);color:#128c74}.passkey-button:disabled{opacity:.55}.passkey-button svg{font-size:19px}
.accountcards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px;display:grid}.accountcards>button{font:inherit;text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;grid-template-columns:1fr auto;gap:7px;padding:13px 15px;display:grid}.accountcards>button.selected{border-color:var(--teal);box-shadow:0 0 0 2px #17b89712}.accountcards span{flex-direction:column;display:flex}.accountcards span b{font-size:12px}.accountcards span small,.accountcards em{color:#8792a1;font-size:9px;font-style:normal}.accountcards i{color:var(--teal);font-size:9px;font-style:normal}.accountcards i.bad{color:#dc6464}.accountcards strong{font-size:17px}.accountcards strong small{color:#8993a0;font-size:9px;font-weight:400}.accountcards em{text-align:right;align-self:end}.accountcards .addaccount{color:var(--teal);border-style:dashed;justify-content:center;align-items:center;min-height:88px;display:flex}
.realempty{color:#98a2af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex}.realempty svg{color:var(--teal);font-size:28px}.realempty b{color:#536070;font-size:12px}.realempty span{max-width:330px;font-size:10px}.realempty.small{min-height:100px}.metrics article p{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.allproducts{grid-column:span 2}.product{border-top:1px solid var(--line);margin-top:13px;padding-top:13px}.producthead{justify-content:space-between;align-items:center;font-size:11px;display:flex}.producthead span{color:var(--teal);font-size:9px}.producthead span.failed,.producterror{color:#d96161}.producterror{overflow-wrap:anywhere;font-size:10px;line-height:1.5}.allproducts .asset{grid-template-columns:32px 1fr 1.3fr}.allproducts .asset>span:last-child{text-align:right}@media (max-width:1100px){.allproducts{grid-column:span 2}}@media (max-width:760px){.allproducts{grid-column:auto}}.portfolio-values{text-align:right;grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px;display:grid}.portfolio-values span{flex-direction:column;display:flex}.portfolio-values small{margin:0 0 3px}.allproducts .portfolio-asset{grid-template-columns:32px minmax(90px,.6fr) minmax(400px,2fr)}@media (max-width:760px){.portfolio-values{grid-template-columns:repeat(2,1fr);gap:10px}.allproducts .portfolio-asset{grid-template-columns:32px 1fr}.portfolio-values{text-align:left;grid-column:1/-1}}.trading-center{width:100%}.trade-account{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:16px;padding:16px 18px;display:flex}.trade-account>div{flex-direction:column;min-width:150px;display:flex}.trade-account b{font-size:13px}.trade-account small{color:var(--muted);margin-top:4px;font-size:9px}.trade-account select{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:300px;padding:10px}.kind{color:#52748f;background:#edf5fa;border-radius:14px;margin-left:auto;padding:7px 10px;font-size:10px}.kind.portfolio{color:#148a72;background:#e7f7f2}.trade-nav{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.trade-nav button{border:1px solid var(--line);color:#6e7a8a;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.trade-nav button.active{border-color:var(--teal);color:#128d75;background:#f2fbf8}.trade-console{width:100%;max-width:900px;margin:auto;padding:26px}.trade-console.futures{max-width:none}.console-head{border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:18px;padding-bottom:18px;display:flex}.console-head h2{margin:0 0 6px;font-size:18px}.console-head p{color:var(--muted);margin:0;font-size:10px}.console-head svg{color:var(--teal);font-size:28px}.trade-form{gap:15px;display:grid}.trade-form label{color:#697587;gap:6px;font-size:11px;display:grid}.trade-form input:not([type=checkbox]),.trade-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:7px;padding:11px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.route-note{color:#778293;background:#f6f8fa;border-radius:7px;margin:0;padding:10px 12px;font-size:10px;line-height:1.5}.check-label{align-items:center;margin-top:23px;gap:8px!important;display:flex!important}.check-label input{width:15px;height:15px}.contract-switch{background:#f2f4f7;border-radius:8px;margin-bottom:16px;padding:4px;display:flex}.contract-switch button{color:#738094;background:0 0;border:0;border-radius:6px;flex:1;padding:9px}.contract-switch button.active{color:#148a72;background:#fff;box-shadow:0 1px 4px #d8dde3}.operation-message{color:#c25555;background:#fff2f0;border-radius:7px;margin-top:16px;padding:11px;font-size:11px}.operation-message.success{color:#148a72;background:#eaf8f4}.trade-empty{min-height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.trade-empty svg{color:var(--teal);font-size:34px}.trade-empty b{color:var(--ink)}.trade-empty span{font-size:10px}@media (max-width:760px){.trade-account{flex-direction:column;align-items:stretch}.trade-account select{min-width:0}.kind{text-align:center;margin-left:0}.trade-nav,.form-row{grid-template-columns:1fr}.trade-console{padding:18px}.check-label{margin-top:0}}.balance-route{grid-template-columns:1fr 30px 1fr;align-items:center;gap:12px;display:grid}.balance-route>svg{color:var(--teal);font-size:20px}.balance-route article{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:5px;padding:13px;display:flex}.balance-route article>small{color:var(--muted);font-size:9px}.balance-route article>b{font-size:12px}.balance-route article>strong{margin-top:4px;font-size:18px}.balance-route article>strong em{color:var(--muted);font-size:9px;font-style:normal}.balance-route article>span{color:var(--muted);font-size:9px}@media (max-width:760px){.balance-route{grid-template-columns:1fr}.balance-route>svg{justify-self:center;transform:rotate(90deg)}}.positions{border:1px solid var(--line);border-radius:9px;margin-bottom:20px;overflow:hidden}.positions-head{justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.positions-head h3{margin:0 0 4px;font-size:13px}.positions-head p{color:var(--muted);margin:0;font-size:9px}.positions-scroll{overflow-x:auto}.positions table{min-width:850px}.positions th{white-space:nowrap;padding:9px 12px}.positions td{white-space:nowrap;padding:11px 12px}.position-side{text-align:center;border-radius:12px;min-width:30px;padding:3px 8px;font-size:9px;display:inline-block}.position-side.long{color:#148a72;background:#e7f8f3}.position-side.short{color:#d45c5c;background:#fff0ef}.positions .pnl-positive{color:#148a72;font-weight:600}.positions .pnl-negative{color:#d45c5c;font-weight:600}.positions-empty,.positions-error{text-align:center;border-top:1px solid var(--line);color:var(--muted);padding:24px;font-size:10px}.positions-error{color:#c25555;overflow-wrap:anywhere;background:#fff8f7}.open-orders table{min-width:980px}.market-picker{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:16px;margin-bottom:20px;display:grid}.market-search{position:relative}.market-search>label{color:#697587;margin-bottom:6px;font-size:11px;display:block}.market-search-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;height:44px;padding:0 12px;display:flex}.market-search-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #17b89718}.market-search-input>svg{color:#8490a0;font-size:18px}.market-search-input input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.market-search-input button{color:#8993a2;background:0 0;border:0;place-items:center;display:grid}.market-results{z-index:5;border:1px solid var(--line);background:#fff;border-radius:8px;max-height:300px;padding:5px;position:absolute;top:68px;left:0;right:0;overflow:auto;box-shadow:0 12px 30px #1723321f}.market-results button{text-align:left;background:#fff;border:0;border-radius:6px;align-items:center;gap:5px;width:100%;padding:10px 11px;display:flex}.market-results button:hover{background:#f2fbf8}.market-results button b{font-size:12px}.market-results button span{color:var(--muted);font-size:11px}.market-results button small{color:#9aa3af;margin-left:auto}.market-no-result,.market-error{color:#c25555;padding:9px 2px;font-size:10px}.live-price{background:#f2fbf8;border:1px solid #cceee6;border-radius:9px;flex-direction:column;padding:12px 15px;display:flex}.live-price span{color:#168872;align-items:center;gap:6px;font-size:9px;display:flex}.live-price i{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #17b89720}.live-price strong{margin:5px 0 2px;font-size:20px}.live-price small{color:var(--muted);font-size:9px}.select-market-first{text-align:center;color:var(--muted);border:1px dashed #cfd7df;border-radius:9px;flex-direction:column;align-items:center;gap:7px;padding:28px;display:flex}.select-market-first svg{color:var(--teal);font-size:28px}.select-market-first b{color:var(--ink);font-size:12px}.select-market-first span{font-size:10px}.trade-form input[readonly]{color:#536173;background:#f6f8fa}@media (max-width:760px){.market-picker{grid-template-columns:1fr}.live-price{min-height:88px}}.futures-order{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.trade-mode{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.trade-mode button{border:1px solid var(--line);text-align:left;color:#596777;background:#fff;border-radius:9px;grid-template-columns:auto 1fr;gap:2px 9px;padding:14px;display:grid}.trade-mode svg{grid-row:1/3;margin:auto;font-size:23px}.trade-mode small{color:var(--muted);font-size:9px}.trade-mode button.active.reduce{color:#b64d4d;background:#fff7f6;border-color:#e3a6a6}.trade-mode button.active.increase{color:#148a72;background:#f2fbf8;border-color:#8dd9c8}.position-picker{color:#697587;gap:6px;margin-bottom:18px;font-size:11px;display:grid}.position-picker select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:11px}.position-picker small{color:#b06060}.market-picker.compact{grid-template-columns:1fr}.conversion-head{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.conversion-head>div{background:#f7f9fa;border-radius:8px;gap:4px;padding:11px;display:grid}.conversion-head small,.conversion-card small{color:var(--muted);font-size:9px}.conversion-head b{font-size:12px}.conversion-card{background:#f2fbf8;border:1px solid #cceee6;border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px;display:grid}.conversion-card>span{gap:5px;display:grid}.conversion-card>span:last-of-type{text-align:right}.conversion-card svg{color:var(--teal);font-size:20px}.conversion-card b{font-size:14px}.conversion-card em{color:#648078;border-top:1px solid #d8eee9;grid-column:1/4;padding-top:9px;font-size:9px;font-style:normal}@media (max-width:760px){.trade-mode,.conversion-head{grid-template-columns:1fr}.conversion-card{grid-template-columns:1fr auto 1fr}}.futures-settings,.leverage-setting{border:1px solid var(--line);background:#fafbfc;border-radius:9px;align-items:center;gap:14px;margin-bottom:16px;padding:13px 15px;display:flex}.futures-settings>div,.leverage-setting>div{gap:3px;margin-right:auto;display:grid}.futures-settings small,.leverage-setting small{color:var(--muted);font-size:9px}.futures-settings b,.leverage-setting b{font-size:13px}.futures-settings span,.leverage-setting span{color:var(--muted);font-size:9px}.futures-settings button,.leverage-setting button{color:#148a72;background:#f2fbf8;border:1px solid #8dd9c8;border-radius:7px;padding:9px 13px}.futures-settings button:disabled,.leverage-setting button:disabled{opacity:.55}.leverage-setting{margin-bottom:0}.leverage-setting label{min-width:120px}.leverage-setting select{padding:8px!important}@media (max-width:760px){.futures-settings,.leverage-setting{flex-direction:column;align-items:stretch}.futures-settings>div,.leverage-setting>div{margin-right:0}}.available-funds{background:#f2fbf8;border:1px solid #cceee6;border-radius:9px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;display:flex}.available-funds>svg{color:var(--teal);font-size:25px}.available-funds>div{gap:3px;display:grid}.available-funds small{color:#168872;font-size:9px}.available-funds b{font-size:16px}.available-funds span{color:#648078;font-size:9px}.contract-assets{border:1px solid var(--line);border-radius:9px;margin-bottom:20px;overflow:hidden}.contract-assets table{min-width:760px}.contract-assets th,.contract-assets td{white-space:nowrap;padding:10px 12px}.contract-assets .pnl-positive{color:#148a72;font-weight:600}.contract-assets .pnl-negative{color:#d45c5c;font-weight:600}.contract-asset-summary{grid-template-columns:repeat(3,1fr);gap:10px;padding:0 15px 14px;display:grid}.contract-asset-summary article{background:#f6f8fa;border-radius:8px;gap:4px;padding:12px;display:grid}.contract-asset-summary small{color:var(--muted);font-size:9px}.contract-asset-summary b{font-size:14px}.contract-asset-summary span{color:var(--muted);font-size:9px}.asset-disclaimer{color:#8c7446;background:#fffaf0;border-top:1px solid #f0e4c8;margin:0;padding:10px 14px;font-size:9px;line-height:1.5}@media (max-width:760px){.contract-asset-summary{grid-template-columns:1fr}}
.trade-account select{appearance:none;color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23354256' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border-color:#cfd6de;padding:10px 44px 10px 12px;box-shadow:0 1px 2px #1723320a}.trade-account select:hover{border-color:#8fcfc1}.trade-nav button{color:#596777;border-color:#d9dfe6;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s,transform .16s;position:relative;box-shadow:0 1px 2px #1723320a}.trade-nav button:not(.active):hover{color:#187d6a;background:#f8fcfb;border-color:#9dcfc4;box-shadow:0 3px 9px #17233212}.trade-nav button:active{transform:translateY(1px)}.trade-nav button.active{color:#0f7f69;background:#eaf8f4;border-color:#17a98c;font-weight:600;box-shadow:inset 0 0 0 1px #17b89724,0 2px 6px #128d7518}.contract-switch{background:#edf0f4}.contract-switch button{border:1px solid #0000;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s}.contract-switch button:not(.active):hover{color:#354456;background:#f7f9fa}.contract-switch button.active{color:#0f806a;border-color:#cbe9e2;font-weight:600;box-shadow:0 1px 5px #263a4b18}.trade-mode button{border-color:#d9dfe6;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;box-shadow:0 1px 2px #1723320a}.trade-mode button:not(.active):hover{background:#fafbfc;border-color:#aeb8c3;box-shadow:0 3px 8px #17233210}.trade-mode button:active{transform:translateY(1px)}.trade-mode button.active.reduce{color:#a94343;background:#fff2f0;border-color:#dc8b8b;font-weight:600;box-shadow:inset 0 0 0 1px #dc8b8b24}.trade-mode button.active.increase{color:#0f806a;background:#eaf8f4;border-color:#66c9b3;font-weight:600;box-shadow:inset 0 0 0 1px #17b89724}
@media (max-width:760px){body{padding-bottom:66px;overflow-x:hidden}.shell{min-width:0;display:block}aside{z-index:20;border-top:1px solid #2a3747;width:100%;height:66px;padding:7px 10px;inset:auto 0 0}aside .brand,.asideBottom{display:none}aside nav{grid-template-columns:1fr 1fr;gap:8px;height:100%;margin:0;display:grid}aside a,aside a:not(.active){color:#9ba6b7;white-space:nowrap;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 8px;font-size:11px;line-height:1.1;display:flex}aside a svg{font-size:20px}aside a.active{color:#fff}.workspace{width:100%;min-width:0;margin-left:0}header{gap:12px;height:76px;padding:0 16px}header h1{font-size:19px}header p{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden}.headActions{gap:4px}.user{display:none}.avatar{width:34px;height:34px;margin-left:0;font-size:13px}.icon{padding:7px}.content{min-width:0;padding:14px 12px 24px}.metrics,.grid{grid-template-columns:minmax(0,1fr)}.allocation{grid-column:auto}.performance{overflow:hidden}.ordertable{overflow-x:auto}.ordertable table{min-width:460px}.accountbar{grid-template-columns:1fr auto;gap:10px;min-width:0;height:auto;padding:12px;display:grid;overflow:visible}.accountbar>div{grid-column:1/-1}.accountbar .accountselect{grid-column:1/-1;width:100%;min-width:0}.connected{display:none}.manage{grid-column:2;justify-self:end}.accountcards{grid-template-columns:minmax(0,1fr)}.accountcards>button{min-width:0}.accountcards span,.accountcards strong,.accountcards em{overflow-wrap:anywhere;min-width:0}.metrics{gap:10px;margin-top:12px}.metrics article{padding:16px}.metrics h2{overflow-wrap:anywhere;font-size:20px}.metrics article p{white-space:normal;max-width:none}.panel{padding:16px}.allproducts .asset{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr)}.portfolio-values{grid-template-columns:repeat(2,minmax(0,1fr))}.allproducts .portfolio-asset{grid-template-columns:32px minmax(0,1fr)}.portfolio-values b{overflow-wrap:anywhere}.trading-center{padding-inline:12px}.trade-account{gap:11px;padding:15px}.trade-account>div{min-width:0}.trade-account select{width:100%}.trade-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.trade-nav button{flex-direction:column;gap:4px;min-width:0;padding:10px 4px;font-size:11px}.trade-nav button svg{font-size:18px}.trade-console{padding:16px}.console-head h2{font-size:17px}.balance-route article>strong{overflow-wrap:anywhere}.market-picker{grid-template-columns:minmax(0,1fr)}.positions-scroll{overscroll-behavior-inline:contain;max-width:100%}.select-market-first{padding:24px 14px}.toast{text-align:center;bottom:78px;left:12px;right:12px}}@media (max-width:680px){.authcard{padding:26px 20px}.modalback{align-items:end;padding:10px}.modal{border-radius:14px 14px 0 0;max-height:calc(100dvh - 20px)}.modalhead{z-index:1;background:#fff;padding:17px 18px;position:sticky;top:0}.accountlist{padding:16px 18px}.accountrow{grid-template-columns:32px minmax(0,1fr) 8px 30px;gap:8px}.accountrow small{overflow-wrap:anywhere}.addform{padding:18px}.accountselect{min-width:0}}@media (max-width:380px){header{padding:0 12px}header p{max-width:190px}.content{padding-inline:10px}}