.modern-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-card);box-shadow:0 -4px 20px rgba(0,0,0,.08);z-index:1000;padding:.25rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--surface-border)}.modern-bottom-nav .nav-container{display:flex;justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:0 .5rem}.modern-bottom-nav .nav-item{flex:1 1;background:transparent;border:none;cursor:pointer;padding:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.modern-bottom-nav .nav-item:active{transform:scale(.95)}.modern-bottom-nav .nav-item .nav-item-content{display:flex;flex-direction:column;align-items:center;gap:.15rem;position:relative}.modern-bottom-nav .nav-item .icon-wrapper{position:relative;width:40px;height:40px;border-radius:50%}.modern-bottom-nav .nav-item .icon-wrapper,.modern-bottom-nav .nav-item .icon-wrapper .nav-icon{display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.modern-bottom-nav .nav-item .icon-wrapper .nav-icon{color:var(--text-color-secondary);z-index:2}.modern-bottom-nav .nav-item .icon-wrapper .nav-icon svg{width:24px;height:24px;stroke-width:2.5}.modern-bottom-nav .nav-item .icon-wrapper .active-indicator{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;background:linear-gradient(135deg,var(--primary-color) 0,color-mix(in srgb,var(--primary-color) 80%,#fff) 50%,var(--primary-color) 100%);opacity:.2;border-radius:16px;animation:morphIn .5s cubic-bezier(.34,1.56,.64,1);z-index:1;box-shadow:0 0 20px rgba(var(--primary-color-rgb),.4),0 0 40px rgba(var(--primary-color-rgb),.2),inset 0 0 20px hsla(0,0%,100%,.1);filter:blur(1px)}.modern-bottom-nav .nav-item .icon-wrapper .active-indicator:before{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.2));border-radius:14px;opacity:.5;animation:shimmer 2s ease-in-out infinite}.modern-bottom-nav .nav-item .nav-label{font-family:var(--font-family);font-size:.75rem;color:var(--text-color-secondary);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;opacity:.8;letter-spacing:.01em}@media(hover:hover){.modern-bottom-nav .nav-item:hover:not(.active) .icon-wrapper{transform:translateY(-2px);background:rgba(var(--primary-color-rgb),.08)}.modern-bottom-nav .nav-item:hover:not(.active) .icon-wrapper .nav-icon{color:var(--primary-color)}.modern-bottom-nav .nav-item:hover:not(.active) .nav-label{color:var(--primary-color);opacity:.95;font-weight:700}}.modern-bottom-nav .nav-item.active .icon-wrapper{transform:translateY(-3px)}.modern-bottom-nav .nav-item.active .icon-wrapper .nav-icon{color:var(--primary-color);transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--primary-color-rgb),.3))}.modern-bottom-nav .nav-item.active .nav-label{color:var(--primary-color);font-weight:700;opacity:1;text-shadow:0 1px 2px rgba(var(--primary-color-rgb),.2);transform:scale(1.02)}.modern-bottom-nav .nav-item.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:var(--primary-color);opacity:0;border-radius:50%;animation:ripple .6s ease-out}@keyframes morphIn{0%{transform:scale(0) rotate(-180deg);opacity:0;border-radius:50%}50%{border-radius:8px}to{transform:scale(1) rotate(0deg);opacity:.2;border-radius:16px}}@keyframes shimmer{0%,to{opacity:.5;transform:translateX(-10%) translateY(-10%)}50%{opacity:.8;transform:translateX(10%) translateY(10%)}}@keyframes ripple{0%{width:0;height:0;opacity:.3}to{width:100%;height:100%;opacity:0}}@supports(padding-bottom:env(safe-area-inset-bottom)){.modern-bottom-nav{padding-bottom:calc(.25rem + env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){.modern-bottom-nav{box-shadow:0 -4px 20px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@media(min-width:992px){.modern-bottom-nav{display:none}}