  <style>
        body {
            background: linear-gradient(to right, #f0f4f8, #ffffff);
            font-family: 'Segoe UI', sans-serif;
        }

        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-radius: 12px;
        }

        .card:hover {
            transform: scale(1.01);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        }

        .card-title {
            font-size: 1.25rem;
            color: #0d6efd;
        }

        .card-footer {
            font-size: 0.85rem;
            border-top: 1px solid #e0e0e0;
            background-color: #f8f9fa;
        }

        .logo-radius {
            border-radius: 50%;
            border: 2px solid #0d6efd;
            padding: 5px;
            background-color: white;
        }

        .btn-info {
            background-color: #0dcaf0;
            border-color: #0dcaf0;
        }

        .btn-info:hover {
            background-color: #0bbcd6;
            border-color: #0bbcd6;
        }

        .btn-success:hover {
            background-color: #198754;
        }

        .alert-info,
        .alert-warning {
            border-radius: 10px;
        }

        .hover-shadow:hover {
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
            transform: translateY(-4px);
            transition: all 0.3s ease;
        }

        .card-title i {
            color: #0d6efd;
        }

        .card-footer {
            font-size: 0.85rem;
            background-color: #f9f9f9;
            border-radius: 0 0 1rem 1rem;
        }
    </style>