.mobile-bottom-bar{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:15px;right:15px;height:65px;background:#111827;border:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-around;align-items:center;z-index:1000;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.5);margin:0 auto;max-width:500px}@media (min-width:768px){.mobile-bottom-bar{display:none}}.nav-item-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-decoration:none;font-size:11px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;width:20%;height:100%}.nav-item-bottom.active{color:#fff}.nav-icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2px;width:36px;height:36px;border-radius:12px;transition:all .3s ease}.nav-item-bottom.active .nav-icon-container{background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(192,38,211,.15));color:#22d3ee;box-shadow:inset 0 0 10px rgba(34,211,238,.1)}.nav-icon-bottom{font-size:24px}.nav-label-bottom{opacity:.8;letter-spacing:.02em;font-size:11px}.nav-item-bottom.active .nav-label-bottom{opacity:1;font-weight:600;background:linear-gradient(90deg,#22d3ee,#c026d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-item-bottom.active:after{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:25px;height:2px;background:linear-gradient(90deg,#22d3ee,#c026d3);border-radius:0 0 4px 4px;box-shadow:0 0 8px rgba(34,211,238,.4)}.nav-item-bottom-center{transform:translateY(-15px);z-index:10;width:auto;min-width:65px}.nav-item-bottom-center.active:after{display:none}.nav-item-bottom-center .nav-icon-container{width:60px;height:60px;aspect-ratio:1/1;flex-shrink:0;background:rgba(31,41,55,.9);border-radius:50%;color:#9ca3af;box-shadow:0 4px 15px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.1);border:4px solid #111827;margin-bottom:4px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.nav-item-bottom-center .nav-icon-bottom{font-size:32px}.nav-item-bottom-center.active .nav-icon-container{background:linear-gradient(135deg,#22d3ee,#c026d3);color:white;box-shadow:0 0 25px rgba(34,211,238,.5),0 0 50px rgba(192,38,211,.3),inset 0 0 15px rgba(255,255,255,.2);transform:scale(1.1)}.nav-item-bottom-center:active .nav-icon-container{transform:scale(.95) translateY(2px)}.nav-item-bottom-center .nav-label-bottom{margin-top:10px}.nav-item-bottom-center.active .nav-label-bottom{font-weight:700}