.custom-checkbox {
    width: 24px;
    height: 24px;
    transform: scale(1.5); /* チェックボックスを大きく */
    cursor: pointer;
}

    .custom-checkbox:checked {
        background-color: #28a745 !important; /* 緑 */
        border-color: #28a745 !important;
    }

        .custom-checkbox:checked::before {
            color: white !important;
        }

    .custom-checkbox:not(:checked) {
        background-color: #ccc !important; /* グレー */
        border-color: #ccc !important;
    }

.changed-row {
    background-color: #fffdd0; /* クリーム色 */
}

.registered-row {
    background-color: #d4edda; /* 薄い緑 */
}