body {
    background-color: #f8f9fa;
}

.card {
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.navbar {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.card.bg-warning, .card.bg-info, .card.bg-success {
    border: none;
    border-radius: 10px;
    transition: transform 0.2s;
}

.card.bg-warning:hover, .card.bg-info:hover, .card.bg-success:hover {
    transform: translateY(-5px);
}