/* BinancePlex = кастомный IBM Plex Sans; берём оригинальную базу */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root{
  --bg:#ffffff;
  --bg2:#f5f5f5;
  --text:#1e2026;
  --text2:#707a8a;
  --text3:#a6adb7;
  --line:#eaecef;
  --line2:#f0f1f2;
  --yellow:#fcd535;
  --yellow-d:#f0b90b;
  --green:#0ecb81;
  --red:#f6465d;
  --blue:#2962ff;
  --card:#ffffff;
  --sb-h:env(safe-area-inset-top, 0px);
  font-size:16px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;height:100%;background:#000;}
body{
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  -webkit-font-smoothing:antialiased;
}
#phone{
  position:relative;
  width:100vw;height:100vh;height:100dvh;
  max-width:440px;
  background:var(--bg);
  overflow:hidden;
  display:flex;flex-direction:column;
}
@media(min-width:460px){
  body{background:#0b0e11;}
  #phone{height:932px;max-height:96vh;border-radius:44px;box-shadow:0 30px 80px rgba(0,0,0,.6);border:10px solid #1c1c1e;}
}
/* На реальных телефонах свой статус-бар — фейковый прячем, контент уводим под safe-area */
@media (hover:none) and (pointer:coarse){
  .statusbar{display:none;}
  #phone{padding-top:env(safe-area-inset-top);}
}
html.touch .statusbar{display:none;}
html.touch #phone{padding-top:env(safe-area-inset-top);}

/* ---------- Status bar ---------- */
.statusbar{
  flex:0 0 auto;
  height:44px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;
  font-size:15px;font-weight:600;
  position:relative;z-index:5;
  user-select:none;
}
.sb-left{display:flex;align-items:center;gap:5px;letter-spacing:.2px;}
.sb-moon{font-size:13px;opacity:.85;}
.sb-right{display:flex;align-items:center;gap:6px;}
.sb-wifi path{fill:var(--text);}
/* iOS-style battery: percentage inside the filled body (like the reference video) */
.sb-batt{display:flex;align-items:center;position:relative;}
.sb-batt-num{display:flex;align-items:center;justify-content:center;width:27px;height:13.5px;background:var(--text);border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:-.2px;}
.sb-batt-cap{width:1.5px;height:4.5px;background:rgba(0,0,0,.4);border-radius:0 2px 2px 0;margin-left:1px;}

/* ---------- Screens ---------- */
#screens{flex:1;position:relative;overflow:hidden;}
.screen{
  position:absolute;inset:0;
  background:var(--bg);
  display:flex;flex-direction:column;
  overflow:hidden;
}
.screen.stack-enter{animation:slideIn .28s cubic-bezier(.32,.72,.34,1);}
.screen.stack-exit{animation:slideOut .28s cubic-bezier(.32,.72,.34,1) forwards;}
.screen.stack-pop-enter{animation:slideInBack .28s cubic-bezier(.32,.72,.34,1);}
.screen.stack-pop-exit{animation:slideOutFwd .28s cubic-bezier(.32,.72,.34,1) forwards;}
@keyframes slideIn{from{transform:translateX(100%);}to{transform:translateX(0);}}
@keyframes slideOut{from{transform:translateX(0);}to{transform:translateX(-26%);filter:brightness(.94);}}
@keyframes slideInBack{from{transform:translateX(-26%);filter:brightness(.94);}to{transform:translateX(0);filter:none;}}
@keyframes slideOutFwd{from{transform:translateX(0);}to{transform:translateX(100%);}}
.fade-in{animation:fade .25s ease;}
@keyframes fade{from{opacity:0;}to{opacity:1;}}

.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}

/* ---------- Home: wallet ---------- */
.wallet-tabs{
  display:flex;align-items:center;gap:18px;
  padding:6px 16px 2px;font-size:17px;font-weight:600;color:var(--text3);
}
.wallet-tabs .wt{position:relative;padding:6px 0;transition:color .2s;}
.wallet-tabs .wt.active{color:var(--text);}
.wallet-tabs .wt.active::after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:18px;height:3px;border-radius:3px;background:var(--yellow);}

