.modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.45);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 11000;
    }
    .modal-backdrop.active {
      display: flex;
    }
    .modal-card {
      background: var(--panel);
      border-radius: 12px;
      padding: 20px;
      width: min(360px, 92vw);
      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.2);
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .modal-title {
      font-weight: 700;
      font-size: 16px;
    }
    .modal-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
    }