.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status-badge {
    font-size: 0.9em;
    padding: 0.35em 0.65em;
}

.alert {
    margin-bottom: 0;
}

#loading {
    padding: 2rem;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}

.module-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.module-status i {
    font-size: 1.2em;
}

.completed {
    color: #198754;
}

.incomplete {
    color: #dc3545;
}

.pending {
    color: #ffc107;
}