table {
        width: 100%;
        border-collapse: collapse;
    }

    th, td {
        padding: 8px;
        text-align: left;
        width: 75px;
    }

    th {
        background: #0b5f69;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
  font-size: 15px;
    }

    tr {
        border-bottom: 1px solid #ddd;
        transition: all 0.3s ease;
    }

    tr:hover {
        background: #e3f2fd;
        transform: scale(1.01);
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }