.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:10px;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:4px;width:32px;height:32px;border-radius:10px;transition:all .3s ease}.nav-item-bottom.active .nav-icon-container{background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(192,38,211,.2));color:#22d3ee}.nav-icon-bottom{font-size:22px}.nav-label-bottom{opacity:.8;letter-spacing:.02em}.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:30px;height:3px;background:linear-gradient(90deg,#22d3ee,#c026d3);border-radius:0 0 4px 4px;box-shadow:0 0 10px rgba(34,211,238,.6)}.nav-item-bottom-center{transform:translateY(-10px)}.nav-item-bottom-center .nav-icon-container{width:36px;height:48px;background:linear-gradient(135deg,#22d3ee,#c026d3);border-radius:50%;color:white;box-shadow:0 4px 15px rgba(34,211,238,.4);border:4px solid #111827}.nav-item-bottom-center.active .nav-icon-container{box-shadow:0 4px 20px rgba(192,38,211,.6)}.nav-item-bottom-center .nav-label-bottom{margin-top:10px}