/* ========================================
   Expenses Page Styles
   ======================================== */

.table-container {
    background: var(--ma-bg-secondary);
    border: 1px solid var(--ma-border-medium);
    border-radius: var(--ma-border-radius-lg);
    overflow: hidden;
}

.badge-success {
    background-color: var(--ma-badge-success-alt-bg);
    color: var(--ma-badge-success-alt-text);
    padding: 4px 8px;
    border-radius: var(--ma-border-radius-sm);
    font-size: 12px;
}

.badge-secondary {
    background-color: var(--ma-badge-secondary-bg);
    color: var(--ma-badge-secondary-text);
    padding: 4px 8px;
    border-radius: var(--ma-border-radius-sm);
    font-size: 12px;
}

.empty-state {
    text-align: center;
    padding: 40px;
    color: var(--ma-text-extra-muted);
}