[hidden]{display:none!important}.profile-layout{display:grid;grid-template-columns:1fr .65fr;gap:15px}
.profile-card,.security-card{background:white;border:1px solid var(--line);border-radius:7px;padding:28px}
.profile-card h2{margin:6px 0 20px}.uid-box{background:#112f25;color:white;padding:18px;display:flex;flex-direction:column;margin-bottom:20px}
.uid-box span{font-size:8px;letter-spacing:1.5px;color:#9daf9f}.uid-box b{font:800 27px "Manrope";letter-spacing:4px;color:var(--lime);margin:5px 0}.uid-box small{font-size:8px;color:#91a399}
.profile-card label{display:block;font-size:9px;font-weight:800;color:#68746c;margin:13px 0}.profile-card input{display:block;width:100%;border:1px solid var(--line);padding:12px;margin-top:6px}
.profile-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.security-card{height:max-content;background:#edffc4}
.security-card>b{font-size:8px;letter-spacing:1.4px;color:#617a09}.security-card h3{margin:9px 0}.security-card p,.security-card li{font-size:10px;color:#5f6c63;line-height:1.6}.security-card ul{list-style:none;padding:10px 0}
.tv-note{margin-left:auto}.chart-wrap #tradingview_chart,.chart-wrap iframe{width:100%!important;height:100%!important}
@media(max-width:760px){.profile-layout{grid-template-columns:1fr}}
.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:28px 32px;border-radius:12px;background:linear-gradient(120deg,#0b2119,#174c39);color:white;margin-bottom:14px}.profile-avatar{width:66px;height:66px;border-radius:18px;background:var(--lime);color:#142219;display:grid;place-items:center;font:800 22px "Manrope"}.profile-hero span{font-size:8px;letter-spacing:1.6px;color:#a4b5aa}.profile-hero h2{font-size:25px;margin:4px 0}.profile-hero p{font-size:10px;color:#9fb0a5;margin:0}.profile-hero>div:last-child{text-align:right}.profile-hero>div:last-child b{display:block;color:var(--lime);letter-spacing:3px;margin-top:5px}.profile-tabs{display:flex;gap:5px;background:white;border:1px solid var(--line);padding:5px;border-radius:8px;margin-bottom:14px;overflow:auto}.profile-tabs button{border:0;background:transparent;padding:11px 16px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}.profile-tabs button.active{background:#123e2f;color:white}.profile-panel{display:none}.profile-panel.active{display:block}.mobile-bottom-nav,.mobile-trade-tools{display:none}.history-table td b{display:block}.history-table td small{display:block;margin-top:3px}
@media(max-width:760px){body{padding-bottom:74px}.topbar{height:64px}.mobile-menu{display:none}.app-shell aside{display:none}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:70px;background:#fff;border-top:1px solid var(--line);z-index:100;padding:5px 5px calc(5px + env(safe-area-inset-bottom))}.mobile-bottom-nav button{border:0;background:transparent;color:#829087;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9px}.mobile-bottom-nav button i{font-style:normal;font-size:18px}.mobile-bottom-nav button.active{color:#123e2f;font-weight:800}.mobile-bottom-nav button.active i{background:var(--lime);border-radius:8px;padding:2px 12px}.mobile-trade-tools{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.mobile-trade-tools button{flex:1;border:1px solid var(--line);background:white;padding:11px;border-radius:7px;font-size:10px;font-weight:800}.market-ticker{display:none!important}.market-ticker.open{display:grid!important}.terminal-layout{display:block}.chart-card{display:none}.mobile-chart-open .chart-card{display:block;position:fixed;inset:0 0 70px;background:white;z-index:80;border:0;border-radius:0}.mobile-chart-open .chart-wrap{height:calc(100vh - 245px)}.mobile-chart-open .topbar{display:none}.mobile-chart-open #chartTradeBack{display:inline-block;background:var(--lime);color:#142219;font-weight:800;border-radius:5px}.profile-hero{grid-template-columns:auto 1fr;padding:20px}.profile-hero>div:last-child{grid-column:1/-1;text-align:left;border-top:1px solid #ffffff18;padding-top:12px}.profile-tabs{position:sticky;top:0;z-index:5}.profile-card,.security-card{padding:20px}.history-table{min-width:850px}}
@media(min-width:761px){#chartTradeBack{display:none}}
.app-shell .mobile-bottom-nav{display:none}
@media(max-width:760px){.app-shell .mobile-bottom-nav{display:grid;flex-direction:unset;gap:0}.app-shell .mobile-bottom-nav button{padding:0;text-align:center;border-radius:0;gap:3px}.app-shell .mobile-bottom-nav button.active{background:transparent;color:#123e2f}}
.order-card .trade-quote-strip{margin:0 0 15px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.order-card .trade-quote-strip>div{padding:10px 12px}.order-card .trade-quote-strip .spread{background:#f5f7f4}
.wallet-gate{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#102f24;color:white;border-radius:12px;padding:13px 16px;margin-bottom:13px}.wallet-gate span{font-size:10px;color:#b7c5bc}.wallet-gate .primary{white-space:nowrap;padding:9px 13px}
#accountButton{width:auto;min-width:118px;border-radius:9px;padding:0 12px;font-size:9px;white-space:nowrap}.wallet-connected{min-width:128px!important}

/* Mobile application shell */
.mobile-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
 html,body{background:#f4f6f3}.app-shell main{padding-bottom:8px}
 .topbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e7ebe7;display:grid;grid-template-columns:40px 1fr 40px;padding:0 16px}
 .topbar>div:first-of-type{text-align:center}.topbar h1{font-size:18px;letter-spacing:-.4px;margin:0}.topbar .mobile-menu{display:block;font-size:0;width:36px;height:36px;position:relative}.topbar .mobile-menu:after{content:"☰";font-size:22px}.top-stats{justify-content:flex-end}.top-stats .account-menu{display:block}.top-stats .avatar{width:34px;height:34px}
 .app-shell aside{display:flex;z-index:120}.app-shell aside.open{transform:none;box-shadow:20px 0 60px #0005}.app-shell aside nav{display:flex}
 .view{padding:16px 14px 24px}.view.active{animation:mobileIn .18s ease-out}@keyframes mobileIn{from{opacity:.5;transform:translateY(4px)}}
 .app-shell .mobile-bottom-nav{height:78px;background:#080a09;border:1px solid #242824;border-radius:22px 22px 0 0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0b160f22}
 .app-shell .mobile-bottom-nav button{color:#717771!important;font-size:10px!important;font-weight:600!important}
 .app-shell .mobile-bottom-nav button i{height:37px;min-width:45px;display:grid;place-items:center;padding:0!important;border-radius:12px!important}
 .app-shell .mobile-bottom-nav button.active{color:#fff!important}.app-shell .mobile-bottom-nav button.active i{background:#f4f6f3!important;color:#0b110d!important}
 .app-shell .mobile-bottom-nav button:nth-child(3) i{background:#d8ff3e;color:#101810}

 #view-profile{padding-left:14px;padding-right:14px}.profile-hero{display:grid;grid-template-columns:58px 1fr!important;gap:14px;margin:0 0 12px;padding:20px!important;border-radius:16px;background:linear-gradient(135deg,#0b2118,#184b38);box-shadow:0 14px 32px #153c2925}
 .profile-avatar{width:58px;height:58px;border-radius:15px;font-size:18px}.profile-hero h2{font-size:22px;margin:3px 0}.profile-hero p{font-size:9px;line-height:1.45}.profile-hero>div:last-child{grid-column:1/-1!important;display:flex;justify-content:space-between;align-items:center;text-align:left!important;padding:11px 0 0!important;margin-top:2px}.profile-hero>div:last-child b{font-size:13px;letter-spacing:2.5px;margin:0}
 #view-profile .profile-tabs{display:grid;grid-template-columns:repeat(4,max-content);gap:4px;padding:5px;margin:0 0 12px;border-radius:12px;overflow-x:auto;box-shadow:0 5px 18px #14271b0a}
 #view-profile .profile-tabs button{border:0!important;padding:10px 13px!important;border-radius:8px!important;background:transparent!important;color:#6e7771!important;font-size:9px!important}
 #view-profile .profile-tabs button.active{background:#102f24!important;color:#fff!important}
 #view-profile .profile-card,#view-profile .security-card{border:0;border-radius:15px;box-shadow:0 8px 24px #15271c0d;padding:22px}
 #view-profile .profile-card h2{font-size:22px}.uid-box{border-radius:12px;padding:17px}.uid-box b{font-size:23px}
 #view-profile .profile-card input{border-radius:9px;background:#fafcf9;padding:13px}.two-factor{border-radius:12px}
 #view-profile .membership-head{border-radius:15px;padding:23px}.profile-panel .plans{gap:10px}.profile-panel .plans article{border-radius:13px}

 #view-terminal{padding:12px 12px 22px}.mobile-trade-tools{margin:0 0 10px}.mobile-trade-tools button{height:44px;border:0;border-radius:11px;background:#fff;box-shadow:0 5px 18px #1022190d;font-size:11px}.mobile-trade-tools #chartOpen{background:#102f24;color:#fff}
 #view-terminal .market-ticker.open{position:absolute;left:12px;right:12px;z-index:25;grid-template-columns:repeat(2,1fr);padding:8px;background:#fff;border-radius:13px;box-shadow:0 20px 50px #07150d35}
 #view-terminal .market-ticker button{border-radius:9px;padding:12px}
 #view-terminal .order-card{border:0;border-radius:15px;padding:18px;box-shadow:0 8px 26px #10221910}.order-card .card-title{margin-bottom:14px}.order-card .segmented{border-radius:10px;padding:4px}.order-card .segmented button{border-radius:8px}.order-card input,.order-card select{border-radius:9px!important;background:#fafcf9!important}
 #view-terminal .positions-card{border:0;border-radius:15px;padding:16px;box-shadow:0 8px 26px #1022190d}.section-head{align-items:flex-start}.tabs{display:flex;background:#eef2ed;border-radius:8px;padding:3px}.tabs button{border-radius:6px!important}
 .mobile-chart-open .chart-card{inset:0 0 78px!important;background:#fff}.mobile-chart-open .chart-head{height:auto;min-height:92px;padding:14px;grid-template-columns:1fr auto}.mobile-chart-open .intervals{display:flex;overflow:auto}.mobile-chart-open #chartTradeBack{order:-1;padding:8px 13px!important}.mobile-chart-open .chart-wrap{height:calc(100vh - 286px)!important}
 .mobile-chart-open #chartFullscreen{display:none}
}