.wallet-head{padding:14px 16px 4px;}
.est-row{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:13px;margin-bottom:6px;}
.est-row .eye{cursor:pointer;display:flex;}
.est-row .grow{flex:1;}
.est-row .ic{display:flex;color:var(--text2);}
.total{display:flex;align-items:flex-end;gap:6px;line-height:1;}
.total .amt{font-size:33px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;}
.total .cur{font-size:15px;color:var(--text2);font-weight:500;display:flex;align-items:center;gap:2px;padding-bottom:4px;}
.total .cur svg{width:10px;height:10px;}
.approx{color:var(--text2);font-size:13px;margin-top:8px;}
.pnl{color:var(--text2);font-size:13px;margin-top:4px;display:flex;align-items:center;gap:4px;}
.pnl b{font-weight:500;}
.pnl .pos{color:var(--green);}
.hide-bal{filter:blur(7px);user-select:none;}

/* action buttons */
.actions{display:flex;gap:8px;padding:14px 16px 6px;}
.actions button{
  flex:1;border:none;border-radius:8px;padding:10px 4px;font-size:14px;font-weight:600;
  background:var(--bg2);color:var(--text);cursor:pointer;transition:transform .08s,background .15s;
}
.actions button:active{transform:scale(.96);}
.actions button.primary{background:var(--yellow);color:#1e2026;}

/* notification chips */
.notices{padding:6px 16px;}
.notice{
  display:flex;align-items:center;gap:8px;padding:9px 0;color:var(--text);font-size:13px;
  border-bottom:1px solid var(--line2);
}
.notice .bell{color:var(--text2);display:flex;}
.notice .grow{flex:1;color:var(--text2);}
.notice .grow b{color:var(--text);font-weight:500;}
.notice .st{color:var(--text2);font-size:12px;display:flex;align-items:center;gap:2px;}

/* assets/account sub tabs */
.subtabs{display:flex;gap:20px;padding:14px 16px 2px;font-size:16px;font-weight:600;}
.subtabs .st{color:var(--text3);position:relative;padding-bottom:8px;}
.subtabs .st.active{color:var(--text);}
.subtabs .st.active::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:3px;border-radius:3px;background:var(--yellow);}
.subtabs .right{margin-left:auto;color:var(--text2);font-size:13px;font-weight:400;display:flex;align-items:center;gap:10px;}

/* asset rows */
.asset-list{padding:4px 0 90px;}
.asset{
  display:flex;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;transition:background .15s;
}
.asset:active{background:var(--bg2);}
.asset .ic{width:32px;height:32px;border-radius:50%;flex:0 0 32px;overflow:hidden;background:#f3f3f3;}
.asset .ic img{width:100%;height:100%;object-fit:cover;display:block;}
.asset .nm{flex:1;min-width:0;}
.asset .nm .sym{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;}
.asset .nm .sym .tag{font-size:10px;font-weight:600;color:var(--text2);background:var(--bg2);border-radius:3px;padding:1px 4px;}
.asset .nm .full{font-size:12px;color:var(--text2);margin-top:2px;}
.asset .bal{text-align:right;}
.asset .bal .b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;}
.asset .bal .v{font-size:12px;color:var(--text2);margin-top:2px;font-variant-numeric:tabular-nums;}
.asset .quick{display:flex;gap:6px;margin-left:6px;}
.asset .quick a{font-size:12px;color:var(--text2);background:var(--bg2);border-radius:6px;padding:5px 9px;}

