table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

th, td {
    border: 1px solid #ccc;
    padding: 6px;
}

th {
    background: #222;
    color: #fff;
}

.category-header th {
    background: #066;
}

.subcat-header td {
    font-style: italic;
    background: #eef;
}

.add-row td {
    background: #ddd;
    text-align: left;
}

.add-row button {
    border: none;
    background: transparent;
    font-size: 1em;
    cursor: pointer;
}

.summary td {
    background: #444;
    color: #fff;
    font-weight: bold;
}

input {
    width: 100%;
    box-sizing: border-box;
}

    input.desc {
        text-align: left;
    }

    input.rate {
        text-align: center;
    }