/* Global modern modal aesthetic */
    .modal-content {
      background: var(--card-bg-dark);
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.10);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.03);
      color: var(--text-dark);
    }

    body.light-mode .modal-content {
      background: var(--card-bg-light);
      border: 1px solid rgba(0, 0, 0, 0.10);
      box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6);
      color: var(--text-light);
    }

    .modal-header {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent);
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    body.light-mode .modal-header {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.03), transparent);
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .modal-footer {
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), transparent);
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    body.light-mode .modal-footer {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), transparent);
      border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .modal-content .btn-success {
      background: linear-gradient(180deg, #34c759, #2fb24f);
      border: none;
      box-shadow: 0 6px 18px rgba(52, 199, 89, 0.25);
    }

    .modal-content .btn-secondary {
      background: linear-gradient(180deg, #7a7a7a, #5e5e5e);
      border: none;
      box-shadow: 0 6px 18px rgba(122, 122, 122, 0.25);
    }

    .modal-content .btn-outline-secondary {
      border-color: rgba(255, 255, 255, 0.35);
      color: #ddd;
    }

    body.light-mode .modal-content .btn-outline-secondary {
      border-color: rgba(0, 0, 0, 0.35);
      color: #333;
    }