/* ---------- Bottom nav ---------- */
.botnav{
  flex:0 0 auto;display:flex;justify-content:space-around;align-items:center;
  padding:8px 4px calc(8px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);background:var(--bg);
}
.botnav .nav{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text3);font-size:10px;font-weight:500;flex:1;cursor:pointer;}
.botnav .nav.active{color:var(--text);}
.botnav .nav svg{width:22px;height:22px;}
.home-ind{height:5px;width:135px;background:#1e2026;border-radius:3px;margin:6px auto 6px;opacity:.92;}

/* ---------- Generic page header (sub screens) ---------- */
.pg-head{display:flex;align-items:center;gap:8px;padding:10px 14px;position:relative;flex:0 0 auto;}
.pg-head .back{width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:-6px;}
.pg-head .ttl{flex:1;text-align:center;font-size:17px;font-weight:600;display:flex;flex-direction:column;align-items:center;line-height:1.15;}
.pg-head .ttl small{font-size:11px;color:var(--text2);font-weight:400;display:flex;align-items:center;gap:3px;margin-top:2px;}
.pg-head .acts{display:flex;gap:14px;color:var(--text);}
.pg-head .acts svg{width:21px;height:21px;}

/* ---------- Send form (compact, like the real app) ---------- */
.form{padding:4px 16px 0;}
.field{padding:13px 0 12px;border-bottom:1px solid var(--line2);}
.field .lbl{font-size:14px;color:var(--text);font-weight:400;display:flex;align-items:center;gap:5px;margin-bottom:11px;}
.field .lbl .i{color:var(--text3);display:flex;}
.field .ctrl{display:flex;align-items:center;gap:10px;min-height:22px;}
.field .ctrl input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--text);font-family:inherit;padding:0;}
.field .ctrl input::placeholder{color:var(--text3);}
.field .ctrl .ricons{display:flex;gap:14px;color:var(--text2);align-items:center;}
.field .ctrl .ricons svg{width:19px;height:19px;}
.field .sel{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:22px;}
.field .sel .ph{color:var(--text3);font-size:15px;}
.field .sel .val{color:var(--text);font-size:15px;font-weight:500;display:flex;align-items:center;gap:9px;}
.field .sel .val img{width:22px;height:22px;border-radius:50%;}
.field .sel .chev{color:var(--text3);}
.field .amt-ctrl{display:flex;align-items:center;gap:10px;min-height:24px;}
.field .amt-ctrl input{flex:1;font-size:16px;font-weight:400;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;padding:0;}
.field .amt-ctrl input::placeholder{color:var(--text3);font-size:15px;}
.field .amt-ctrl .unit{color:var(--text);font-weight:600;font-size:14px;}
.field .amt-ctrl .max{color:var(--text3);font-weight:500;font-size:14px;cursor:pointer;padding-left:12px;border-left:1px solid var(--line);}
.field .amt-ctrl .max.on{color:var(--yellow-d);}
.field .sel .chev.down{color:var(--text2);}
.field .amt-ctrl .clear{display:flex;cursor:pointer;}
.field .amt-ctrl .clear svg{width:16px;height:16px;}
.field .amt-rs{margin-top:7px;font-size:12px;color:var(--text2);}

/* ---------- Confirm order ---------- */
.confirm{padding:10px 16px;}
.cf-recv{text-align:center;color:var(--text2);font-size:13px;margin-top:10px;}
.cf-amt{text-align:center;font-size:30px;font-weight:600;margin-top:8px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;}
.cf-rs{text-align:center;color:var(--text2);font-size:13px;margin-top:6px;}
.cf-rows{margin-top:26px;}
.cf-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line2);font-size:14px;color:var(--text2);gap:14px;}
.cf-row b{color:var(--text);font-weight:500;text-align:right;}
.cf-row b.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;}
.cf-note{display:flex;gap:8px;align-items:flex-start;margin-top:20px;background:var(--bg2);border-radius:10px;padding:12px;font-size:12px;color:var(--text2);line-height:1.5;}
.cf-note svg{flex:0 0 14px;margin-top:2px;}

