/* ADMIN DASHBOARD */

.card-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:25px;
}

.card{
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
text-align:center;
transition:0.3s;
}

.card h3{
font-size:28px;
color:#2563eb;
margin:0;
}

.card p{
margin-top:8px;
color:#555;
font-weight:500;
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 12px 35px rgba(0,0,0,0.12);
}

/* STATUS BADGES */

.status{
padding:5px 10px;
border-radius:6px;
font-size:13px;
font-weight:500;
}

.status.active{
background:#d1fae5;
color:#065f46;
}

.status.pending{
background:#fef3c7;
color:#92400e;
}

.status.blocked{
background:#fee2e2;
color:#991b1b;
}
/* admin panel */

body{
background:#eef2f7;
}

/* dashboard cards */

.card{
border-left:4px solid #2d7df6;
}

.card:nth-child(2){
border-left-color:#27ae60;
}

.card:nth-child(3){
border-left-color:#e67e22;
}

/* table actions */

.actions{
display:flex;
gap:8px;
flex-wrap:wrap;
}

/* status */

.status{
padding:4px 10px;
border-radius:6px;
font-size:13px;
background:#eee;
}

.status.pending{
background:#f39c12;
color:white;
}

.status.approved{
background:#27ae60;
color:white;
}

.status.rejected{
background:#e74c3c;
color:white;
}