/* ═══════════════════════════════════════════════════
   Monetra — Themes
   CSS custom properties por tema.
   Cargar ANTES de style.css.
═══════════════════════════════════════════════════ */

/* ── Dark (default) ───────────────────────────────── */
:root,
[data-theme="dark"] {
  --monetra-bg-dark:     #070E1E;
  --monetra-bg:          #0A1428;
  --monetra-bg-soft:     #0D1B35;
  --monetra-bg-accent:   #102040;
  --monetra-green:       #00C896;
  --monetra-green-dark:  #00A67E;
  --monetra-green-light: #1FE0B0;
  --monetra-primary:     #00C896;
  --monetra-gold:        #F2C94C;
  --monetra-gold-dark:   #D4A72C;
  --monetra-gold-light:  #FFD76A;
  --monetra-text:        #FFFFFF;
  --monetra-text-soft:   #B0BEC5;
  --monetra-text-muted:  #78909C;
  --income-color:        #00C896;
  --expense-color:       #EF4444;
  --budget-color:        #F2C94C;
  --info-color:          #38BDF8;
  --card-bg:             rgba(13, 27, 53, 0.92);
  --card-border:         rgba(255, 255, 255, 0.07);
  --surface-hover:       rgba(0, 200, 150, 0.07);
  --navbar-bg:           rgba(7, 14, 30, 0.97);
  --navbar-border:       rgba(31, 224, 176, 0.18);
  --dropdown-bg:         #0D2535;
}

/* ── Ocean (azul profundo, celeste) ───────────────── */
[data-theme="ocean"] {
  --monetra-bg-dark:     #040E1A;
  --monetra-bg:          #071626;
  --monetra-bg-soft:     #0C2040;
  --monetra-bg-accent:   #0F2A54;
  --monetra-green:       #0EA5E9;
  --monetra-green-dark:  #0284C7;
  --monetra-green-light: #38BDF8;
  --monetra-primary:     #0EA5E9;
  --card-bg:             rgba(7, 22, 38, 0.92);
  --surface-hover:       rgba(14, 165, 233, 0.07);
  --navbar-bg:           rgba(4, 14, 26, 0.97);
  --navbar-border:       rgba(14, 165, 233, 0.25);
  --dropdown-bg:         #0C1E30;
}

/* ── Carbon (negro, lima) ─────────────────────────── */
[data-theme="carbon"] {
  --monetra-bg-dark:     #050505;
  --monetra-bg:          #0A0A0A;
  --monetra-bg-soft:     #111111;
  --monetra-bg-accent:   #181818;
  --monetra-green:       #A3E635;
  --monetra-green-dark:  #84CC16;
  --monetra-green-light: #BEF264;
  --monetra-primary:     #A3E635;
  --card-bg:             rgba(10, 10, 10, 0.95);
  --surface-hover:       rgba(163, 230, 53, 0.07);
  --navbar-bg:           rgba(5, 5, 5, 0.98);
  --navbar-border:       rgba(163, 230, 53, 0.20);
  --dropdown-bg:         #141414;
}

/* ── Dusk (violeta oscuro, ámbar) ─────────────────── */
[data-theme="dusk"] {
  --monetra-bg-dark:     #0E081A;
  --monetra-bg:          #130D22;
  --monetra-bg-soft:     #1A1030;
  --monetra-bg-accent:   #211540;
  --monetra-green:       #F59E0B;
  --monetra-green-dark:  #D97706;
  --monetra-green-light: #FBBF24;
  --monetra-primary:     #F59E0B;
  --card-bg:             rgba(19, 13, 34, 0.92);
  --surface-hover:       rgba(245, 158, 11, 0.07);
  --navbar-bg:           rgba(14, 8, 26, 0.97);
  --navbar-border:       rgba(245, 158, 11, 0.25);
  --dropdown-bg:         #1A1030;
}

