.nav-item {
    flex: 1; 
    height: 65px; /* Match content height */
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; /* PERFECT CENTER */
    position: relative;
    padding-top: 5px; /* Slight optical adjustment */
}
.nav-item svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2; margin-bottom: 4px; transition: 0.2s; }
.nav-item span { font-size: 10px; font-weight: 500; }
.nav-item.active { color: #000; }
.nav-item.active svg { stroke: #000; fill: rgba(250, 204, 21, 0.2); stroke-width: 2.5; transform: translateY(-2px); }
.nav-badge {
    position: absolute; top: 5px; right: 25%;
    background: #ef4444; color: #fff; border: 2px solid #fff;
    width: 18px; height: 18px; border-radius: 50%;
    font-size: 9px; font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    transform: scale(0); transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.nav-badge.show { transform: scale(1); }