.table-design {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 10px;
}

    .table-design th {
        background: linear-gradient(45deg, #4facfe, #00f2fe);
        color: #fff;
        text-transform: uppercase;
        padding: 12px 15px;
        text-align: left;
        font-weight: 600;
    }

    .table-design td {
        padding: 12px 15px;
        color: #333;
        background: #fff;
    }

    .table-design tr:nth-child(even) td {
        background: #f5f5f5;
    }

    .table-design tr:hover td {
        background: #eaeaea;
        cursor: pointer;
    }

    .table-design td a {
        color: #3498db;
        text-decoration: none;
    }

        .table-design td a:hover {
            text-decoration: underline;
        }