/* ---------- Binance diamond loader ---------- */
.bn-loader{width:52px;height:52px;background:#17181b;border-radius:12px;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;gap:4px;animation:bnPulse 1.4s ease-in-out infinite;}
.bn-loader i{width:4px;height:14px;border-radius:2px;background:var(--yellow-d);transform:rotate(-45deg);animation:bnBar 1s ease-in-out infinite;}
.bn-loader i:nth-child(2){animation-delay:.16s;}
.bn-loader i:nth-child(3){animation-delay:.32s;}
@keyframes bnBar{0%,100%{opacity:.25;}50%{opacity:1;}}
@keyframes bnPulse{0%,100%{transform:rotate(45deg) scale(1);}50%{transform:rotate(45deg) scale(1.06);}}
.send-loading{height:100%;display:flex;align-items:center;justify-content:center;}
.load-ov{position:absolute;inset:0;z-index:70;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;}
.load-ov.show{opacity:1;}

/* ---------- Send form extras ---------- */
.addr-disp{flex:1;font-size:14px;line-height:1.5;word-break:break-all;cursor:text;min-height:22px;}
.addr-disp .hl{color:var(--yellow-d);}
.ricons .aclr{display:flex;cursor:pointer;color:var(--text3);}
.ricons .aexp{display:flex;color:var(--text2);}
.field .err{color:var(--red);font-size:12px;margin-top:7px;}
.net-note{margin-top:11px;font-size:12px;color:var(--text2);display:flex;align-items:center;justify-content:space-between;gap:8px;}
.net-note svg{flex:0 0 12px;color:var(--text3);}
.first-warn{margin-top:10px;font-size:12px;color:var(--text2);line-height:1.55;}
.first-warn b{color:var(--yellow-d);font-weight:500;}
.contract{margin-top:12px;font-size:13px;color:var(--text2);display:flex;align-items:center;gap:5px;}
.field .sel .val .netfull{color:var(--text2);font-size:14px;font-weight:400;margin-left:4px;}
.summary .row .sw{display:inline-flex;vertical-align:-2px;color:var(--text2);margin-left:2px;}

/* ---------- Confirm extras ---------- */
.cf-row{position:relative;}
.cf-row b.addr{max-width:210px;word-break:break-all;font-size:13px;line-height:1.5;font-weight:500;}
.cf-row b.addr .hl{color:var(--yellow-d);}
.bn-tip{position:absolute;top:-36px;right:0;background:#1e2026;color:#fff;font-size:12px;font-weight:500;padding:8px 12px;border-radius:8px;white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;pointer-events:none;z-index:6;}
.bn-tip::after{content:"";position:absolute;bottom:-4px;right:26px;width:9px;height:9px;background:#1e2026;transform:rotate(45deg);}
.bn-tip.show{opacity:1;transform:translateY(0);}

/* ---------- Withdrawal submitted (success screen) ---------- */
.success-screen{background:var(--bg);}
.suc-wrap{padding:0 24px;text-align:center;}
.suc-anim{position:relative;width:92px;height:92px;margin:70px auto 0;}
.suc-svg{width:92px;height:92px;display:block;}
.suc-svg .c{fill:var(--yellow-d);transform-origin:50% 50%;animation:sucPop .55s cubic-bezier(.3,1.55,.5,1) both;}
.suc-svg .k{fill:none;stroke:#fff;stroke-width:7.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70;animation:sucDraw .4s .3s ease-out forwards;}
.suc-anim .ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--yellow-d);opacity:0;animation:sucRing 1s ease-out .4s;}
.suc-anim .ring.r2{animation-delay:.6s;}
@keyframes sucPop{0%{transform:scale(0);}62%{transform:scale(1.1);}100%{transform:scale(1);}}
@keyframes sucDraw{to{stroke-dashoffset:0;}}
@keyframes sucRing{0%{transform:scale(.75);opacity:.5;}100%{transform:scale(1.75);opacity:0;}}
.suc-title{font-size:20px;font-weight:600;margin-top:26px;animation:fadeUp .5s .35s both;}
.suc-sub{font-size:13px;color:var(--text2);margin-top:10px;line-height:1.55;animation:fadeUp .5s .45s both;}
.suc-block{margin-top:34px;animation:fadeUp .5s .55s both;}
.suc-block .l{font-size:13px;color:var(--text2);}
.suc-block .a{font-size:28px;font-weight:600;margin-top:8px;letter-spacing:-.4px;font-variant-numeric:tabular-nums;}
.suc-block .r{font-size:13px;color:var(--text2);margin-top:6px;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.suc-foot{display:flex;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));animation:fadeUp .5s .65s both;}
.suc-foot .cta{margin-top:0;}
.cta.ghost{background:var(--bg2);color:var(--text);}
.field .avail{margin-top:12px;font-size:13px;color:var(--text2);display:flex;justify-content:space-between;}
.field .avail b{color:var(--text);font-weight:400;font-variant-numeric:tabular-nums;}
.warn{font-size:12px;color:var(--text2);line-height:1.6;padding:12px 16px;}
.warn .star{color:var(--text2);}
.summary{margin-top:auto;padding:14px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);}
.summary .row{display:flex;justify-content:space-between;font-size:13px;color:var(--text2);margin-bottom:6px;}
.summary .row b{color:var(--text);font-weight:500;}
.cta{
  width:100%;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;
  background:var(--yellow);color:#1e2026;transition:transform .08s,opacity .2s;margin-top:6px;
}
.cta:disabled{background:#f5f0d2;color:#c9c39a;cursor:not-allowed;}
.cta:active:not(:disabled){transform:scale(.99);}

/* ---------- Network list ---------- */
.net-list{padding:4px 0 20px;}
.net{padding:16px;border-bottom:1px solid var(--line2);cursor:pointer;transition:background .15s;}
.net:active{background:var(--bg2);}
.net .h{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-bottom:8px;}
.net .h .full{color:var(--text2);font-weight:400;font-size:14px;}
.net .h .chk{margin-left:auto;color:var(--yellow-d);opacity:0;transition:opacity .15s;}
.net.sel .h .chk{opacity:1;}
.net .row{font-size:12.5px;color:var(--text2);line-height:1.9;}

/* ---------- Bottom sheet ---------- */
#sheet-host{position:absolute;inset:0;z-index:40;pointer-events:none;}
.backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .28s;pointer-events:auto;}
.backdrop.show{opacity:1;}
.sheet{
  position:absolute;left:0;right:0;bottom:0;background:var(--bg);
  border-radius:18px 18px 0 0;padding:8px 0 calc(14px + env(safe-area-inset-bottom));
  transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,.34,1);
  pointer-events:auto;max-height:90%;display:flex;flex-direction:column;
}
.sheet.show{transform:translateY(0);}
.sheet .grip{width:40px;height:4px;border-radius:3px;background:var(--line);margin:6px auto 4px;}
.sheet .s-ttl{font-size:18px;font-weight:600;padding:10px 20px 6px;}
.sheet .s-scroll{overflow-y:auto;}
.method{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;cursor:pointer;transition:background .15s;}
.method:active{background:var(--bg2);}
.method .m-ic{width:24px;height:24px;color:var(--text);flex:0 0 24px;margin-top:2px;}
.method .m-tx .t{font-size:16px;font-weight:600;}
.method .m-tx .d{font-size:13px;color:var(--text2);margin-top:3px;line-height:1.4;}

