.bottom-nav{-webkit-backdrop-filter:blur(12px);z-index:9999;height:65px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;border-top:1px solid #0000001a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.bottom-nav-item{text-align:center;color:#21252999;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 4px;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item:hover{color:#212529cc}.bottom-nav-item.active{color:var(--bs-primary,#0d6efd)}.bottom-nav-item ion-icon{margin-bottom:2px;font-size:22px}.bottom-nav-label{font-size:11px;font-weight:500}.offline-btn{min-width:70px}.offline-btn.connected{color:#21252999}.offline-btn.disconnected{color:#f8a100}.offline-btn.disconnected:hover{color:#d48900}[data-bs-theme=dark] .bottom-nav{background:#21252926;border-top-color:#ffffff1a}[data-bs-theme=dark] .bottom-nav-item{color:#fff9}[data-bs-theme=dark] .bottom-nav-item:hover{color:#ffffffe6}[data-bs-theme=dark] .offline-btn.connected{color:#fff9}[data-bs-theme=dark] .offline-btn.disconnected{color:#ffc107}[data-bs-theme=dark] .offline-btn.disconnected:hover{color:#ffcd38}