[data-theme="dark"] {
  --bg-primary: linear-gradient(135deg, #1a2a3a, #232337 100%);
  --bg-sidebar: linear-gradient(135deg, #232337, #2c3440);
  --bg-secondary: rgba(34, 34, 49, 0.96);
  --text-primary: #e0e0e0;
  --text-secondary: #bbb;
}

/* Sidebar */
[data-theme="dark"] body,
[data-theme="dark"] .main-content,
[data-theme="dark"] .settings-container {
  background: var(--bg-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .sidebar {
  background: var(--bg-sidebar);
  color: #fff;
}
[data-theme="dark"] .sidebar h2 {
  background: linear-gradient(90deg,#e8daff,#b8aaff 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #e8daff;
  text-shadow: 0 2px 8px rgba(100,80,200,0.10);
}
[data-theme="dark"] .sidebar ul li a {
  color: #dedcff;
}
[data-theme="dark"] .sidebar ul li a.active,
[data-theme="dark"] .sidebar ul li a:hover {
  background: #352577;
  color: #fff;
}

/* Headings & Section Headers */
[data-theme="dark"] h1,
[data-theme="dark"] .header h1,
[data-theme="dark"] .main-content h1,
[data-theme="dark"] h2,
[data-theme="dark"] .main-content h2,
[data-theme="dark"] .section-title,
[data-theme="dark"] .report-header h1 {
  color: #e8daff;
  text-shadow: 0 2px 8px rgba(109,97,202,0.15);
  font-weight: 700;
}
[data-theme="dark"] .report-header .business-name {
  color: #b3a8ff;
  font-weight: 700;
}
[data-theme="dark"] .section-header,
[data-theme="dark"] .settings-section h2.section-title {
  background: #30305a !important;
  color: #e8daff !important;
  text-transform: uppercase;
}
[data-theme="dark"] .subtitle {
  color: #978fe2;
}
[data-theme="dark"] .report-header .date {
  color: #9da7ce;
}

/* Tables */
[data-theme="dark"] table {
  background: var(--bg-secondary);
  color: darkgoldenrod;
  box-shadow: 0 5px 25px rgba(10, 14, 45, 0.24);
}
[data-theme="dark"] th {
  background: linear-gradient(135deg, #5e50aa, #8369e4 89%);
  color: #fff;
  font-weight: 700;
  text-shadow: none;
}
[data-theme="dark"] td,
[data-theme="dark"] th {
  border-bottom: 1px solid #2c3279;
}
[data-theme="dark"] tr:hover {
  background: #232557;
}
[data-theme="dark"] .totals {
  background-color: #212b45;
  color: #daccfa;
}
[data-theme="dark"] .balance-matched {
  color: #59ffad;
}
[data-theme="dark"] .balance-error {
  color: #ff6b6b;
}
[data-theme="dark"] .profit {
  background: #1d3e2b;
  color: #59ffad;
}
[data-theme="dark"] .loss {
  background: #45202a;
  color: #ff7d99;
}

/* Reports Grid & Cards */
[data-theme="dark"] .reports-grid {
  gap: 25px;
}
[data-theme="dark"] .report-card {
  background: #232337;
  color: #ebeaff;
  border-radius: 13px;
  box-shadow: 0 5px 23px rgba(67,56,130,0.19);
  border: 1.2px solid #302d63;
  transition: transform 0.3s, box-shadow 0.3s, border 0.3s;
}
[data-theme="dark"] .report-card:hover {
  background: linear-gradient(120deg, #292972 45%, #31205c 100%);
  box-shadow: 0 12px 32px rgba(120, 100, 255, 0.19);
  border: 1.6px solid #5d56d8;
}
[data-theme="dark"] .report-icon {
  color: #ad9fff;
  text-shadow: 0 2px 12px #5b43c819;
}
[data-theme="dark"] .report-title {
  color: #a69bff;
  font-weight: 700;
}
[data-theme="dark"] .report-desc {
  color: #bcb3df;
}
[data-theme="dark"] .activity-reports-section h2 {
  color: #cca6ff;
}
[data-theme="dark"] .activity-reports-section p {
  color: #c5b3ff;
}
[data-theme="dark"] .activity-link {
  background: linear-gradient(135deg, #352577, #8258fa);
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(120,100,255,0.19);
}
[data-theme="dark"] .activity-link:hover {
  background: linear-gradient(135deg, #3d3599 60%, #b697ff 100%);
  color: #fff;
}
[data-theme="dark"] hr {
  border-top: 2px solid #ad9fff !important;
  opacity: 0.18 !important;
}

/* Buttons */
[data-theme="dark"] .btn,
[data-theme="dark"] .btn-full {
  background: linear-gradient(135deg, #5b4db8 70%, #7b5bea 100%);
  color: #ede6ff;
  border: none;
  box-shadow: 0 2px 10px rgba(120, 100, 255, 0.10);
}
[data-theme="dark"] .btn:hover,
[data-theme="dark"] .btn-full:hover {
  background: linear-gradient(135deg, #7d67f0 90%, #a897f4 100%);
  color: #fff;
}
[data-theme="dark"] .btn-cancel {
  background: #3b4267;
  color: #eee;
}
[data-theme="dark"] .btn-cancel:hover {
  background: #513982;
}
[data-theme="dark"] .action-btn-small {
  color: #fff;
}
[data-theme="dark"] .btn-received {
  background: #2da861;
}
[data-theme="dark"] .btn-paid {
  background: #c13f56;
}
[data-theme="dark"] .btn-whatsapp {
  background: #39e687;
  color: #222;
}
[data-theme="dark"] .btn-edit {
  background: #5f6cd8;
}
[data-theme="dark"] .btn-delete {
  background: #5c5e66;
}
[data-theme="dark"] .btn-primary {
  background: linear-gradient(90deg,#5c50e2 50%,#8774ff 100%);
}
[data-theme="dark"] .btn-primary:hover {
  background: linear-gradient(90deg,#7267f2 50%,#b9aaff 100%);
}
[data-theme="dark"] .btn-success {
  background: linear-gradient(90deg,#19b48c 60%,#27e870 100%);
  color: #0a2f2a;
}
[data-theme="dark"] .btn-secondary {
  background: #273065;
  color: #cbd2f2;
}
[data-theme="dark"] .btn-danger {
  background: #a14444;
  color: #ffeef5;
}
[data-theme="dark"] .btn-danger:hover {
  background: #ff4366;
}
[data-theme="dark"] .btn-success,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-secondary {
  border: none;
  outline: none;
}

/* Back Button */
[data-theme="dark"] .back-btn,
[data-theme="dark"] button.back-btn {
  background: linear-gradient(135deg, #261c47 70%, #3d3976 100%);
  color: #d1c8ff;
  border: none;
  border-radius: 8px;
  padding: 9px 20px;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(124, 138, 237, 0.15);
  transition: background 0.2s, color 0.2s;
  margin-bottom: 20px;
  cursor: pointer;
}
[data-theme="dark"] .back-btn:hover,
[data-theme="dark"] button.back-btn:hover {
  background: linear-gradient(135deg, #3a3177 90%, #5742ab 100%);
  color: #fff;
}

/* Cards and Grids */
[data-theme="dark"] .contacts-grid {
  background: none;
}
[data-theme="dark"] .contact-card {
  background: #232337;
  color: #e2e0ee;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(67,56,130,0.11);
  border: 1px solid #34426e;
  transition: box-shadow 0.2s, transform 0.2s;
}
[data-theme="dark"] .contact-card:hover {
  background: linear-gradient(120deg,#2e2957 60%,#382577 100%);
  box-shadow: 0 10px 25px rgba(120,100,255,0.18);
}

/* Contact Details */
[data-theme="dark"] .contact-name {
  color: #d9bbfd;
}
[data-theme="dark"] .contact-mobile {
  color: #abafc5;
}
[data-theme="dark"] .contact-email {
  color: #bba6ee;
}
[data-theme="dark"] .contact-comments {
  color: #b6bcc7;
  background: #231e3c;
}
[data-theme="dark"] .contact-balance {
  background: #322c62;
  color: #a6ffec;
}
[data-theme="dark"] .balance-receivable {
  color: #49e38a;
}
[data-theme="dark"] .balance-payable {
  color: #ff869f;
}
[data-theme="dark"] .balance-net {
  border-top: 1px solid #4f356b;
}

/* Search bar */
[data-theme="dark"] .search-box {
  background: #232337;
  border: 2px solid #373a64;
  color: #eaeaff;
}
[data-theme="dark"] .search-box:focus {
  border-color: #a697fe;
}

/* Modal overlays and content */
[data-theme="dark"] .modal {
  background: rgba(20,20,38,0.72);
}
[data-theme="dark"] .modal-content {
  background: #232337;
  color: #fff;
  border: 1.5px solid #373a64;
  box-shadow: 0 10px 44px rgba(0,0,0,0.16);
}
[data-theme="dark"] .modal-content h2 {
  color: #d1a8ff;
}
[data-theme="dark"] .form-group label {
  color: #cdc0f8;
}
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1c1d36;
  color: #e0e0e0;
  border: 2px solid #39396c;
}
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: #a297fe;
  box-shadow: 0 0 0 3px #4c379b38;
}
[data-theme="dark"] ::placeholder {
  color: white !important;
  opacity: 1;
}

/* Settings - Inputs, Badges, and Misc */
[data-theme="dark"] .setting-item {
  border-bottom: 1.1px solid #39396c;
}
[data-theme="dark"] .setting-name {
  color: #dacbff;
}
[data-theme="dark"] .setting-desc {
  color: #a9b3ca;
}
[data-theme="dark"] .current-email {
  color: #b7bafe;
}
[data-theme="dark"] .status-badge {
  background: #253b32;
  color: #69f0ae;
  border: none;
}
[data-theme="dark"] .form-input {
  background: #181935;
  color: #fff;
  border: 1.7px solid #51559b;
}
[data-theme="dark"] .form-input:focus {
  border-color: #a27dff;
}
[data-theme="dark"] .form-label {
  color: #e0cbff;
}

/* Modal & Danger Zone */
[data-theme="dark"] .modal-title, [data-theme="dark"] .modal-header-danger h3 {
  color: #e3c9ff;
}
[data-theme="dark"] .danger-zone {
  border: 2px solid #ff6b6b;
}
[data-theme="dark"] .danger-modal {
  background: #2b2133;
}
[data-theme="dark"] .warning-box h4, [data-theme="dark"] .backup-section h4 {
  color: #f0b844;
}
[data-theme="dark"] .warning-box {
  background: #37252e;
  border-radius: 10px;
  color: #edeed5;
}
[data-theme="dark"] .backup-section {
  background: #243a39;
  border-radius: 10px;
  color: #c6ffd9;
}
[data-theme="dark"] .modal-content ul li {
  color: #e2bcff;
}

/* Modal Progress & Toggles */
[data-theme="dark"] .progress-bar {
  background: #20244b;
}
[data-theme="dark"] .progress-fill {
  background: linear-gradient(90deg, #6699ff 50%, #dd88ff 100%);
}
[data-theme="dark"] .theme-toggle .theme-slider {
  background: #393b64;
}
[data-theme="dark"] .theme-toggle .theme-slider:before {
  background: linear-gradient(135deg,#b493ff 0%,#8468d7 100%);
}
[data-theme="dark"] .theme-toggle input:checked + .theme-slider {
  background: #1f2236;
}
[data-theme="dark"] .theme-toggle input:checked + .theme-slider:before {
  background: linear-gradient(135deg,#77e2af 0%,#5ec5ff 100%);
}
[data-theme="dark"] .notification {
  background: #23153b;
  color: #ddaaff;
}

/* Empty State */
[data-theme="dark"] .empty-state {
  color: #a5a0cc;
}
[data-theme="dark"] .empty-state-icon {
  color: #a081f1;
}

/* Responsive tweaks for dark tables / contacts / etc */
@media (max-width: 768px) {
  [data-theme="dark"] .main-content {
    background: transparent;
    color: var(--text-primary);
  }
  [data-theme="dark"] table {
    font-size: 13px;
  }
  [data-theme="dark"] .contacts-grid {
    grid-template-columns: 1fr !important;
  }
  [data-theme="dark"] .sidebar {
    box-shadow: 2px 0 18px #47379b52;
  }
  [data-theme="dark"] .transactions {
    box-shadow: none;
    border-radius: 12px;
  }
}

@media (max-width: 600px) {
  [data-theme="dark"] .sidebar {
    background: var(--bg-sidebar);
  }
  [data-theme="dark"] .main-content {
    background: transparent;
    color: var(--text-primary);
  }
}

@media (max-width: 480px) {
  [data-theme="dark"] table {
    font-size: 12px !important;
  }
  [data-theme="dark"] th,
  [data-theme="dark"] td {
    padding: 8px 6px !important;
  }
  [data-theme="dark"] .main-content {
    padding: 0 8px;
  }
  [data-theme="dark"] .contact-card {
    padding: 15px 12px;
  }
  .top-bar{
            gap: 10px;
        margin-top: 61px;
  }
}

/* Main Content */
[data-theme="dark"] .dashboard-container {
  background: none;
}
[data-theme="dark"] .top-bar {
  background: var(--bg-secondary);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(25, 17, 46, 0.10);
}
[data-theme="dark"] .logo {
  color: #e8daff;
  background: linear-gradient(90deg, #e8daff 20%, #b8aaff 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme="dark"] .settings-btn {
  color: #a79fff;
}
[data-theme="dark"] .settings-btn:hover {
  background: #392784;
  color: #fff;
}
[data-theme="dark"] .account-switcher {
  background: rgba(124, 138, 237, 0.09);
}
[data-theme="dark"] .account-btn {
  background: transparent;
  color: #b8aaff;
  border: 2px solid #493297;
}
[data-theme="dark"] .account-btn.active {
  background: linear-gradient(135deg, #4e63ea, #7c5be9 70%);
  color: #fff;
  border-color: transparent;
}
[data-theme="dark"] .account-btn:hover {
  border-color: #9d89ff;
  color: #edeaff;
}

/* Transactions Card */
[data-theme="dark"] .transactions {
  background: #232337;
  color: #ebeaff;
  box-shadow: 0 8px 22px rgba(82,72,137,0.11);
}
[data-theme="dark"] .transaction-item {
  border-bottom: 1px solid #353568;
}
[data-theme="dark"] .transaction-party {
  color: #b5a7ff;
}
[data-theme="dark"] .transaction-category {
  color: #b1b0d5;
}
[data-theme="dark"] .transaction-date {
  color: #b9abf7;
}
[data-theme="dark"] .transaction-amount {
  color: #49e38a;
}
[data-theme="dark"] .transaction-comments {
  color: #b5b5bc !important;
}
[data-theme="dark"] .income-amount {
  color: #34e3a8;
}
[data-theme="dark"] .expense-amount {
  color: #fc7e7e;
}
[data-theme="dark"] .no-transactions {
  color: #8a84a8;
}

/* Income Form */
[data-theme="dark"] #incomeForm {
  background: #212338;
  color: #d3d2f5;
  box-shadow: 0 10px 30px rgba(82,72,137,0.14);
}
[data-theme="dark"] #incomeForm h3 {
  color: #dacbfa;
}
[data-theme="dark"] .form-group label {
  color: #cbc5f4;
}
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1a1b2e;
  color: #e0e0e0;
  border: 1.7px solid #4642a7;
}
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: #8d82ff;
  box-shadow: 0 0 0 3px #4c379b38;
}
[data-theme="dark"] ::placeholder {
  color: #b5aee4 !important;
  opacity: 1;
}
[data-theme="dark"] button[type="submit"] {
  background: linear-gradient(135deg, #5b4db8 70%, #7b5bea 100%);
  color: #ece6ff;
  border: none;
  box-shadow: 0 2px 10px rgba(120, 100, 255, 0.10);
}
[data-theme="dark"] button[type="submit"]:hover {
  background: linear-gradient(135deg, #7d67f0 90%, #a897f4 100%);
}

[data-theme="dark"] .stats-card,
[data-theme="dark"] .transactions-section {
  background: #232337;
  color: #ebeaff;
  box-shadow: 0 4px 18px rgba(82,72,137,0.14);
}

[data-theme="dark"] .stats-title {
  color: #ad9fff;
}

[data-theme="dark"] .stats-card.balance .stats-amount {
  color: #69afff;
}
[data-theme="dark"] .stats-card.income .stats-amount {
  color: #31db88;
}
[data-theme="dark"] .stats-card.expense .stats-amount {
  color: #ff8c9c;
}
[data-theme="dark"] .stats-amount {
  color: #dcd6ff;
}

/* For transaction items inside transactions-section */
[data-theme="dark"] .transaction-item {
  border-bottom: 1px solid #353568;
}
[data-theme="dark"] .transaction-desc {
  color: #e5dbff;
}
[data-theme="dark"] .transaction-date {
  color: #b9abf7;
}
[data-theme="dark"] .transaction-amount {
  color: #c7baff;
}
[data-theme="dark"] .income-amount {
  color: #34e3a8;
}
[data-theme="dark"] .expense-amount {
  color: #fc7e7e;
}
[data-theme="dark"] .no-transactions {
  color: #8a84a8;
}
[data-theme="dark"] .transactions-title{
        color: white;
}


[data-theme="dark"] .bs-section {
  background: #232337;
  color: #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(67,56,130,0.11);
}

[data-theme="dark"] .bs-section h2 {
  color: #dacbfa;
  border-bottom: 2px solid #ad9fff;
}

[data-theme="dark"] .bs-item {
  border-bottom: 1px solid #373a64;
}

[data-theme="dark"] .bs-label {
  color: #dcd6ff;
}

[data-theme="dark"] .bs-amount {
  color: #69afff;
}

[data-theme="dark"] .bs-total {
  border-top: 2px solid #ad9fff;
  color: #ad9fff;
  background: transparent;
}

[data-theme="dark"] .balance-check {
  background: #181935;
  color: #59ffad;
  border-radius: 10px;
}

/* If status coloring needed: */
[data-theme="dark"] .balance-check.balanced {
  background: #1d3e2b;
  color: #59ffad;
}

[data-theme="dark"] .balance-check.unbalanced {
  background: #45202a;
  color: #ff7d99;
}

[data-theme="dark"] .main-content{

        margin-left: 260px;
    width: calc(100% - 260px);
    max-width: 1000px;
    padding: 40px;
}


[data-theme="dark"] .entries-list {
  background: #232337;
  color: #ebeaff;
  box-shadow: 0 5px 23px rgba(67,56,130,0.19);
}

[data-theme="dark"] table {
  background: transparent;
  color: #dcd6ff;
  border-collapse: collapse;
}

[data-theme="dark"] th {
  background: linear-gradient(135deg, #5e50aa, #8369e4 89%);
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #2c3279;
}

[data-theme="dark"] td {
  color: darkgoldenrod;
  border-bottom: 1px solid #353568;
}

[data-theme="dark"] tr {
  background: transparent;
}

[data-theme="dark"] tr:hover {
  background: #232557;
}

[data-theme="dark"] .entry-detail:hover {
  background: #232557;
}

[data-theme="dark"] .accounting-note {
  background: #322c62;
  color: #a6ffec;
  border-left: 4px solid #5e50aa;
}

[data-theme="dark"] .back-btn {
  background: linear-gradient(135deg, #261c47 70%, #3d3976 100%);
  color: #d1c8ff;
}

[data-theme="dark"] .account-card{
    background: #3d3976;
}


@media (max-width: 800px) {
  [data-theme="dark"] .main-content {
    margin-left: 0;
    width: 100vw;
    padding: 18px 8px;
  }
}

[data-theme="dark"] #feedbackForm textarea{
  background: black;
}