/* ---------- Deposit ---------- */
.dep{padding:20px 16px;text-align:center;}
.dep .qr{width:200px;height:200px;margin:14px auto;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;}
.dep .qr img{width:100%;height:100%;}
.dep .addr{background:var(--bg2);border-radius:10px;padding:14px;font-size:13px;word-break:break-all;color:var(--text);margin:10px 0;line-height:1.5;}
.dep .meta{display:flex;justify-content:space-between;font-size:13px;color:var(--text2);padding:10px 0;border-bottom:1px solid var(--line2);}
.dep .meta b{color:var(--text);font-weight:500;}

/* ---------- Toast ---------- */
#toast-host{position:absolute;left:0;right:0;top:80px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:90;pointer-events:none;}
.toast{background:rgba(30,32,38,.94);color:#fff;font-size:13px;padding:10px 16px;border-radius:10px;animation:toastIn .3s ease;max-width:80%;text-align:center;}
@keyframes toastIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}

/* ---------- Ripple ---------- */
.ripple{position:relative;overflow:hidden;}
.ripple>.rp{position:absolute;border-radius:50%;background:rgba(0,0,0,.08);transform:scale(0);animation:rp .5s ease-out;pointer-events:none;}
@keyframes rp{to{transform:scale(2.4);opacity:0;}}

