.mobile-bottom-nav{background:var(--nav-bg,#1a1b2e);border-top:1px solid var(--nav-border,#ffffff14);z-index:1000;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:500px;height:60px;margin:0 auto;padding:0 8px;display:flex}.nav-item{min-width:0;height:100%;color:var(--nav-inactive,#8a8d9f);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--nav-active,#6366f1)}.nav-icon-wrapper{justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative}.nav-item.active .nav-icon-wrapper{animation:.3s iconPop}.nav-icon{font-size:1.4rem;transition:all .2s}.mobile-bottom-nav .nav-icon{background:0 0;border:0;border-radius:0;width:1em;height:1em;padding:0;display:block}.mobile-bottom-nav .nav-icon:hover{background:0 0}.mobile-bottom-nav .nav-item,.mobile-bottom-nav .nav-item:hover,.mobile-bottom-nav .nav-item.active{background:0 0;border-radius:0;margin:0}.nav-item.active .nav-icon{filter:drop-shadow(0 2px 4px #6366f166)}.nav-label{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.6rem;font-weight:500;line-height:1;transition:all .2s;overflow:hidden}.nav-item.active .nav-label{letter-spacing:.02em;font-weight:600}.nav-avatar{object-fit:cover;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.nav-avatar.avatar-active{border-color:var(--nav-active,#6366f1);box-shadow:0 0 0 3px #6366f133}.badge{color:#fff;border:2px solid var(--nav-bg,#1a1b2e);background:#ff4757;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.55rem;font-weight:700;animation:2s infinite badgePulse;display:flex;position:absolute;top:-4px;right:-8px}.badge.dot{border-radius:50%;min-width:8px;height:8px;padding:0;top:-2px;right:-4px}.has-notification .nav-icon{animation:.5s bellRing}.more-menu-container{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.more-btn{width:100%}.more-dropdown{background:var(--dropdown-bg,#1e2035);border:1px solid var(--dropdown-border,#ffffff1a);z-index:1001;-webkit-backdrop-filter:blur(20px);border-radius:14px;width:180px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;bottom:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 40px #0006}.more-dropdown-header{color:var(--nav-inactive,#8a8d9f);border-bottom:1px solid var(--dropdown-border,#ffffff0f);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;font-size:.7rem;font-weight:600}.more-item{color:var(--nav-inactive,#8a8d9f);cursor:pointer;align-items:center;gap:10px;padding:11px 14px;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.more-item:hover,.more-item:active{background:var(--dropdown-hover,#6366f11a);color:var(--nav-active,#6366f1)}.more-item.active{background:var(--dropdown-active,#6366f126);color:var(--nav-active,#6366f1);font-weight:600}.more-icon{flex-shrink:0;font-size:1.2rem}.mobile-nav-backdrop{z-index:999;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iconPop{0%{transform:scale(1)}30%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bellRing{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}}@media (min-width:768px) and (max-width:991px){.bottom-nav-inner{height:68px;padding:0 20px}.nav-icon{font-size:1.5rem}.nav-label{font-size:.65rem}.nav-avatar{width:26px;height:26px}.nav-icon-wrapper{width:32px;height:32px}}@media (max-width:380px){.bottom-nav-inner{height:54px;padding:0 4px}.nav-icon{font-size:1.2rem}.nav-label{font-size:.5rem}.nav-avatar{width:20px;height:20px}.nav-icon-wrapper{width:24px;height:24px}.nav-item{gap:1px;padding:2px 1px}.badge{min-width:14px;height:14px;font-size:.5rem;top:-3px;right:-6px}.more-dropdown{width:150px;right:-10px}}@media (orientation:landscape) and (max-height:500px){.bottom-nav-inner{height:44px}.nav-icon{font-size:1rem}.nav-label{font-size:.45rem}.nav-avatar{width:16px;height:16px}.nav-icon-wrapper{width:20px;height:20px}}@media (max-width:991px){.mobile-bottom-nav{display:block}}@media (min-width:992px){.mobile-bottom-nav{display:none}}:root{--nav-bg:#1a1b2e;--nav-border:#ffffff14;--nav-active:#6366f1;--nav-inactive:#8a8d9f;--dropdown-bg:#1e2035;--dropdown-border:#ffffff1a;--dropdown-hover:#6366f11a;--dropdown-active:#6366f126}