/* ── Forest (verde oscuro, esmeralda) ─────────────── */
[data-theme="forest"] {
  --monetra-bg-dark:     #040F09;
  --monetra-bg:          #071810;
  --monetra-bg-soft:     #0A2016;
  --monetra-bg-accent:   #0D2B1C;
  --monetra-green:       #34D399;
  --monetra-green-dark:  #10B981;
  --monetra-green-light: #6EE7B7;
  --monetra-primary:     #34D399;
  --card-bg:             rgba(7, 24, 16, 0.92);
  --surface-hover:       rgba(52, 211, 153, 0.07);
  --navbar-bg:           rgba(4, 15, 9, 0.97);
  --navbar-border:       rgba(52, 211, 153, 0.25);
  --dropdown-bg:         #0A1E12;
}

/* ── Pearl (claro, casi blanco) ───────────────────── */
[data-theme="pearl"] {
  --monetra-bg-dark:     #E8EDF3;
  --monetra-bg:          #F1F5F9;
  --monetra-bg-soft:     #F8FAFC;
  --monetra-bg-accent:   #FFFFFF;
  --monetra-green:       #00A67E;
  --monetra-green-dark:  #007A5E;
  --monetra-green-light: #00C896;
  --monetra-primary:     #00A67E;
  --monetra-gold:        #B45309;
  --monetra-gold-dark:   #92400E;
  --monetra-gold-light:  #D97706;
  --monetra-text:        #111827;
  --monetra-text-soft:   #374151;
  --monetra-text-muted:  #6B7280;
  --income-color:        #059669;
  --expense-color:       #DC2626;
  --budget-color:        #D97706;
  --info-color:          #2563EB;
  --card-bg:             rgba(255, 255, 255, 0.95);
  --card-header-bg:      rgba(235, 239, 246, 0.85);
  --card-border:         rgba(0, 0, 0, 0.09);
  --table-border:        rgba(0, 0, 0, 0.08);
  --surface-hover:       rgba(0, 166, 126, 0.07);
  --navbar-bg:           rgba(241, 245, 249, 0.97);
  --navbar-border:       rgba(0, 166, 126, 0.22);
  --dropdown-bg:         #FFFFFF;
}

