#expenseClassificationApp .expense-main-toggle {
    min-height: 58px;
    border-left: 5px solid #2f6f9f;
    background: #e7f0f8;
    color: #183b56;
    font-weight: 700;
}

#expenseClassificationApp .expense-main-toggle.collapsed {
    background: #dce9f4;
    color: #183b56;
}

#expenseClassificationApp .expense-main-toggle:not(.collapsed) {
    background: #245b7a;
    color: #fff;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12);
}

#expenseClassificationApp .expense-main-toggle:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

#expenseClassificationApp .expense-main-toggle:focus-visible,
#expenseClassificationApp .expense-sub-toggle:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .35);
    position: relative;
    z-index: 2;
}

#expenseClassificationApp .expense-group-accordion {
    display: grid;
    gap: .5rem;
}

#expenseClassificationApp .expense-sub-item {
    overflow: hidden;
    border: 1px solid #b9d6cb;
    border-radius: .5rem;
}

#expenseClassificationApp .expense-sub-toggle {
    min-height: 50px;
    border-left: 5px solid #2b8064;
    background: #edf6f2;
    color: #174b3a;
    font-weight: 650;
}

#expenseClassificationApp .expense-sub-toggle.collapsed:hover {
    background: #e1f0ea;
}

#expenseClassificationApp .expense-sub-toggle:not(.collapsed) {
    background: #cfe9df;
    color: #0d513c;
    box-shadow: inset 0 -3px 0 #2b8064;
}

#expenseClassificationApp .expense-sub-count {
    border: 1px solid #8ebcac;
    border-radius: 999px;
    background: rgba(255, 255, 255, .75);
    color: #245746;
    padding: .2rem .55rem;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

#expenseClassificationApp .expense-category-table thead th {
    background: #f4f8f6;
    color: #344f46;
}

#expenseClassificationApp .expense-category-table tbody tr:hover > * {
    background: #f8fbfa;
}

@media (max-width: 767.98px) {
    #expenseClassificationApp .expense-main-toggle {
        min-height: 54px;
    }

    #expenseClassificationApp .expense-sub-count {
        font-size: .68rem;
    }

    #expenseClassificationApp .expense-category-table {
        min-width: 820px;
    }
}