body.dark-mode,
html.dark-mode body.dark-mode {
    --bg-color: #0c1210;
    --text-color: #f3efe4;
    --border-color: #2c3830;
    --table-bg: #151c18;
    --table-border: #2c3830;
    --table-hover: #1c2620;
    --card-bg: #151c18;
    --input-bg: #101612;
}

body.dark-mode .stat-card,
body.dark-mode .add-transaction,
body.dark-mode .analyze-sms,
body.dark-mode .table-container {
    background: var(--table-bg);
    color: var(--text-color);
}

body.dark-mode table {
    color: var(--text-color);
}

body.dark-mode th {
    background: #2c2c2c;
    color: var(--text-color);
    border-bottom: 1px solid var(--table-border);
}

body.dark-mode td {
    border-bottom: 1px solid var(--table-border);
}

body.dark-mode tr:hover {
    background: var(--table-hover);
}

body.dark-mode .pagination a {
    background: var(--table-bg);
    color: var(--text-color);
    border-color: var(--table-border);
}

body.dark-mode .pagination a:hover,
body.dark-mode .pagination a.active {
    background: #3498db;
    border-color: #3498db;
}

body.dark-mode .login-container,
body.dark-mode .dashboard {
    background-color: #2c2c2c;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #333333;
    color: white;
    border-color: #444444;
}

body.dark-mode th {
    background-color: #333333;
}

body.dark-mode td {
    border-color: #444444;
}