@import url('/miniapps/assets/alfabit/globals.css');
@import url('/miniapps/assets/alfabit/home.css');
@import url('/miniapps/assets/alfabit/router.css');
@import url('/miniapps/assets/alfabit/buysellpage.css');
@import url('/miniapps/assets/alfabit/selectassetsheet.css');
@import url('/miniapps/assets/alfabit/ratetimerline.css');
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/miniapps/assets/alfabit/ibm-plex-mono-600-latin.woff2') format('woff2')}
:root{--bottom-nav-height:68px}
[hidden]{display:none!important}
#app{width:100%;max-width:390px;height:100dvh;margin:auto;isolation:isolate;transform:translateZ(0)}
.screen{height:100%;min-height:0}
.content{scrollbar-width:none}.content::-webkit-scrollbar{display:none}
.profile-entry__text>span{color:#fff;font-size:16px;font-weight:600;padding-top:7px}
.search-box{width:100%;text-align:left;color:#6b7280}
.account-icon{font-size:27px;width:30px;color:#9eff00}
.account-row--trading .account-icon{color:#8b92ff}.account-row--banking .account-icon{color:#38bbff}
.exchange-tabs{display:flex;gap:20px;margin-bottom:20px;border-bottom:1px solid #ffffff0d}
.exchange-tab{position:relative;color:#9ca3af;font-size:16px;font-weight:600;padding:0 0 12px}
.exchange-tab.active{color:#9eff00}.exchange-tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#9eff00;border-radius:2px}
.header-btn svg,.swap-circle svg,.sa-back svg{width:20px;height:20px}.swap-circle{color:#9eff00}
.sa-search input{font-size:15px;font-weight:400;height:auto;text-align:left}.sa-search svg{width:18px;height:18px;color:#6b7280}
.market-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;text-align:left}.market-row img{width:36px;height:36px}.market-row div{flex:1}.market-row strong{font-size:15px}.market-row small{display:block;color:#9ca3af;font-size:12px}.market-row>span{font-family:var(--font-mono);color:#9ca3af}
.sa-overlay{position:absolute}.primary-btn:disabled{cursor:not-allowed}
dialog{color:#fff;background:#0d1521;border:1px solid #ffffff26;border-radius:24px;max-width:350px;width:calc(100% - 40px);margin:auto;padding:24px}
dialog::backdrop{background:#000a}dialog h2{font-size:20px;margin-bottom:12px}dialog p{color:#9ca3af;font-size:14px;margin-bottom:22px}dialog a{display:block;color:#9eff00;margin-bottom:20px}
button:focus-visible{outline:2px solid #9eff00;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}