.dark-mode {
    --bg-color: #1a1a1a;
    --text-color: #ffffff;
    --border-color: #333333;
    --table-bg: #242424;
    --table-border: #333333;
    --table-hover: #2c2c2c;
}

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

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

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

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

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

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

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

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

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

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

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