.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(4,8,16,0.98) 0%,rgba(8,12,24,0.96) 100%);border-top:1px solid rgba(0,212,255,0.12);padding:8px 0 10px;display:flex;justify-content:space-around;z-index:1000;max-width:480px;margin:0 auto;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -8px 30px rgba(0,0,0,0.6),0 -1px 0 rgba(0,212,255,0.15),inset 0 1px 0 rgba(0,212,255,0.06);}.nav-item{text-align:center;cursor:pointer;padding:6px 16px;border-radius:var(--radius-sm);transition:all 0.25s;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;color:var(--text-muted);position:relative;}.nav-item:hover{color:var(--text-secondary);}.nav-item.active{color:var(--primary);}.nav-item.active i{filter:drop-shadow(0 0 8px var(--primary));}.nav-item.active::after{content:'';position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--primary);border-radius:0 0 2px 2px;box-shadow:0 0 8px var(--primary);}.nav-item i{font-size:20px;}.nav-item span{font-size:11px;font-weight:600;letter-spacing:0.5px;}