:root{
  --bg:#000;
  --panel:#0b0b0c;
  --panel-2:#111214;
  --line:#202124;
  --line-strong:#383a3f;
  --text:#f5f5f5;
  --muted:#8b8f97;
  --muted-2:#5f636b;
  --white:#fff;
  --up:#19d37d;
  --down:#ff5364;
  --safe-bottom:env(safe-area-inset-bottom,0px);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:var(--text);-webkit-font-smoothing:antialiased}
body{min-height:100dvh;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.42;cursor:not-allowed}
#root{min-height:100dvh}
svg{display:block}
.up{color:var(--up)!important}.down{color:var(--down)!important}

.phone-shell,.auth-shell,.loading{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;background:var(--bg);position:relative}
.phone-shell{padding-bottom:calc(88px + var(--safe-bottom))}
.screen{padding:0 16px 24px}.screen.with-header{padding-top:12px}

/* Core chrome */
.app-header{height:64px;padding:8px 16px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(0,0,0,.94);backdrop-filter:blur(18px)}
.header-copy{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.header-copy span{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.header-copy b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.header-spacer{width:38px}.mini-logo,.logo-mark{display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-weight:950;letter-spacing:-.5px}.mini-logo{width:30px;height:30px;border-radius:8px;font-size:11px}.logo-mark{width:38px;height:38px;border-radius:10px;font-size:13px}.logo-mark.small{width:32px;height:32px;border-radius:8px;font-size:11px}.logo-lockup{display:flex;align-items:center;gap:9px}.logo-lockup>b{font-size:16px;letter-spacing:-.35px}
.icon-btn{width:38px;height:38px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:#121315}.icon-btn.ghost{border:1px solid var(--line);background:#070708}.icon-btn:active{transform:scale(.96)}
.primary,.secondary{border:0;border-radius:12px;font-weight:850}.primary{background:#fff;color:#000}.secondary{background:#111215;color:#fff;border:1px solid var(--line)}.primary.big,.secondary.big{width:100%;height:52px;font-size:13px}
.text-link,.logout-link,.danger-link{width:100%;border:0;background:transparent;color:#fff;padding:16px 2px;font-size:12px;font-weight:800;text-align:left}.logout-link,.danger-link{color:#8f9399}
.empty{padding:18px 10px;text-align:center;color:var(--muted);font-size:11px}.empty.large{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.empty.large>span{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px}.empty p{margin:0}

/* Bottom nav */
.bottom-nav{position:fixed;z-index:60;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),406px);height:64px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(11,11,12,.96);border:1px solid var(--line-strong);border-radius:20px;backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(0,0,0,.7)}
.bottom-nav button{border:0;background:transparent;color:#71757c;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:750}.bottom-nav button svg{width:19px;height:19px}.bottom-nav button.active{background:#fff;color:#000}.bottom-nav button.active span{font-weight:900}

/* Login */
.auth-shell{padding:18px 18px 22px;display:flex;flex-direction:column;overflow:hidden}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}.auth-head,.auth-main,.auth-bottom{position:relative;z-index:1}.auth-head{display:flex;align-items:center;justify-content:space-between}.status-dot{display:flex;align-items:center;gap:6px;font-size:9px;color:#8e9299;font-weight:800;letter-spacing:.7px}.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 4px rgba(25,211,125,.08)}
.auth-main{margin:auto 0;padding:70px 0 40px}.auth-eyebrow{font-size:10px;color:#7f838b;letter-spacing:1.7px;font-weight:850}.auth-main h1{margin:14px 0 18px;font-size:58px;line-height:.91;letter-spacing:-3.8px;font-weight:950}.auth-main h1 span{color:#777b82}.auth-main p{margin:0;max-width:330px;color:#a1a5ac;font-size:13px;line-height:1.6}.auth-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.auth-metrics span{padding:15px 8px 14px 0;display:flex;flex-direction:column;gap:4px}.auth-metrics b{font-size:16px}.auth-metrics small{font-size:8px;color:#666b73;letter-spacing:.9px}.auth-connect{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.auth-connect b{font-size:20px}.auth-foot{display:flex;justify-content:space-between;padding-top:12px;color:#555a62;font-size:8px;letter-spacing:.8px;font-weight:800}

/* Home */
.home-head{height:68px;display:flex;align-items:center;justify-content:space-between}.home-head-actions{display:flex;align-items:center;gap:8px}.avatar-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line-strong);background:#0f1012;color:#fff;font-size:12px;font-weight:900}
.asset-hero{padding:24px 0 22px}.asset-hero-top{display:flex;align-items:center;justify-content:space-between;color:#7d8188;font-size:11px}.asset-hero-top button{border:0;background:transparent;color:#6d7178;padding:4px}.asset-value{display:flex;align-items:flex-end;gap:8px;margin-top:7px}.asset-value strong{font-size:45px;line-height:1;letter-spacing:-2.1px;font-weight:920}.asset-value small{font-size:11px;color:#6e7279;margin-bottom:6px;font-weight:800}.asset-sub{display:flex;gap:22px;margin-top:15px}.asset-sub span{display:flex;flex-direction:column;gap:4px;color:#62666d;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.asset-sub b{color:#d5d7da;font-size:11px;letter-spacing:0;text-transform:none}
.action-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.action-dock button{height:70px;border:1px solid var(--line);border-radius:16px;background:#0b0b0c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:800}.action-dock button svg{width:20px;height:20px}.action-dock button:first-child{background:#fff;color:#000;border-color:#fff}
.focus-card{position:relative;overflow:hidden;margin-bottom:30px;padding:18px;border-radius:22px;background:#f4f4f4;color:#000;min-height:190px}.focus-card .market-sparkline{position:absolute;right:-4px;bottom:24px;width:58%;height:76px;opacity:.55}.focus-label{display:flex;justify-content:space-between;align-items:center}.focus-label span{font-size:8px;letter-spacing:1.2px;font-weight:900;color:#555}.focus-label b{font-size:10px}.focus-price{display:flex;align-items:flex-end;gap:10px;margin-top:16px}.focus-price strong{font-size:33px;letter-spacing:-1.5px}.focus-price span{font-size:11px;margin-bottom:4px}.focus-card>button{position:absolute;left:18px;bottom:16px;border:0;background:transparent;color:#000;font-size:10px;font-weight:900;padding:0}.focus-card .up{color:#087849!important}.focus-card .down{color:#bd2534!important}
.home-section{margin-top:28px}.section-bar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.section-bar>div{display:flex;flex-direction:column;gap:4px}.section-bar small{font-size:8px;letter-spacing:1.2px;color:#646970;font-weight:900}.section-bar h2{margin:0;font-size:20px;letter-spacing:-.65px}.section-bar>button{border:0;background:transparent;color:#858990;font-size:9px;font-weight:850;padding:5px 0}
.market-clean-list{border-top:1px solid var(--line)}.market-clean-row{width:100%;min-height:68px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;display:grid;grid-template-columns:24px 1fr 72px 92px;gap:9px;align-items:center;text-align:left;padding:9px 0}.market-rank{font-size:8px;color:#50545b;font-weight:900}.market-name{display:flex;flex-direction:column;gap:4px;min-width:0}.market-name b{font-size:12px}.market-name small{font-size:8px;color:#676b72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-mini{height:28px}.market-sparkline{width:100%;height:100%;overflow:visible}.market-sparkline polyline{fill:none;stroke:currentColor;stroke-width:1.3}.market-sparkline polygon{fill:currentColor;opacity:.05}.market-sparkline.up{color:#777b82!important}.market-sparkline.down{color:#777b82!important}.market-price{text-align:right;display:flex;flex-direction:column;gap:4px}.market-price b{font-size:11px}.market-price span{font-size:9px}
.mover-strip{margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mover-strip button{min-height:65px;border:1px solid var(--line);background:#080809;color:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px;gap:6px}.mover-strip small{color:#70747b;font-size:9px}.mover-strip b{font-size:14px}
.earn-banner{margin:30px 0;padding:22px 20px;border:1px solid #2c2d31;border-radius:22px;background:linear-gradient(145deg,#121315,#050506);position:relative;overflow:hidden}.earn-banner:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #34363a;border-radius:50%;right:-35px;top:-45px}.earn-banner small{font-size:8px;color:#6e7279;letter-spacing:1px;font-weight:900}.earn-banner h2{font-size:27px;line-height:1.04;letter-spacing:-1.1px;margin:10px 0 8px;max-width:240px}.earn-banner p{color:#7c8087;font-size:10px;line-height:1.55;max-width:270px}.earn-banner button{margin-top:12px;border:0;background:#fff;color:#000;border-radius:10px;height:38px;padding:0 12px;font-size:9px;font-weight:900}
.news-clean{margin-bottom:16px}.news-clean-row{width:100%;min-height:73px;padding:10px 0;border:0;border-top:1px solid var(--line);background:transparent;color:#fff;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:10px;text-align:left}.news-clean-row>span{font-size:8px;color:#50545b;font-weight:900}.news-clean-row>div{display:flex;flex-direction:column;gap:5px}.news-clean-row b{font-size:11px;line-height:1.35}.news-clean-row small{font-size:8px;color:#686c73}.news-clean-row i{font-style:normal;color:#777b82}

/* Trade */
.trade-head{height:66px;display:flex;align-items:center;justify-content:space-between}.trade-head>div{display:flex;gap:7px}.pair-pill{border:0;background:transparent;color:#fff;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:9px;text-align:left;padding:0}.pair-mark{width:34px;height:34px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-weight:950}.pair-pill>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.pair-pill b{font-size:14px}.pair-pill small{font-size:8px;color:#6e7279}.pair-pill i{font-style:normal;color:#777b82}
.trade-quote{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 0 12px}.trade-quote>div:first-child{display:flex;flex-direction:column;gap:4px}.trade-quote strong{font-size:39px;letter-spacing:-1.8px;line-height:1}.trade-quote span{font-size:9px;color:#686c73}.trade-day{text-align:right;display:flex;flex-direction:column;gap:3px}.trade-day b{font-size:13px}.trade-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0 16px;border-bottom:1px solid var(--line)}.trade-stats span{display:flex;flex-direction:column;gap:4px;color:#61656c;font-size:8px}.trade-stats b{color:#cacdd1;font-size:10px;font-weight:750}
.chart-stage{margin:0 -16px;padding:14px 16px 15px;border-bottom:1px solid var(--line)}.chart-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.time-tabs{display:flex;gap:4px}.time-tabs button,.chart-controls button{height:28px;border:0;border-radius:8px;background:transparent;color:#6f737a;font-size:8px;font-weight:850;padding:0 8px}.time-tabs button.active{background:#fff;color:#000}.chart-controls{display:flex;gap:3px}.chart-controls button{border:1px solid var(--line);padding:0 8px}.ohlc-line{display:flex;gap:10px;margin:10px 0 6px;color:#565a61;font-size:7px;font-weight:700}#candles{width:100%;height:250px;display:block}.chart-hint{display:block;text-align:center;color:#4f535a;font-size:7px;margin-top:4px}
.trade-ticket-new{margin-top:18px;padding:17px;border:1px solid var(--line);background:#09090a;border-radius:20px}.ticket-title{display:flex;align-items:flex-start;justify-content:space-between}.ticket-title small{font-size:8px;letter-spacing:1px;color:#62666d;font-weight:900}.ticket-title h2{margin:4px 0 0;font-size:22px}.ticket-title>span{font-size:9px;color:#8a8e95;margin-top:4px}.direction-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.direction-switch button{min-height:73px;border:1px solid var(--line);background:#0f1012;color:#fff;border-radius:14px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:10px}.direction-switch button>span{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#191a1d;color:#aaa}.direction-switch button b{font-size:11px}.direction-switch button small{font-size:8px;color:#61656c}.direction-switch button.active{border-color:#fff;background:#fff;color:#000}.direction-switch button.active>span{background:#000;color:#fff}.direction-switch button.active small{color:#555}
.amount-field,.field-block{display:block;margin-top:16px}.amount-field>span,.field-block>label{display:block;color:#74787f;font-size:9px;font-weight:800;margin-bottom:7px}.amount-field>div,.money-input,.plain-input{height:56px;border-bottom:1px solid var(--line-strong);display:flex;align-items:center;gap:8px}.amount-field input,.money-input input,.plain-input input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:24px;font-weight:850}.amount-field input::placeholder,.money-input input::placeholder,.plain-input input::placeholder{color:#31343a}.amount-field b,.money-input b{font-size:10px;color:#8a8e95}
.duration-line{margin-top:16px}.duration-line>span{display:block;color:#74787f;font-size:9px;margin-bottom:8px}.duration-line>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.duration-line button{height:34px;border:1px solid var(--line);border-radius:9px;background:#0d0e10;color:#868a91;font-size:8px;font-weight:850}.duration-line button.active{background:#fff;color:#000;border-color:#fff}.ticket-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.ticket-summary span{min-height:52px;background:#0f1012;border-radius:11px;padding:9px;display:flex;flex-direction:column;gap:6px;color:#62666d;font-size:8px}.ticket-summary b{color:#fff;font-size:10px}
.recent-clean{margin-top:26px}.recent-order-row{min-height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.recent-order-row>div{display:flex;flex-direction:column;gap:4px}.recent-order-row>div:last-child{text-align:right}.recent-order-row b{font-size:10px}.recent-order-row small{font-size:8px;color:#656970}

/* Strategy / Earn */
.earn-head{min-height:160px;padding:25px 0 20px;display:flex;align-items:flex-start;justify-content:space-between}.earn-head small{font-size:9px;color:#666a71;letter-spacing:1.3px;font-weight:900}.earn-head h1{margin:12px 0 0;font-size:43px;line-height:.98;letter-spacing:-2px}.earn-overview{display:grid;grid-template-columns:1.4fr .8fr .8fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.earn-overview>span{padding:15px 8px 15px 0;display:flex;flex-direction:column;gap:4px}.earn-overview small{font-size:8px;color:#5f636a}.earn-overview b{font-size:18px}.earn-overview i{font-style:normal;font-size:7px;color:#5f636a;text-transform:uppercase}
.active-rail{margin-top:30px}.active-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px;scrollbar-width:none}.active-scroll::-webkit-scrollbar{display:none}.active-card{scroll-snap-align:start;min-height:178px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#0b0b0c}.active-card-top{display:flex;align-items:center;justify-content:space-between}.active-card-top>span{font-size:11px;font-weight:900}.active-card-top small{font-size:7px;color:#656970;letter-spacing:.8px}.active-card h3{font-size:19px;letter-spacing:-.55px;margin:20px 0}.active-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.active-card-grid span{display:flex;flex-direction:column;gap:5px;color:#5d6168;font-size:7px}.active-card-grid b{font-size:9px;color:#fff}.progress-track{height:2px;background:#26282c;margin-top:18px}.progress-track i{display:block;height:100%;background:#fff}
.plan-clean-list{margin-top:30px}.plan-clean{margin-bottom:10px;border:1px solid var(--line);border-radius:20px;padding:17px;background:#09090a}.plan-clean.featured{background:#f4f4f4;color:#000;border-color:#f4f4f4}.plan-clean-top{display:flex;align-items:center;justify-content:space-between}.plan-clean-top span{font-size:7px;letter-spacing:1px;color:#73777e;font-weight:900}.plan-clean-top small{font-size:8px;color:#555a61}.plan-clean h3{font-size:17px;margin:18px 0 10px;letter-spacing:-.4px}.plan-yield{display:flex;align-items:flex-end;gap:6px}.plan-yield strong{font-size:38px;line-height:1;letter-spacing:-1.8px}.plan-yield span{font-size:9px;color:#6d7178;margin-bottom:4px}.plan-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0 15px;padding-top:14px;border-top:1px solid var(--line)}.plan-specs span{display:flex;flex-direction:column;gap:5px;color:#62666d;font-size:7px}.plan-specs b{font-size:9px;color:#fff}.plan-clean>button{width:100%;height:44px;border:1px solid #fff;background:#fff;color:#000;border-radius:11px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.plan-clean.featured .plan-clean-top span,.plan-clean.featured .plan-clean-top small,.plan-clean.featured .plan-yield span,.plan-clean.featured .plan-specs span{color:#616161}.plan-clean.featured .plan-specs{border-color:#d1d1d1}.plan-clean.featured .plan-specs b{color:#000}.plan-clean.featured>button{background:#000;color:#fff;border-color:#000}

/* Assets */
.assets-head{min-height:100px;padding-top:22px;display:flex;align-items:flex-start;justify-content:space-between}.assets-head small{font-size:8px;letter-spacing:1.2px;color:#63676e;font-weight:900}.assets-head h1{font-size:36px;margin:6px 0 0;letter-spacing:-1.6px}.identity-strip{min-height:68px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.avatar-large{width:38px;height:38px;border-radius:11px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-weight:950}.identity-strip>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.identity-strip b{font-size:10px}.identity-strip span{font-size:8px;color:#666a71}.identity-strip i{font-style:normal;font-size:7px;color:#6f737a;border:1px solid var(--line);border-radius:99px;padding:5px 7px}
.balance-sheet{padding:26px 0}.balance-sheet>small{font-size:9px;color:#6e7279}.balance-sheet>div:nth-child(2){display:flex;align-items:flex-end;gap:8px;margin-top:5px}.balance-sheet strong{font-size:42px;line-height:1;letter-spacing:-2px}.balance-sheet>div:nth-child(2)>span{font-size:9px;color:#696d74;margin-bottom:5px}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.balance-grid>span{min-height:58px;border:1px solid var(--line);border-radius:13px;padding:10px;display:flex;flex-direction:column;gap:6px;color:#60646b;font-size:8px}.balance-grid b{font-size:11px;color:#fff}
.asset-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-buttons button{height:52px;border:1px solid var(--line-strong);border-radius:13px;background:#0c0c0d;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:850}.asset-buttons button.light{background:#fff;color:#000;border-color:#fff}.asset-buttons svg{width:17px;height:17px}.account-menu{margin-top:28px}.account-menu>button{width:100%;min-height:63px;border:0;border-top:1px solid var(--line);background:transparent;color:#fff;display:grid;grid-template-columns:28px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:8px 0}.account-menu>button>span{color:#8b8f96}.account-menu>button>span svg{width:20px}.account-menu>button>div{display:flex;flex-direction:column;gap:4px}.account-menu b{font-size:10px}.account-menu small{font-size:8px;color:#62666d}.account-menu i{font-style:normal;color:#62666d}

/* Transfer */
.transfer-head{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0 24px}.transfer-head>span{width:38px;height:38px;border:1px solid var(--line-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#8a8e95}.transfer-head small{font-size:8px;letter-spacing:1.2px;color:#64686f;font-weight:900}.transfer-head h1{font-size:30px;margin:5px 0 6px;letter-spacing:-1.2px}.transfer-head p{margin:0;color:#767a81;font-size:10px;line-height:1.5}.method-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#101113;border-radius:13px;padding:4px}.method-switch button{height:40px;border:0;border-radius:10px;background:transparent;color:#6f737a;font-size:9px;font-weight:900}.method-switch button.active{background:#fff;color:#000}.transfer-sheet{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:19px;background:#080809}.available-line,.fee-row{display:flex;align-items:center;justify-content:space-between;color:#6d7178;font-size:9px;padding:3px 0 8px}.available-line b,.fee-row b{color:#fff;font-size:10px}.network-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.network-row button{min-height:52px;border:1px solid var(--line);border-radius:11px;background:#0f1012;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px;gap:4px}.network-row button b{font-size:9px}.network-row button small{font-size:7px;color:#62666d;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-row button.active{background:#fff;color:#000;border-color:#fff}.network-row button.active small{color:#555}.copy-line{min-height:58px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 8px 8px 11px}.copy-line code{font-size:9px;color:#d6d8db;word-break:break-all}.copy-line button,.bank-sheet button{height:33px;border:0;border-radius:9px;background:#fff;color:#000;font-size:8px;font-weight:900;padding:0 10px}.bank-sheet{border-top:1px solid var(--line)}.bank-sheet>div{min-height:58px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:8px}.bank-sheet small{font-size:8px;color:#666a71}.bank-sheet b{font-size:10px}.rate-banner,.server-note,.config-warning{margin-top:12px;border-radius:11px;padding:11px;background:#101113;color:#858990;font-size:9px;line-height:1.5}.rate-banner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.rate-banner b{color:#fff}.rate-banner small{width:100%;color:#5f636a}.config-warning{border:1px dashed #4b4e54;background:#09090a;color:#c6c8cc}.plain-input input{font-size:13px;font-weight:650}.upload-new{display:block}.upload-new input{display:none}.upload-new>span{min-height:88px;border:1px dashed #393b40;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8a8e95}.upload-new svg{width:20px}.upload-new b{color:#fff;font-size:9px}.upload-new small{font-size:7px;color:#5f636a}.fee-row{margin:16px 0 6px;border-top:1px solid var(--line);padding-top:12px}

/* Histories */
.filter-pills{display:flex;gap:6px;margin-bottom:16px}.filter-pills button{height:35px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:transparent;color:#70747b;font-size:8px;font-weight:900}.filter-pills button.active{background:#fff;color:#000;border-color:#fff}.activity-list{border-top:1px solid var(--line)}.activity-row{min-height:72px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.activity-icon{width:32px;height:32px;border-radius:10px;background:#111214;display:flex;align-items:center;justify-content:center;color:#8b8f96}.activity-icon svg{width:16px}.activity-row>div{display:flex;flex-direction:column;gap:5px}.activity-row>div:last-child{text-align:right}.activity-row b{font-size:10px}.activity-row small{font-size:8px;color:#62666d}.status.approved,.status.completed{color:var(--up)!important}.status.rejected,.status.cancelled{color:var(--down)!important}
.history-ledger{border-top:1px solid var(--line)}.ledger-row{padding:17px 0;border-bottom:1px solid var(--line)}.ledger-index{font-size:8px;color:#4e5259;margin-bottom:8px}.ledger-main{display:flex;justify-content:space-between;align-items:flex-start}.ledger-main>div{display:flex;flex-direction:column;gap:4px}.ledger-main b{font-size:12px}.ledger-main span{font-size:8px;color:#656970}.ledger-main strong{font-size:14px}.ledger-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 8px;margin-top:14px;padding-top:12px;border-top:1px dashed #292b2f}.ledger-details.four{grid-template-columns:1fr 1fr}.ledger-details span{display:flex;flex-direction:column;gap:5px;color:#5c6067;font-size:7px}.ledger-details b{font-size:8px;color:#d5d7da;line-height:1.3}

/* Settings */
.settings-hero{padding:18px 0 25px}.settings-hero small{font-size:8px;letter-spacing:1.2px;color:#62666d;font-weight:900}.settings-hero h1{font-size:35px;line-height:1.02;letter-spacing:-1.6px;margin:10px 0 0}.settings-rows{margin-bottom:18px;border-top:1px solid var(--line)}.settings-rows button{width:100%;min-height:70px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:8px 0}.settings-rows>button>span{font-size:9px;color:#676b72}.settings-rows>button>div{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:65%}.settings-rows b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.settings-rows i{font-style:normal;color:#70747b;font-size:8px}

/* Support */
.support-empty{padding-top:28px}.support-empty>span{display:block;font-size:58px;font-weight:950;letter-spacing:-3px}.support-empty small{font-size:8px;letter-spacing:1.2px;color:#62666d;font-weight:900}.support-empty h1{font-size:32px;line-height:1.05;letter-spacing:-1.4px;margin:12px 0}.support-empty p{color:#777b82;font-size:10px;line-height:1.6;margin-bottom:20px}.support-shell{height:calc(100dvh - 100px);min-height:520px;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;background:#080809}.support-toolbar{height:52px;padding:0 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.support-toolbar>div{display:flex;align-items:center;gap:8px}.support-toolbar b{font-size:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--up)}.support-toolbar button{height:30px;border:1px solid var(--line-strong);border-radius:8px;background:#111214;color:#fff;font-size:8px;padding:0 9px}.support-frame{width:100%;flex:1;border:0;background:#fff}

/* News */
.article-new{padding-top:10px}.article-new>small{font-size:8px;letter-spacing:.7px;color:#676b72;font-weight:850}.article-new h1{font-size:34px;line-height:1.03;letter-spacing:-1.4px;margin:12px 0 22px}.article-new img{width:100%;display:block;border-radius:16px;margin-bottom:20px}.article-new>div{font-size:11px;line-height:1.8;color:#b6b9be}

/* Toast */
.toast{position:fixed;z-index:200;left:50%;bottom:calc(88px + var(--safe-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),402px);padding:12px 14px;border-radius:12px;background:#fff;color:#000;font-size:9px;font-weight:850;box-shadow:0 20px 55px rgba(0,0,0,.65)}

/* Popup */
body.popup-open{overflow:hidden;touch-action:none}.mobile-popup-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:10px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease}.mobile-popup-overlay.show{opacity:1}.mobile-popup{width:min(100%,430px);max-height:min(86dvh,720px);overflow:hidden;border:1px solid var(--line-strong);border-radius:24px 24px 16px 16px;background:#0a0a0b;color:#fff;box-shadow:0 -24px 80px rgba(0,0,0,.75);transform:translateY(20px);transition:transform .2s ease}.mobile-popup-overlay.show .mobile-popup{transform:translateY(0)}.mobile-popup-handle{width:34px;height:3px;border-radius:99px;background:#44474d;margin:9px auto 0}.mobile-popup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px 8px}.mobile-popup-head h3{margin:4px 0 0;font-size:19px}.mobile-popup-kicker{font-size:7px;letter-spacing:1.1px;color:#62666d;font-weight:900}.mobile-popup-close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#111214;color:#fff;font-size:17px}.mobile-popup-message{padding:0 15px 11px;margin:0;color:#777b82;font-size:9px;line-height:1.5}.mobile-popup-content{padding:3px 15px 13px;overflow:auto;max-height:57dvh}.mobile-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 15px 15px;border-top:1px solid var(--line)}.mobile-popup-actions:has(.mobile-popup-btn:only-child){grid-template-columns:1fr}.mobile-popup-btn{height:46px;border-radius:11px;font-size:9px;font-weight:900}.mobile-popup-btn.secondary{background:#111214;color:#fff;border:1px solid var(--line)}.mobile-popup-btn.primary{background:#fff;color:#000;border:1px solid #fff}.popup-search{height:44px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#111214;display:flex;align-items:center;gap:8px;color:#777b82;position:sticky;top:0;z-index:2}.popup-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.popup-coin-list{margin-top:8px;border-top:1px solid var(--line)}.popup-coin-row{width:100%;min-height:60px;padding:8px 0;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left}.coin-badge{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:950}.popup-coin-row>span:nth-child(2),.popup-coin-row>span:nth-child(3){display:flex;flex-direction:column;gap:4px}.popup-coin-row>span:nth-child(3){text-align:right}.popup-coin-row b{font-size:10px}.popup-coin-row small{font-size:8px;color:#676b72}.popup-plan-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.popup-plan-summary span{min-height:56px;padding:10px;border:1px solid var(--line);border-radius:11px;color:#62666d;font-size:7px;display:flex;flex-direction:column;gap:6px}.popup-plan-summary b{color:#fff;font-size:9px}.popup-field>span{display:block;color:#74787f;font-size:8px;margin-bottom:7px}.popup-field>div{height:52px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#111214;display:flex;align-items:center}.popup-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px;font-weight:850}.popup-field b{font-size:9px;color:#898d94}.popup-field small{display:block;color:#656970;line-height:1.4;margin-top:7px;font-size:8px}.popup-field small.error{color:var(--down)}

/* Loading */
.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64686f;font-size:10px}.brand-loader{width:38px;height:38px;border-radius:10px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:18px;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.42;transform:scale(.96)}}

@media(max-width:360px){
  .screen{padding-left:12px;padding-right:12px}.asset-value strong{font-size:39px}.auth-main h1{font-size:50px}.market-clean-row{grid-template-columns:20px 1fr 58px 82px;gap:6px}.chart-stage{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.earn-head h1{font-size:38px}.plan-specs{grid-template-columns:1fr 1fr}.plan-specs span:last-child{grid-column:1/-1}.ledger-details{grid-template-columns:1fr 1fr}
}
@media(min-width:431px){body{background:#090909}.phone-shell,.auth-shell,.loading{box-shadow:0 0 0 1px #222}.mobile-popup-overlay{align-items:center}.mobile-popup{border-radius:22px}}

/* ===== History V5 - clearer OKX-inspired layout ===== */
.history-hero{padding:22px 0 18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.history-hero.compact{padding-bottom:16px}.history-hero>div>small{font-size:9px;letter-spacing:1.35px;color:#777b82;font-weight:900}.history-hero h1{margin:6px 0 7px;font-size:30px;line-height:1.05;letter-spacing:-1.25px}.history-hero p{margin:0;max-width:290px;color:#8a8e95;font-size:10px;line-height:1.55}.history-count{min-width:58px;height:58px;padding:8px;border:1px solid #2c2e32;border-radius:16px;background:#0b0b0c;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;font-weight:900}.history-count small{margin-top:2px;color:#71757c;font-size:7px;font-weight:750}
.history-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #292b2f;border-radius:16px;overflow:hidden;background:#080809;margin-bottom:14px}.history-summary>div{min-width:0;padding:13px 10px;border-right:1px solid #292b2f;display:flex;flex-direction:column;gap:5px}.history-summary>div:last-child{border-right:0}.history-summary span{font-size:8px;color:#7b7f86}.history-summary b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-summary small{font-size:7px;color:#575b62}.trade-summary b{font-size:14px}
.history-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:#0e0f10;border:1px solid #25272b;border-radius:13px;margin:0 0 14px}.history-tabs button{height:38px;border:0;border-radius:9px;background:transparent;color:#73777e;font-size:9px;font-weight:850}.history-tabs button.active{background:#fff;color:#000}
.history-stack{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.tx-history-card,.order-history-card,.strategy-history-card{border:1px solid #282a2e;border-radius:16px;background:#09090a;overflow:hidden}.tx-history-card{padding:14px}.tx-card-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.tx-kind-icon{width:38px;height:38px;border-radius:11px;background:#151619;color:#d7d9dc;display:flex;align-items:center;justify-content:center}.tx-kind-icon svg{width:18px;height:18px}.tx-history-card.deposit .tx-kind-icon{background:#fff;color:#000}.tx-card-title{display:flex;flex-direction:column;gap:3px}.tx-card-title>span{font-size:7px;letter-spacing:.9px;color:#71757c;font-weight:900}.tx-card-title>b{font-size:17px;letter-spacing:-.35px}.tx-card-title b small{font-size:8px;color:#7b7f86;font-weight:750}.history-status{font-style:normal;border:1px solid #34363b;border-radius:99px;padding:6px 8px;color:#b8bbc0;font-size:7px;font-weight:900;white-space:nowrap}.history-status.approved,.history-status.completed{border-color:rgba(25,211,125,.35);color:var(--up);background:rgba(25,211,125,.06)}.history-status.rejected,.history-status.cancelled{border-color:rgba(255,83,100,.35);color:var(--down);background:rgba(255,83,100,.06)}.history-status.pending,.history-status.processing{background:#151619;color:#d7d9dc}.tx-meta{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #24262a}.tx-meta span{min-width:0;display:flex;flex-direction:column;gap:4px}.tx-meta span:nth-child(3){grid-column:1/-1}.tx-meta small,.order-detail-grid small,.strategy-card-foot small{font-size:7px;color:#656970}.tx-meta b,.strategy-card-foot b{font-size:9px;color:#d8dade;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-history-card{padding:15px}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-card-head>div{display:flex;align-items:center;gap:7px}.pair-name{font-size:15px;font-weight:900;letter-spacing:-.2px}.direction-badge,.result-badge{border-radius:7px;padding:5px 7px;font-size:7px;font-weight:900}.direction-badge.up-dir{background:rgba(25,211,125,.1);color:var(--up)}.direction-badge.down-dir{background:rgba(255,83,100,.1);color:var(--down)}.result-badge{font-style:normal;border:1px solid #303238;color:#9ca0a7}.result-badge.win{color:var(--up);border-color:rgba(25,211,125,.3)}.result-badge.lose{color:var(--down);border-color:rgba(255,83,100,.3)}.result-badge.pending{color:#ddd}.order-money-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.order-money-row>div{min-height:68px;padding:11px;border-radius:12px;background:#111214;display:flex;flex-direction:column;justify-content:center;gap:5px}.order-money-row small{font-size:7px;color:#6e7279}.order-money-row b{font-size:15px}.order-money-row b i,.order-pnl>i,.strategy-profit-row i{font-style:normal;font-size:7px;color:#656970}.order-pnl{text-align:right;align-items:flex-end}.order-pnl strong{font-size:20px;line-height:1}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:13px;border-top:1px solid #25272b;border-left:1px solid #25272b;border-radius:10px;overflow:hidden}.order-detail-grid span{min-height:53px;padding:9px 10px;border-right:1px solid #25272b;border-bottom:1px solid #25272b;display:flex;flex-direction:column;justify-content:center;gap:4px}.order-detail-grid b{font-size:9px;color:#e0e2e5;line-height:1.35}
.strategy-history-overview{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-bottom:14px}.strategy-history-overview>span{min-height:78px;border:1px solid #292b2f;border-radius:15px;padding:13px;background:#09090a;display:flex;flex-direction:column;justify-content:center;gap:5px}.strategy-history-overview small{font-size:8px;color:#777b82}.strategy-history-overview b{font-size:20px;letter-spacing:-.5px}.strategy-history-overview i{font-style:normal;font-size:7px;color:#60646b}.strategy-history-card{padding:15px}.strategy-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.strategy-card-head>div{min-width:0}.strategy-card-head small{font-size:7px;letter-spacing:.8px;color:#656970;font-weight:900}.strategy-card-head h3{margin:4px 0 0;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.strategy-card-head em{font-style:normal;border:1px solid #33353a;border-radius:99px;padding:6px 8px;color:#b6b9be;font-size:7px;white-space:nowrap}.strategy-profit-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.strategy-profit-row>span{min-height:70px;border-radius:12px;background:#111214;padding:11px;display:flex;flex-direction:column;justify-content:center;gap:5px}.strategy-profit-row>span:last-child{text-align:right;align-items:flex-end}.strategy-profit-row small{font-size:7px;color:#6c7077}.strategy-profit-row b{font-size:14px}.strategy-profit-row strong{font-size:20px;line-height:1}.strategy-card-foot{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid #24262a}.strategy-card-foot span{display:flex;flex-direction:column;gap:4px}.strategy-card-foot span:last-child{text-align:right}
@media(max-width:360px){.history-hero h1{font-size:27px}.history-summary>div{padding:11px 8px}.history-summary b{font-size:11px}.tx-card-title>b{font-size:15px}.order-money-row{grid-template-columns:1fr}.order-pnl{text-align:left;align-items:flex-start}.strategy-card-head h3{max-width:195px}}

/* ===== Login tối giản / nút kết nối ví giữa màn hình ===== */
.auth-shell.auth-minimal{min-height:100dvh;padding:24px;display:flex;align-items:center;justify-content:center;background:#000}.auth-minimal .auth-center{width:100%;max-width:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.auth-minimal .auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.auth-minimal .auth-brand .logo-mark{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-size:13px;font-weight:950;letter-spacing:-.3px}.auth-minimal .auth-brand b{color:#fff;font-size:20px;letter-spacing:-.7px}.auth-minimal .auth-copy h1{margin:0;color:#fff;font-size:30px;line-height:1.05;letter-spacing:-1.4px;font-weight:900}.auth-minimal .auth-copy p{margin:12px auto 28px;max-width:260px;color:#7d8188;font-size:12px;line-height:1.55}.auth-minimal .auth-connect-center{width:100%;height:54px;border:0;border-radius:12px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:900;box-shadow:none}.auth-minimal .auth-connect-center b{font-size:17px;line-height:1}.auth-minimal .auth-secure{margin-top:14px;color:#4f5359;font-size:7px;letter-spacing:1.15px;font-weight:850}

/* Giữ phiên ví khi app/tab quay lại */
.auth-minimal .auth-copy p{word-break:break-word}

/* Logo mark: single X */
.logo-mark{
  letter-spacing:0 !important;
  text-align:center;
}