/* ---------- Admin ---------- */
.admin{position:absolute;inset:0;background:#0b0e11;color:#eaecef;z-index:60;display:flex;flex-direction:column;animation:fade .2s;}
.admin .a-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #1e2329;}
.admin .a-head .t{font-size:18px;font-weight:700;flex:1;}
.admin .a-head .x{cursor:pointer;color:#848e9c;font-size:22px;}
.admin .a-body{flex:1;overflow-y:auto;padding:14px 16px 40px;}
.admin .sec{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#848e9c;margin:18px 0 8px;}
.admin .arow{background:#1a1d21;border-radius:10px;padding:12px;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.admin .arow img{width:30px;height:30px;border-radius:50%;}
.admin .arow .info{flex:1;min-width:0;}
.admin .arow .info .s{font-weight:600;font-size:14px;}
.admin .arow .info .p{font-size:11px;color:#848e9c;}
.admin .arow input{width:150px;background:#0b0e11;border:1px solid #2b3139;color:#fff;border-radius:8px;padding:9px 10px;font-size:14px;text-align:right;font-family:inherit;}
.admin .arow .del{color:#f6465d;cursor:pointer;font-size:18px;padding:4px;}
.admin label{font-size:12px;color:#848e9c;display:block;margin:10px 0 4px;}
.admin .inp{width:100%;background:#1a1d21;border:1px solid #2b3139;color:#fff;border-radius:8px;padding:11px;font-size:14px;font-family:inherit;}
.admin select.inp{appearance:none;}
.admin .btn{width:100%;background:var(--yellow);color:#1e2026;border:none;border-radius:9px;padding:13px;font-weight:700;font-size:15px;margin-top:14px;cursor:pointer;}
.admin .btn.sec{background:#1a1d21;color:#eaecef;border:1px solid #2b3139;}
.admin .grid2{display:flex;gap:10px;}
.admin .grid2>div{flex:1;}
.admin .addrow{display:flex;gap:8px;align-items:flex-end;}
.admin .addrow select{flex:1;}
.admin .addrow input{width:120px;}
.admin .hint{font-size:11px;color:#5e6673;margin-top:4px;line-height:1.5;}

/* ---------- Select Asset ---------- */
.sa-wrap{padding:8px 16px 80px;}
.sa-search{display:flex;align-items:center;gap:8px;background:var(--bg2);border-radius:10px;padding:10px 12px;color:var(--text3);margin:4px 0 8px;}
.sa-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text);font-family:inherit;}
.sa-search input::placeholder{color:var(--text3);}
.sa-row-t{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text2);margin:14px 0 10px;}
.sa-row-t .trash{color:var(--text3);cursor:pointer;display:flex;}
.sa-chips{display:flex;flex-wrap:wrap;gap:8px;}
.sa-chip{background:var(--bg2);border-radius:6px;padding:6px 14px;font-size:13px;color:var(--text);cursor:pointer;}
.sa-listt{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text2);margin:18px 0 6px;}
.sa-listt .sort{color:var(--text2);display:flex;}
.sa-list{min-height:60px;}
.sa-item{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;transition:background .15s;border-radius:8px;}
.sa-item:active{background:var(--bg2);}
.sa-item .ic{width:32px;height:32px;border-radius:50%;overflow:hidden;flex:0 0 32px;background:#f3f3f3;}
.sa-item .ic img{width:100%;height:100%;object-fit:cover;}
.sa-item .nm{flex:1;}
.sa-item .nm .sym{font-size:16px;font-weight:600;}
.sa-item .nm .full{font-size:12px;color:var(--text2);margin-top:2px;}
.sa-item .bal{text-align:right;}
.sa-item .bal .b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;}
.sa-item .bal .v{font-size:12px;color:var(--text2);margin-top:2px;font-variant-numeric:tabular-nums;}

/* ---------- Floating customer-service button ---------- */
.float-cs{position:absolute;right:14px;bottom:120px;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:#1e2026;z-index:20;cursor:pointer;}
.float-cs:active{transform:scale(.94);}

.skeleton{background:linear-gradient(90deg,#f0f1f2 25%,#e6e8ea 37%,#f0f1f2 63%);background-size:400% 100%;animation:sk 1.2s ease infinite;border-radius:6px;}
@keyframes sk{0%{background-position:100% 50%;}100%{background-position:0 50%;}}