.nav-btn{
display:flex;
align-items:center;
gap:14px;
width:100%;
padding:14px 16px;
border-radius:12px;
font-size:17px;
font-weight:600;
color:#e2e8f0;
transition:all 0.25s ease;
cursor:pointer;
}

/* Hover */

.nav-btn:hover{
background:white;
color:#0f172a;
transform:translateX(4px);
}

/* Active page */

.nav-btn.active{
background:linear-gradient(90deg,#4f46e5,#6366f1);
color:white;
box-shadow:0 4px 12px rgba(79,70,229,0.4);
}

/* Icons */

.nav-btn span{
font-size:20px;
}
.nav-text{
white-space:nowrap;
}