/* Pearl — component overrides for light background */
[data-theme="pearl"] .card-footer {
  background: rgba(241, 245, 249, 0.6);
}
[data-theme="pearl"] .card-balance {
  background: linear-gradient(135deg, #1E293B, #334155) !important;
}
[data-theme="pearl"] .card-budget {
  background: linear-gradient(135deg, #1E3A5F, #1D4ED8) !important;
  border-left-color: var(--monetra-green) !important;
}
[data-theme="pearl"] .mtr-thead {
  background-color: rgba(203, 213, 225, 0.9) !important;
  color: #374151;
  --bs-table-bg: rgba(203, 213, 225, 0.9) !important;
  --bs-table-color: #374151 !important;
}
[data-theme="pearl"] .mtr-thead th {
  color: #374151 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="pearl"] .mtr-tfoot {
  background-color: rgba(226, 232, 240, 0.8) !important;
  --bs-table-bg: rgba(226, 232, 240, 0.8) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
[data-theme="pearl"] .table td,
[data-theme="pearl"] .table th {
  border-color: rgba(0, 0, 0, 0.07) !important;
}
[data-theme="pearl"] .table-hover tbody tr:hover > * {
  color: #111827 !important;
}
[data-theme="pearl"] .form-control,
[data-theme="pearl"] .form-select {
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #111827;
}
[data-theme="pearl"] .form-control:focus,
[data-theme="pearl"] .form-select:focus {
  background-color: #FFFFFF;
  border-color: var(--monetra-green);
  color: #111827;
}
[data-theme="pearl"] .form-check-input {
  background-color: rgba(241, 245, 249, 0.9);
  border-color: rgba(0, 0, 0, 0.25);
}
[data-theme="pearl"] .input-group-text {
  background: rgba(226, 232, 240, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: var(--monetra-green);
}
[data-theme="pearl"] .monetra-navbar .form-select {
  background-color: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #111827 !important;
}
[data-theme="pearl"] .modal-content {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #111827;
}
[data-theme="pearl"] .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
[data-theme="pearl"] .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
[data-theme="pearl"] .modal-header .btn-close,
[data-theme="pearl"] .alert .btn-close {
  filter: none;
}
[data-theme="pearl"] .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.07);
}
[data-theme="pearl"] .badge.bg-light {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #374151 !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
}
[data-theme="pearl"] .badge.bg-secondary {
  background: rgba(100, 116, 139, 0.15) !important;
  color: #475569 !important;
}
[data-theme="pearl"] .progress {
  background-color: rgba(0, 0, 0, 0.08);
}
[data-theme="pearl"] .text-dark {
  color: #1F2937 !important;
}
[data-theme="pearl"] .btn-outline-light {
  border-color: rgba(0, 0, 0, 0.20) !important;
  color: #374151 !important;
}
[data-theme="pearl"] .btn-outline-light:hover {
  background: var(--surface-hover) !important;
  border-color: var(--monetra-green) !important;
  color: var(--monetra-green) !important;
}
[data-theme="pearl"] .monetra-navbar .dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.10);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* ── Enterprise (clasico, claro, tonos pastel) ─────── */
[data-theme="enterprise"] {
  --monetra-bg-dark:     #E8EBEF;
  --monetra-bg:          #F1F3F5;
  --monetra-bg-soft:     #F8F9FA;
  --monetra-bg-accent:   #FFFFFF;
  --monetra-green:       #6F8FAF;
  --monetra-green-dark:  #5E7C99;
  --monetra-green-light: #8FA9C2;
  --monetra-primary:     #6F8FAF;
  --monetra-gold:        #B8A77A;
  --monetra-gold-dark:   #9A895F;
  --monetra-gold-light:  #D6C9A4;
  --monetra-text:        #2E3440;
  --monetra-text-soft:   #4F5968;
  --monetra-text-muted:  #7B8491;
  --income-color:        #7FA68E;
  --expense-color:       #C58E8E;
  --budget-color:        #B8A77A;
  --info-color:          #7D9DB8;
  --card-bg:             rgba(255, 255, 255, 0.88);
  --card-header-bg:      rgba(239, 242, 245, 0.82);
  --card-border:         rgba(80, 90, 105, 0.16);
  --table-border:        rgba(80, 90, 105, 0.13);
  --surface-hover:       rgba(111, 143, 175, 0.10);
  --navbar-bg:           rgba(248, 249, 250, 0.94);
  --navbar-border:       rgba(111, 143, 175, 0.24);
  --dropdown-bg:         #FFFFFF;
}

[data-theme="enterprise"] {
  font-family: Georgia, "Times New Roman", Times, serif;
}

[data-theme="enterprise"] h1,
[data-theme="enterprise"] h2,
[data-theme="enterprise"] h3,
[data-theme="enterprise"] h4,
[data-theme="enterprise"] h5,
[data-theme="enterprise"] h6,
[data-theme="enterprise"] .navbar-brand,
[data-theme="enterprise"] .btn,
[data-theme="enterprise"] .form-label,
[data-theme="enterprise"] .badge {
  font-family: Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0.01em;
}

[data-theme="enterprise"] .monetra-navbar {
  box-shadow: 0 10px 28px rgba(60, 70, 84, 0.10);
}

[data-theme="enterprise"] .monetra-navbar .navbar-brand,
[data-theme="enterprise"] .monetra-navbar .nav-link,
[data-theme="enterprise"] .monetra-navbar .nav-link.dropdown-toggle {
  color: var(--monetra-text-soft) !important;
}

[data-theme="enterprise"] .monetra-navbar .nav-link:hover,
[data-theme="enterprise"] .monetra-navbar .nav-link.active,
[data-theme="enterprise"] .monetra-navbar .nav-link.dropdown-toggle:hover {
  color: var(--monetra-primary) !important;
  background: rgba(111, 143, 175, 0.10);
}

[data-theme="enterprise"] .navbar-toggler {
  border-color: rgba(79, 89, 104, 0.28);
}

[data-theme="enterprise"] .navbar-toggler-icon {
  filter: invert(32%) sepia(9%) saturate(679%) hue-rotate(177deg) brightness(91%) contrast(86%);
}

[data-theme="enterprise"] .monetra-navbar .navbar-brand img {
  filter: drop-shadow(0 4px 8px rgba(80, 90, 105, 0.12));
}

[data-theme="enterprise"] .card {
  box-shadow: 0 14px 34px rgba(60, 70, 84, 0.11);
}

[data-theme="enterprise"] .card-footer {
  background: rgba(239, 242, 245, 0.65);
}

[data-theme="enterprise"] .col-sm-6 .card:hover,
[data-theme="enterprise"] .col-xl-3 .card:hover {
  box-shadow: 0 18px 42px rgba(60, 70, 84, 0.15);
}

[data-theme="enterprise"] .card-income {
  background: linear-gradient(135deg, #DDE9E1, #EEF5F0) !important;
  border: 1px solid rgba(127, 166, 142, 0.28) !important;
  border-left: 5px solid #7FA68E !important;
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-income * {
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-expense {
  background: linear-gradient(135deg, #F0DEDE, #FAF2F2) !important;
  border: 1px solid rgba(197, 142, 142, 0.28) !important;
  border-left: 5px solid #C58E8E !important;
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-expense * {
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-balance {
  background: linear-gradient(135deg, #E5EBF1, #F7F9FB) !important;
  border: 1px solid rgba(111, 143, 175, 0.28) !important;
  border-left: 5px solid #6F8FAF !important;
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-balance * {
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-budget {
  background: linear-gradient(135deg, #ECE6D7, #FAF7EF) !important;
  border: 1px solid rgba(184, 167, 122, 0.30) !important;
  border-left: 5px solid #B8A77A !important;
  color: #2E3440 !important;
}

[data-theme="enterprise"] .card-budget * {
  color: #2E3440 !important;
}

[data-theme="enterprise"] .btn-success,
[data-theme="enterprise"] .btn-primary,
[data-theme="enterprise"] .btn-monetra-primary {
  background-color: #6F8FAF !important;
  border-color: #6F8FAF !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

[data-theme="enterprise"] .btn-success:hover,
[data-theme="enterprise"] .btn-primary:hover,
[data-theme="enterprise"] .btn-monetra-primary:hover {
  background-color: #5E7C99 !important;
  border-color: #5E7C99 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 16px rgba(111, 143, 175, 0.20) !important;
}

[data-theme="enterprise"] .btn-outline-primary {
  border-color: #6F8FAF !important;
  color: #5E7C99 !important;
}

[data-theme="enterprise"] .btn-outline-primary:hover {
  background-color: rgba(111, 143, 175, 0.14) !important;
  color: #435E78 !important;
}

[data-theme="enterprise"] .btn-outline-secondary,
[data-theme="enterprise"] .btn-outline-light {
  border-color: rgba(79, 89, 104, 0.28) !important;
  color: #5D6672 !important;
}

[data-theme="enterprise"] .btn-outline-secondary:hover,
[data-theme="enterprise"] .btn-outline-light:hover {
  background: rgba(111, 143, 175, 0.10) !important;
  border-color: #8FA9C2 !important;
  color: #435E78 !important;
}

[data-theme="enterprise"] .btn-secondary {
  background: rgba(223, 228, 233, 0.82) !important;
  border-color: rgba(79, 89, 104, 0.22) !important;
  color: #4F5968 !important;
}

[data-theme="enterprise"] .form-control,
[data-theme="enterprise"] .form-select {
  background-color: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(79, 89, 104, 0.20);
  color: #2E3440;
}

[data-theme="enterprise"] .form-control:focus,
[data-theme="enterprise"] .form-select:focus {
  background-color: #FFFFFF;
  border-color: #6F8FAF;
  box-shadow: 0 0 0 3px rgba(111, 143, 175, 0.18);
  color: #2E3440;
}

[data-theme="enterprise"] .form-control::placeholder {
  color: #8D96A1;
}

[data-theme="enterprise"] .form-check-input {
  background-color: #FFFFFF;
  border-color: rgba(79, 89, 104, 0.32);
}

[data-theme="enterprise"] .form-check-input:checked {
  background-color: #6F8FAF;
  border-color: #6F8FAF;
}

[data-theme="enterprise"] .input-group-text {
  background: rgba(239, 242, 245, 0.92);
  border: 1px solid rgba(79, 89, 104, 0.20);
  color: #5E7C99;
}

[data-theme="enterprise"] input[type="date"]:not(:disabled)::-webkit-calendar-picker-indicator,
[data-theme="enterprise"] input[type="datetime-local"]:not(:disabled)::-webkit-calendar-picker-indicator,
[data-theme="enterprise"] input[type="time"]:not(:disabled)::-webkit-calendar-picker-indicator {
  filter: none;
}

[data-theme="enterprise"] .monetra-navbar .form-select {
  background-color: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(79, 89, 104, 0.18) !important;
  color: #2E3440 !important;
}

[data-theme="enterprise"] .monetra-navbar .dropdown-menu {
  border: 1px solid rgba(79, 89, 104, 0.14);
  box-shadow: 0 12px 28px rgba(60, 70, 84, 0.14);
}

[data-theme="enterprise"] .dropdown-item {
  color: #4F5968;
}

[data-theme="enterprise"] .dropdown-item:hover,
[data-theme="enterprise"] .dropdown-item:focus {
  background: rgba(111, 143, 175, 0.10);
  color: #435E78;
}

[data-theme="enterprise"] .dropdown-divider {
  border-color: rgba(79, 89, 104, 0.12);
}

[data-theme="enterprise"] .table td,
[data-theme="enterprise"] .table th {
  border-color: rgba(80, 90, 105, 0.13) !important;
}

[data-theme="enterprise"] .table-hover tbody tr:hover > * {
  --bs-table-bg-state: rgba(111, 143, 175, 0.10) !important;
  color: #2E3440 !important;
}

[data-theme="enterprise"] .mtr-thead {
  background-color: rgba(229, 234, 239, 0.92) !important;
  color: #4F5968;
  --bs-table-bg: rgba(229, 234, 239, 0.92) !important;
  --bs-table-color: #4F5968 !important;
}

[data-theme="enterprise"] .mtr-thead th {
  color: #4F5968 !important;
  border-color: rgba(80, 90, 105, 0.14) !important;
}

[data-theme="enterprise"] .mtr-tfoot {
  background-color: rgba(239, 242, 245, 0.82) !important;
  --bs-table-bg: rgba(239, 242, 245, 0.82) !important;
  --bs-table-color: #4F5968 !important;
  border-top: 1px solid rgba(80, 90, 105, 0.14) !important;
}

[data-theme="enterprise"] .mtr-tfoot td {
  color: #4F5968 !important;
}

[data-theme="enterprise"] .modal-content {
  background: #FFFFFF;
  border: 1px solid rgba(79, 89, 104, 0.16);
  color: #2E3440;
  box-shadow: 0 18px 48px rgba(60, 70, 84, 0.18);
}

[data-theme="enterprise"] .modal-header,
[data-theme="enterprise"] .modal-footer {
  border-color: rgba(79, 89, 104, 0.12);
}

[data-theme="enterprise"] .modal-header .btn-close,
[data-theme="enterprise"] .alert .btn-close {
  filter: none;
}

[data-theme="enterprise"] .badge.bg-success {
  background-color: #DDE9E1 !important;
  color: #4E735B !important;
}

[data-theme="enterprise"] .badge.bg-primary,
[data-theme="enterprise"] .badge.bg-info {
  background-color: #E5EBF1 !important;
  color: #4F6F8E !important;
}

[data-theme="enterprise"] .badge.bg-warning {
  background-color: #ECE6D7 !important;
  color: #7E704B !important;
}

[data-theme="enterprise"] .badge.bg-danger {
  background-color: #F0DEDE !important;
  color: #8E5F5F !important;
}

[data-theme="enterprise"] .badge.bg-secondary,
[data-theme="enterprise"] .badge.bg-light {
  background: rgba(223, 228, 233, 0.85) !important;
  color: #5D6672 !important;
  border-color: rgba(79, 89, 104, 0.12) !important;
}

[data-theme="enterprise"] .progress {
  background-color: rgba(79, 89, 104, 0.12);
}

[data-theme="enterprise"] .text-dark,
[data-theme="enterprise"] .text-white {
  color: #2E3440 !important;
}

[data-theme="enterprise"] .text-success {
  color: #5F8A6D !important;
}

[data-theme="enterprise"] .text-danger {
  color: #A46F6F !important;
}

[data-theme="enterprise"] .text-info,
[data-theme="enterprise"] .text-primary {
  color: #5E7C99 !important;
}

[data-theme="enterprise"] .text-warning {
  color: #9A895F !important;
}

/* ── Abyss (negro profundo, frío) ─────────────────── */
[data-theme="abyss"] {
  --monetra-bg-dark:     #010306;
  --monetra-bg:          #020609;
  --monetra-bg-soft:     #050C14;
  --monetra-bg-accent:   #08111F;
  --monetra-green:       #00C896;
  --monetra-green-dark:  #00A67E;
  --monetra-green-light: #1FE0B0;
  --monetra-primary:     #00C896;
  --monetra-gold:        #F2C94C;
  --monetra-gold-dark:   #D4A72C;
  --monetra-gold-light:  #FFD76A;
  --monetra-text:        #E8F0F8;
  --monetra-text-soft:   #8BA8C4;
  --monetra-text-muted:  #4A6580;
  --income-color:        #00C896;
  --expense-color:       #EF4444;
  --budget-color:        #F2C94C;
  --info-color:          #38BDF8;
  --card-bg:             rgba(2, 6, 9, 0.97);
  --card-border:         rgba(255, 255, 255, 0.045);
  --surface-hover:       rgba(0, 200, 150, 0.05);
  --navbar-bg:           rgba(1, 3, 6, 0.99);
  --navbar-border:       rgba(31, 224, 176, 0.10);
  --dropdown-bg:         #040A12;
}

/* ── Graphite (negro + escala de grises) ──────────── */
[data-theme="graphite"] {
  --monetra-bg-dark:     #080808;
  --monetra-bg:          #0F0F0F;
  --monetra-bg-soft:     #181818;
  --monetra-bg-accent:   #242424;
  --monetra-green:       #00C896;
  --monetra-green-dark:  #00A67E;
  --monetra-green-light: #1FE0B0;
  --monetra-primary:     #00C896;
  --monetra-gold:        #F2C94C;
  --monetra-gold-dark:   #D4A72C;
  --monetra-gold-light:  #FFD76A;
  --monetra-text:        #E4E4E4;
  --monetra-text-soft:   #A8A8A8;
  --monetra-text-muted:  #606060;
  --income-color:        #00C896;
  --expense-color:       #EF4444;
  --budget-color:        #F2C94C;
  --info-color:          #38BDF8;
  --card-bg:             rgba(20, 20, 20, 0.96);
  --card-header-bg:      rgba(30, 30, 30, 0.90);
  --card-border:         rgba(255, 255, 255, 0.07);
  --surface-hover:       rgba(255, 255, 255, 0.05);
  --navbar-bg:           rgba(8, 8, 8, 0.98);
  --navbar-border:       rgba(255, 255, 255, 0.08);
  --dropdown-bg:         #141414;
}

/* Graphite — botones y controles en escala de grises */
[data-theme="graphite"] .btn-success,
[data-theme="graphite"] .btn-primary {
  background-color: #3A3A3A !important;
  border-color: #4A4A4A !important;
  color: #E4E4E4 !important;
}
[data-theme="graphite"] .btn-success:hover,
[data-theme="graphite"] .btn-primary:hover {
  background-color: #505050 !important;
  border-color: #606060 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5);
}
[data-theme="graphite"] .btn-outline-primary {
  border-color: #505050 !important;
  color: #A8A8A8 !important;
}
[data-theme="graphite"] .btn-outline-primary:hover {
  background-color: #333333 !important;
  color: #E4E4E4 !important;
}
[data-theme="graphite"] .btn-outline-secondary {
  border-color: rgba(100, 100, 100, 0.45) !important;
  color: #808080 !important;
}
[data-theme="graphite"] .btn-outline-secondary:hover {
  background: rgba(60, 60, 60, 0.5) !important;
  color: #C0C0C0 !important;
}
[data-theme="graphite"] .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #909090 !important;
}
[data-theme="graphite"] .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.30) !important;
  color: #D0D0D0 !important;
}
[data-theme="graphite"] .btn-secondary {
  background: rgba(50, 50, 50, 0.8) !important;
  border-color: rgba(80, 80, 80, 0.6) !important;
  color: #B0B0B0 !important;
}
[data-theme="graphite"] .badge.bg-success {
  background-color: #2A2A2A !important;
  color: #00C896 !important;
}
[data-theme="graphite"] .badge.bg-primary {
  background-color: #202020 !important;
  color: #A8A8A8 !important;
}
[data-theme="graphite"] .badge.bg-secondary {
  background: rgba(60, 60, 60, 0.6) !important;
  color: #909090 !important;
}
[data-theme="graphite"] .badge.bg-light {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #A0A0A0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="graphite"] .card-income {
  background: linear-gradient(135deg, #1A1A1A, #2A2A2A) !important;
  border-left: 4px solid #00C896 !important;
  color: #E4E4E4 !important;
}
[data-theme="graphite"] .card-income * {
  color: #E4E4E4 !important;
}
[data-theme="graphite"] .card-expense {
  background: linear-gradient(135deg, #1A1A1A, #2A2A2A) !important;
  border-left: 4px solid #EF4444 !important;
}
[data-theme="graphite"] .card-balance {
  background: linear-gradient(135deg, #141414, #242424) !important;
  border-left: 5px solid #606060 !important;
}
[data-theme="graphite"] .card-budget {
  background: linear-gradient(135deg, #141414, #242424) !important;
  border-left: 5px solid #505050 !important;
}
[data-theme="graphite"] .mtr-thead {
  background-color: rgba(30, 30, 30, 0.95) !important;
  --bs-table-bg: rgba(30, 30, 30, 0.95) !important;
}
[data-theme="graphite"] .mtr-tfoot {
  background-color: rgba(24, 24, 24, 0.85) !important;
  --bs-table-bg: rgba(24, 24, 24, 0.85) !important;
}
[data-theme="graphite"] .form-control,
[data-theme="graphite"] .form-select {
  background-color: rgba(20, 20, 20, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.10);
}
[data-theme="graphite"] .form-control:focus,
[data-theme="graphite"] .form-select:focus {
  background-color: rgba(28, 28, 28, 0.95);
  border-color: #505050;
  box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.25);
}
[data-theme="graphite"] .input-group-text {
  background: rgba(24, 24, 24, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.10);
}
[data-theme="graphite"] .modal-content {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
[data-theme="graphite"] .progress {
  background-color: rgba(255, 255, 255, 0.06);
}
[data-theme="graphite"] .monetra-navbar .form-select {
  background-color: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
}
[data-theme="graphite"] .monetra-navbar .dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.8);
}