.pageHeader{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.backBtn{
background:#f3f4f6;
padding:8px 12px;
border-radius:8px;
text-decoration:none;
}

.exportBtn{
background:#10b981;
color:white;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
}

.statsGrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-bottom:20px;
}

.statCard{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.badge{
padding:5px 10px;
border-radius:8px;
font-size:14px;
}

.completed{
background:#e0f2fe;
}

.attendanceCard{
background:white;
padding:20px;
border-radius:12px;
}

.cardHeader{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}

.attRow{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px;
border-bottom:1px solid #eee;
}

.attLeft{
display:flex;
gap:10px;
align-items:center;
}

.avatar{
width:40px;
height:40px;
background:#e5e7eb;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.attRight{
text-align:right;
}