body{
font-family:Inter,sans-serif;
}

.glass-card{
background:rgba(255,255,255,.08);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,.1);
border-radius:24px;
box-shadow:0 20px 50px rgba(0,0,0,.4);
animation:slideUp .8s ease;
}

.input-field{
width:100%;
padding:14px 16px;
border-radius:12px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.1);
color:white;
outline:none;
}

.input-field:focus{
border-color:#7c3aed;
}

.btn-primary{
width:100%;
padding:14px;
border:none;
border-radius:12px;
font-weight:600;
color:white;
background:linear-gradient(
90deg,
#7c3aed,
#06b6d4
);
cursor:pointer;
transition:.3s;
}

.btn-primary:hover{
transform:translateY(-2px);
}

.blob{
position:absolute;
width:350px;
height:350px;
border-radius:50%;
filter:blur(80px);
opacity:.25;
animation:float 8s infinite ease-in-out;
}

.blob-1{
background:#7c3aed;
top:-100px;
left:-100px;
}

.blob-2{
background:#06b6d4;
bottom:-100px;
right:-100px;
}

@keyframes slideUp{
from{
opacity:0;
transform:translateY(40px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(30px);
}
}
.sidebar-link{
display:flex;
align-items:center;
gap:12px;
padding:14px 18px;
border-radius:16px;
color:#cbd5e1;
transition:.3s;
font-weight:500;
}

.sidebar-link:hover{
background:rgba(255,255,255,.08);
color:white;
transform:translateX(5px);
}

.active-link{
background:linear-gradient(
90deg,
rgba(124,58,237,.3),
rgba(6,182,212,.2)
);
color:white;
}

.stat-card{
background:rgba(255,255,255,.05);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
padding:24px;
transition:.35s;
}

.stat-card:hover{
transform:translateY(-5px);
box-shadow:
0 20px 50px rgba(0,0,0,.25);
}

.dashboard-bg{
background:
radial-gradient(
circle at top left,
rgba(124,58,237,.25),
transparent 35%
),
radial-gradient(
circle at bottom right,
rgba(6,182,212,.18),
transparent 35%
),
#020617;
}
.input-modal{
width:100%;
padding:14px;
margin-bottom:14px;
border-radius:14px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
outline:none;
color:white;
}
.member-row{
animation:fadeIn .4s ease;
}

@keyframes fadeIn{

from{
opacity:0;
transform:translateY(10px);
}

to{
opacity:1;
transform:translateY(0);
}

}