body {
    background: linear-gradient(135deg, #1e3c72, #2a5298);
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.card {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
}

.btn-tech {
    background: linear-gradient(45deg, #007bff, #00c6ff);
    color: white;
    border: none;
    font-weight: bold;
    transition: background 0.3s;
}

.btn-tech:hover {
    background: linear-gradient(45deg, #0056b3, #009cff);
}

.btn-success {
    background: linear-gradient(45deg, #28a745, #34d058);
    color: white;
}

.btn-success:hover {
    background: linear-gradient(45deg, #218838, #2eb347);
}

.btn-secondary {
    background: #6c757d;
    color: white;
}

.table {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.table thead {
    background: linear-gradient(45deg, #007bff, #00c6ff);
    color: #fff;
    font-weight: bold;
}

.table tbody tr:hover {
    background: rgba(255, 255, 255, 0.2);
    transition: background 0.3s;
}

.pagination .page-link {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: none;
}

.pagination .page-item.active .page-link {
    background: #007bff;
    color: #fff;
}