html body nav.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:calc(100% - 30px)!important;max-width:460px!important;height:80px!important;min-height:80px!important;padding:7px 8px!important;margin:0!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:3px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(17,74,131,.10)!important;border-radius:25px!important;box-shadow:0 12px 34px rgba(23,63,108,.16)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;z-index:99999!important;overflow:visible!important}
html body nav.bottom-nav>a.nav-link{position:relative!important;width:auto!important;min-width:0!important;height:66px!important;min-height:66px!important;margin:0!important;padding:43px 2px 4px!important;box-sizing:border-box!important;display:flex!important;flex:none!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1px!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#6b7b8d!important;text-decoration:none!important;font-size:10.5px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:0!important;box-shadow:none!important;outline:0!important;transform:none!important;opacity:1!important}
html body nav.bottom-nav>a.nav-link::before{content:''!important;position:absolute!important;top:5px!important;left:50%!important;right:auto!important;bottom:auto!important;width:37px!important;height:37px!important;transform:translateX(-50%)!important;border-radius:12px!important;background:#edf4fb!important;border:1px solid #dfeaf6!important;box-shadow:none!important;opacity:1!important;z-index:0!important}
html body nav.bottom-nav>a.nav-link>img.yelepay-nav-icon{position:absolute!important;top:12px!important;left:50%!important;right:auto!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;transform:translateX(-50%)!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;opacity:.92!important;filter:brightness(0) saturate(100%) invert(29%) sepia(34%) saturate(1517%) hue-rotate(166deg) brightness(88%) contrast(93%)!important;z-index:2!important}
html body nav.bottom-nav>a.nav-link>span{position:relative!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:inherit!important;text-align:center!important;white-space:nowrap!important;z-index:3!important}
html body[data-page='dashboard'] nav.bottom-nav>a[data-nav='dashboard'],html body[data-page='purchase'] nav.bottom-nav>a[data-nav='purchase'],html body[data-page='withdrawal'] nav.bottom-nav>a[data-nav='withdrawal'],html body[data-page='team'] nav.bottom-nav>a[data-nav='team'],html body[data-page='profile'] nav.bottom-nav>a[data-nav='profile'],html body nav.bottom-nav>a.nav-link.active,html body nav.bottom-nav>a.nav-link[aria-current='page']{background:#eef6ff!important;color:#075394!important;box-shadow:inset 0 0 0 1px #d7e8fb,0 5px 12px rgba(35,94,158,.08)!important}
html body[data-page='dashboard'] nav.bottom-nav>a[data-nav='dashboard']::before,html body[data-page='purchase'] nav.bottom-nav>a[data-nav='purchase']::before,html body[data-page='withdrawal'] nav.bottom-nav>a[data-nav='withdrawal']::before,html body[data-page='team'] nav.bottom-nav>a[data-nav='team']::before,html body[data-page='profile'] nav.bottom-nav>a[data-nav='profile']::before,html body nav.bottom-nav>a.nav-link.active::before,html body nav.bottom-nav>a.nav-link[aria-current='page']::before{background:linear-gradient(145deg,#0b5fad,#0871c9)!important;border-color:#f5d84f!important;box-shadow:0 0 0 2px rgba(250,204,21,.65),0 6px 13px rgba(9,89,168,.22)!important}
html body[data-page='dashboard'] nav.bottom-nav>a[data-nav='dashboard']>img.yelepay-nav-icon,html body[data-page='purchase'] nav.bottom-nav>a[data-nav='purchase']>img.yelepay-nav-icon,html body[data-page='withdrawal'] nav.bottom-nav>a[data-nav='withdrawal']>img.yelepay-nav-icon,html body[data-page='team'] nav.bottom-nav>a[data-nav='team']>img.yelepay-nav-icon,html body[data-page='profile'] nav.bottom-nav>a[data-nav='profile']>img.yelepay-nav-icon,html body nav.bottom-nav>a.nav-link.active>img.yelepay-nav-icon,html body nav.bottom-nav>a.nav-link[aria-current='page']>img.yelepay-nav-icon{filter:none!important;opacity:1!important}
@media(max-width:370px){html body nav.bottom-nav{width:calc(100% - 20px)!important;height:76px!important;min-height:76px!important;border-radius:22px!important;padding:6px!important}html body nav.bottom-nav>a.nav-link{height:64px!important;min-height:64px!important;padding-top:41px!important;font-size:9.5px!important}html body nav.bottom-nav>a.nav-link::before{width:35px!important;height:35px!important}html body nav.bottom-nav>a.nav-link>img.yelepay-nav-icon{top:11px!important;width:21px!important;height:21px!important}}