html, body{
height: 100%;
margin: 0;
background-color: #f4f6f9;
}

/* Dashboard Card */
.dashboard-card {
text-align: center;
padding: 10px 5px;
background: rgba(252, 251, 252, 0.911);
border-radius: 5px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
.dashboard-card {
border-top: 4px solid #198754;
}

/* Hover Lift Effect */
.dashboard-card:hover {
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Image Wrapper */
.img-wrapper {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5px;
}

/* Images */
.uniform-img {
width: 50px;
height: 50px;
object-fit: contain;
border-radius: 12px;
transition: 0.3s ease;
}

/* Image Zoom on Hover */
.dashboard-card:hover .uniform-img {
transform: scale(1.1);
}

/* Button Bar */
.bar_btn {
padding: 8px;
border-radius: 8px;
background: #ffffff;
border: 2px solid #198754;
transition: 0.3s ease;
}

/* Button Text */
.bar_btn h6 {
margin: 0;
font-weight: 600;
color: #198754;
}

/* Hover Button */
.dashboard-card:hover .bar_btn {
background-color: #198754;
}

.dashboard-card:hover .bar_btn h6 {
color: white;
}

/* Responsive Adjustments */
@media (min-width: 768px) {
.uniform-img {
	width: 110px;
	height: 110px;
}
}